Переделка Главной Страницы Под 1 Столбец
#1
Отправлено 07 Февраль 2014 - 19:01
Шапка остается без изменений изменяется только блок контента.
Так же вопрос, как можно ручками редактировать порядок показа товаров, чтоб они стояли в порядке нужном нам, а не как им вздумалось.
#2
Отправлено 08 Февраль 2014 - 07:29
#3
Отправлено 08 Февраль 2014 - 09:50
#4
Отправлено 08 Февраль 2014 - 10:35
i.smetanin (08 Февраль 2014 - 09:50) писал:
Полностью скрываем нижнюю часть сайта
Редактируем main.css
Находим
#footer { clear: both; width: 100%; background: #485d63; border-top: 4px solid #64828b; margin: 20px 0 17px 0; }
Заменяем на
#footer { clear: both; width: 100%; background: #485d63; border-top: 4px solid #64828b; margin: 20px 0 17px 0; display: none; }
Находим
#panelbottom { clear: both; background: #FFF; width: 1000px; margin: 0 auto; height: 43px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; }
Заменяем на
#panelbottom { clear: both; background: #FFF; width: 1000px; margin: 0 auto; height: 43px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; display:none; }
Переносим правый столбец в левый
Находим и удаляем
<div id="right"> <!-- Последние товары, просмотренные пользователем --> <!-- {% IFNOT recently_viewed_goods_empty %} <div class="block"> <div class="blocktitle bluelarge"> Вы смотрели </div> <div class="blockmain state"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %} <tr class="txtalgnlft"> <td class="img txtalgncnt"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a> </td> <td class="link statetitle fnt12n txtalgnlft"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a> </td> </tr> {% ENDFOR %} </table> </div> <div class="blockbottom"></div> </div> {% ENDIF %} --> <!-- Последние товары, просмотренные пользователем --> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_SHOP_URL}">Новости магазина</a> </div> <div class="blockmain state padd"> {% FOR news_list_all %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a> </div> <p> {news_list_all.TEXT_SHORT} </p> {% IF news_list_all.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_all.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_SHOP_URL}">Новости магазина</a> </div> <div class="blockmain state padd"> {% FOR news_list_shop %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_shop.URL}" title="Перейти к новости: {news_list_shop.TITLE}">{news_list_shop.TITLE}</a> </div> <p> {news_list_shop.TEXT_SHORT} </p> {% IF news_list_shop.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_shop.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluesmall"> <a href="{NEWS_ARTICLES_URL}">Статьи сайта</a> </div> <div class="blockmain state padd"> {% FOR news_list_articles %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_articles.URL}" title="Перейти к статье: {news_list_articles.TITLE}">{news_list_articles.TITLE}</a> </div> <p> {news_list_articles.TEXT_SHORT} </p> {% IF news_list_articles.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_articles.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a> </div> <div class="blockmain state padd"> {% FOR news_list_mass_media %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_mass_media.URL}" title="Перейти к странице новости: {news_list_mass_media.TITLE}">{news_list_mass_media.TITLE}</a> </div> <p> {news_list_mass_media.TEXT_SHORT} </p> {% IF news_list_mass_media.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_mass_media.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> </div>
Далее находим и удаляем
<!-- Для остальных страниц сайта --> {% IFNOT index_page %}Находим
<!-- END Если есть список статей и если в тарифном плане подключен модуль новостей --> {% ENDIF %}
Заменяем на
<!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->
Полный код левого блока должен быть таким
Castiel (08 Февраль 2014 - 10:31) писал:
Редактируем main.css
Находим
#footer { clear: both; width: 100%; background: #485d63; border-top: 4px solid #64828b; margin: 20px 0 17px 0; }
Заменяем на
#footer { clear: both; width: 100%; background: #485d63; border-top: 4px solid #64828b; margin: 20px 0 17px 0; display: none; }
Находим
#panelbottom { clear: both; background: #FFF; width: 1000px; margin: 0 auto; height: 43px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; }
Заменяем на
#panelbottom { clear: both; background: #FFF; width: 1000px; margin: 0 auto; height: 43px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; display:none; }
Переносим правый столбец в левый
Находим и удаляем
<div id="right"> <!-- Последние товары, просмотренные пользователем --> <!-- {% IFNOT recently_viewed_goods_empty %} <div class="block"> <div class="blocktitle bluelarge"> Вы смотрели </div> <div class="blockmain state"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %} <tr class="txtalgnlft"> <td class="img txtalgncnt"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a> </td> <td class="link statetitle fnt12n txtalgnlft"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a> </td> </tr> {% ENDFOR %} </table> </div> <div class="blockbottom"></div> </div> {% ENDIF %} --> <!-- Последние товары, просмотренные пользователем --> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_SHOP_URL}">Новости магазина</a> </div> <div class="blockmain state padd"> {% FOR news_list_all %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a> </div> <p> {news_list_all.TEXT_SHORT} </p> {% IF news_list_all.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_all.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_SHOP_URL}">Новости магазина</a> </div> <div class="blockmain state padd"> {% FOR news_list_shop %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_shop.URL}" title="Перейти к новости: {news_list_shop.TITLE}">{news_list_shop.TITLE}</a> </div> <p> {news_list_shop.TEXT_SHORT} </p> {% IF news_list_shop.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_shop.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluesmall"> <a href="{NEWS_ARTICLES_URL}">Статьи сайта</a> </div> <div class="blockmain state padd"> {% FOR news_list_articles %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_articles.URL}" title="Перейти к статье: {news_list_articles.TITLE}">{news_list_articles.TITLE}</a> </div> <p> {news_list_articles.TEXT_SHORT} </p> {% IF news_list_articles.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_articles.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a> </div> <div class="blockmain state padd"> {% FOR news_list_mass_media %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_mass_media.URL}" title="Перейти к странице новости: {news_list_mass_media.TITLE}">{news_list_mass_media.TITLE}</a> </div> <p> {news_list_mass_media.TEXT_SHORT} </p> {% IF news_list_mass_media.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_mass_media.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> </div>
Далее находим и удаляем
<!-- Для остальных страниц сайта --> {% IFNOT index_page %}Находим
<!-- END Если есть список статей и если в тарифном плане подключен модуль новостей --> {% ENDIF %}
Заменяем на
<!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->
Полный код левого блока должен быть таким
Управлять положением товаров можно только через стандартные виды сортировки.
Цитата
Сейчас у вас, на главной странице идет вывод товаров списком. Опишите подробнее как вы хотите выводить их?
В виде таблицы по 3 элемента в строчку? Что кроме названия и изображения еще должно выводиться?
#5
Отправлено 12 Февраль 2014 - 12:38
#6
Отправлено 12 Февраль 2014 - 12:57
i.smetanin (12 Февраль 2014 - 12:38) писал:
Здравствуйте, редактируем main.css
Находим
#index { background: url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin: -11px 0 -11px 0; padding: 11px 0 11px 0; }Заменяем на
#index { margin: -11px 0 -11px 0; padding: 11px 0 11px 0; }
Находим
#content #mainindex .headline { background: url(http://design.wow-led.ru/headline-index-bg.jpg) top center no-repeat; width: 492px; }
Заменяем на
#content #mainindex .headline { }
Находим
#mainindex { float: left; width: 512px; }Заменяем на
#mainindex { float: left; }
#7
Отправлено 12 Февраль 2014 - 13:47
#8
Отправлено 12 Февраль 2014 - 13:50
i.smetanin (12 Февраль 2014 - 13:47) писал:
Здравствуйте, уточните пожалуйста, где именно вы хотите сделать вывод таблицей по 3 столбца?
В каталоге товаров у вас есть выбор между выводом списком и столбцами.
#9
Отправлено 13 Февраль 2014 - 00:38
#10
Отправлено 13 Февраль 2014 - 02:15
is_divided("2"
и замените все их на
is_divided("3"
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных