Автор Тема: Одноколоночная верстка  (Прочитано 12272 раз)

Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Одноколоночная верстка
« : Мая 03, 2012, 05:09:57 pm »
Собрался тут давече с силами переделать шаблон новости в формате "одна колонкап". но не тут то было..
шаблон в html сделал вроде, а портировать под Lego не получается..

может там как то в index.html как то пошаманить нужно..

страница новости и статьи должна быть без колонок и без лишних ссылок на товары и категории, дабы небыло у гугла путаницы с индексацией.


Подскажите комрады: как убрать три колонки в новостях и статьях (убрать полностью  колонку слева там где категории, и колонку справа, там где корзина и т.п.)

Как убрать три колонки в новостях и статьях (убрать полностью  колонку слева там где категории, и колонку справа, там где корзина и т.п.)





Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Re: Одноколоночная верстка
« Ответ #1 : Мая 03, 2012, 05:38:42 pm »
Все ненужные блоки и колонки заганяешь в условие
{if $main_content_template != "news.tpl.html" && $main_content_template != "pages.tpl.html"}
      тут блоки или сразу вся левая колонка, так же и для правой
{/if}
если так сделать, то остается одна центральная узкая колонка..
получается ломаный шаблон какой то..

Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Re: Одноколоночная верстка
« Ответ #2 : Мая 03, 2012, 05:49:09 pm »
вроде нашел решение в моей же старой теме..
http://forum.shop-script.org/prodvizenie/ubrat_stati_i_novosti__so_stranicy_modeli/

сижу курю

Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Re: Одноколоночная верстка
« Ответ #3 : Мая 03, 2012, 08:24:19 pm »
странно. вроде написа все верно.
в css создал правило
#content_100persen
{width:100%;}

в индексе написал следующее:
<div id="{if $main_content_template == "news.tpl.html && $main_content_template == "pages.tpl.html"}content_100persen{else}content{/if}">
...
 
       </div>

и не пашет..

может ошибка в условии? т.к. если поставить уловие только для news или только для pages, то все работет..
вот так работает:
   {if $main_content_template == "news.tpl.html"}
.... прошло пол часа.. почитал форум по php
методом проб и ошибок выяснилось что нужно писать оператор "or" вместо &&

рабочий код выглядит так:
<div id="{if $main_content_template == "news.tpl.html && $main_content_template == "pages.tpl.html"}content_100persen{else}content{/if}">
...
 
       </div>

надеюсь никаких косяков тут нет ))
спасибо за помощь pehser и  slamm
« Последнее редактирование: Мая 03, 2012, 08:43:33 pm от Al_Uk »

Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Re: Одноколоночная верстка
« Ответ #4 : Мая 03, 2012, 08:44:42 pm »
А так попробуй +)))))))
<div id='{if $main_content_template == "news.tpl.html" && $main_content_template == "pages.tpl.html"}content_100persen{else}content{/if}'>
... 
       </div>
Ты "news.tpl.html написал с одной кавычкой а нужно "news.tpl.html"

кавычки не помогли.. поставил or вместо && и все заработало

Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Re: Одноколоночная верстка
« Ответ #5 : Мая 03, 2012, 09:04:16 pm »
Кавычки там в любом случае нужны!

тут странно другое, при таком коде , приходится еще кучу всякого дописывать в css, чтобы страничка с новостями и статьями почеловечески смотрелась..

может есть какой то хитрый способ обойтись добавлением одного класса..
типа написать
.content_100persen {
    width:100%;
}
а в условии поставить
<div id="{if $main_content_template == "news.tpl.html" or $main_content_template == "pages.tpl.html"}content.content_100persen{else}content{/if}">


иначе пришлось в css добавлять кучу такого шлака: (((
#content_100persen {
    width:100%;
}

#content_100persen .top {
//padding: 8px 0px 6px 10px;
        height:32px;
background: url('../image/content_top_center.png') repeat-x scroll 0 0 transparent;
        margin-right: 5px;
        margin-left: 5px;
}

#content_100persen .right {
background:url("../image/content_top_right.png") no-repeat scroll 0 0 transparent;
float:right;
height:32px;
width:5px;
}

#content_100persen .left {
background:url("../image/content_top_left.png") no-repeat scroll 0 0 transparent;
float:left;
height:32px;
width:5px;
}


#content_100persen .top h1, .heading {
color: #000000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
        padding:8px 0 8px 7px;
margin: 0px;
}


#content_100persen .middle {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF;
padding: 5px;
min-height:380px;

}


#content_100persen .bottom_left {
background:url("../image/content_bottom_left.png") no-repeat scroll 0 0 transparent;
float:left;
height:5px;
width:5px;
}

#content_100persen .bottom_right {
background:url("../image/content_bottom_right.png") no-repeat scroll 0 0 transparent;
float:right;
height:5px;
width:5px;
}

#content_100persen .bottom_center {
background:url("../image/content_bottom_center.png") repeat-x scroll 0 0 transparent;
height:5px;
margin:0 5px 10px;
}

nictboom

  • Гость
Re: Одноколоночная верстка
« Ответ #6 : Мая 03, 2012, 10:46:26 pm »
Цитировать
хитрый способ обойтись добавлением одного класса..
дык добавь, действительно, class (как slamm™ предложил), а не меняй id.
единственное, приоритет пробуй для класса ставить:
.content_100persen {атрибут:значение!important;}
« Последнее редактирование: Мая 03, 2012, 11:03:42 pm от nictboom »

Оффлайн Al_Uk

  • Спец
  • ***
  • Сообщений: 247
    • Просмотр профиля
Re: Одноколоночная верстка
« Ответ #7 : Мая 03, 2012, 11:24:45 pm »
все сделал, все получилось,

как раз собрался переделать страницу товара из двух колонок, и целостности картины нехватало, как же из трех колонок две сдалать.. теперь понимание вроде как есть )

спасибо всем еще раз.
!important поставил, хотя вроде и без этого работает..


Новости и статьи  перепиливал неспроста.
Последний апдейт гугла сильно "прошелся" по спамным текстам. И несмотря на то, что вроде бы все тексты мы писали нормальные, получилось так, что на странице новости вместе с полезным текстом новости Гугл индексировал все что видел рядом. А рядом (в правой колонке) обычно стояли Хиты продаж, Новые товары, последние просмотренные товары и пр. В итоге в индекс попало огромное количеств левых страниц. Как результат, по запросу Nokia N8 более релевантна была не целевая страница с товаром, а куча левых страниц со статьями и новостями а страница Nokia N8 была где то далеко позади (хотя на нее были куплены ссылки).. Как результат - падение сайта по всем ключевым позициям после очередного апдейта Гугла..

Знающие люди говорят, якобы, что новый алгоритм Панда добрался и до нас и начал шерстить сайты на спам. Если видит хотя бы 10% спамных страниц, понижает в рейтинге весь сайт. В это слабо верится, но прецеденты уже есть..

Именно после этого решил перепилить новости и статьи.
Делал по образу неплохого этого сайта, который при своей кажущейся простоте отвечает на все вопросы покупателя и мегаудобен в плане юзабилити (по мнению наших юзабилистов )


« Последнее редактирование: Мая 03, 2012, 11:43:37 pm от Al_Uk »