Помогите С Дизайном Каталога
#1
Отправлено 29 Январь 2014 - 14:25
1. Убрать в каталоге в корневых и подкорневых категориях отображение количества товара.
2. Для читабельности обернуть категории в рамочки, в идеале корневые категории в свой цвет, а подкорневые в другой.
http://zimaleto-perm.ru/
#2
Отправлено 29 Январь 2014 - 15:14
Rosalina (29 Январь 2014 - 14:25) писал:
1. Убрать в каталоге в корневых и подкорневых категориях отображение количества товара.
2. Для читабельности обернуть категории в рамочки, в идеале корневые категории в свой цвет, а подкорневые в другой.
http://zimaleto-perm.ru/
<!-- Отображение количества товаров в категории --> {% IF catalog_full.GOODS_COUNT>0 %} ({catalog_full.GOODS_COUNT}) {% ENDIF %}
#3
Отправлено 29 Январь 2014 - 15:21
по 2ому вопросу найдите в файле css(добавим нижнее отчеркивание)
#left .block .navigation ul li a, #right .block .navigation ul li a { padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height:24px; overflow:hidden;}замените его на
#left .block .navigation ul li a, #right .block .navigation ul li a { padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height:24px; overflow:hidden; border-bottom: 1px solid #6D6B6B;}
Насчет выделения цветом, это меню сделано так, что подразделы имеют один стиль, сделать разным цветом не получится можно сделать, чтоб при наведении раздел выделялся. Найдите
ul#navmenu-v li.iehover li.iehover a { background: #FFFFFF; }замените его на
ul#navmenu-v li.iehover li.iehover a { background: #CACACA; }
#4
Отправлено 29 Январь 2014 - 16:21
На главной странице в самом низу "статьи сайта" прыгнули вправо, можно на главной привязать в левую колонку?
#5
Отправлено 29 Январь 2014 - 16:34
Найдите данный блок кода в шаблоне HTML:
<div id="right"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% 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> <div class="clear"></div> </div> {% ENDIF %} </div>
Перенесите данный блок кода сразу после данного блока кода:
<!-- ССЫЛКА НА ВИКУ --> <p><a href="http://vk.com/bogatyrev_photo"><img alt="" src="http://st.zimaleto-perm.ru/1/856/891/rDNZwGRiPu8.jpg" style="width: 222px; height: 273px;" /></a></p> <br> <script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 36800004); </script>
далее в шаблоне main.css найдите данный блок кода:
#right { float:right; width:225px; margin:0 10px 0 0; }
замените его на:
#right { float:right; width:225px; margin: 20px 12px 0 0; }
#6
Отправлено 29 Январь 2014 - 16:51
#7
Отправлено 29 Январь 2014 - 17:03
Rosalina (29 Январь 2014 - 16:51) писал:
перенесите самый большой блок (из сообщения выше) сразу после данного блока кода:
</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 Если есть список статей и если в тарифном плане подключен модуль новостей --> {% ENDIF %} </div>
#8
Отправлено 29 Январь 2014 - 17:11
#9
Отправлено 29 Январь 2014 - 17:15
#10
Отправлено 01 Март 2014 - 00:18
Rosalina (29 Январь 2014 - 14:25) писал:
1. Убрать в каталоге в корневых и подкорневых категориях отображение количества товара.
2. Для читабельности обернуть категории в рамочки, в идеале корневые категории в свой цвет, а подкорневые в другой.
http://zimaleto-perm.ru/
#11
Отправлено 01 Март 2014 - 03:57
#14
Отправлено 03 Октябрь 2014 - 13:46
Ольга (03 Октябрь 2014 - 12:43) писал:
В main.css найдите
#left .block .navigation ul li a, #right .block .navigation ul li a { padding: 4px 5px 5px 25px; display: block; color: #4c4c4c; line-height: 24px; overflow: hidden; font-size: 12px !important; }И замените на
#left .block .navigation ul li a, #right .block .navigation ul li a { padding: 4px 5px 5px 25px; display: block; color: #4c4c4c; line-height: 24px; overflow: hidden; font-size: 12px !important; font-weight: bold !important; }Изменяйте значение 12px
#15
Отправлено 07 Октябрь 2014 - 10:40
Danil (03 Октябрь 2014 - 13:46) писал:
В main.css найдите
#left .block .navigation ul li a, #right .block .navigation ul li a { padding: 4px 5px 5px 25px; display: block; color: #4c4c4c; line-height: 24px; overflow: hidden; font-size: 12px !important; }И замените на
#left .block .navigation ul li a, #right .block .navigation ul li a { padding: 4px 5px 5px 25px; display: block; color: #4c4c4c; line-height: 24px; overflow: hidden; font-size: 12px !important; font-weight: bold !important; }Изменяйте значение 12px
Спасибо! Изменения понятны. НО меня интересовало локальное изменение, а именно "подбор турбин по маркам" (этот подраздел выделен в рамочку), не меняя одновременно остальные подразделы каталога. Т.е. каждый подраздел мог бы нести свою подачу изменения.
#16
Отправлено 07 Октябрь 2014 - 16:24
Ольга (07 Октябрь 2014 - 10:40) писал:
В шаблоне html найдите код
<!-- Каталог товаров --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">КАТАЛОГ ТОВАРОВ</a></div> <div class="blockmain navigation fnt12n"> <li class= "default off" style="color: red;"> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="blockbottom"></div> </div> <!-- END Каталог товаров -->И замените на
<!-- Каталог товаров --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">КАТАЛОГ ТОВАРОВ</a></div> <div class="blockmain navigation fnt12n"> <li class= "default off" style="color: red;"> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}> {% IF catalog.NAME = Название категории %}style="Сюда пишем стили;" {% ENDIF %} </a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="blockbottom"></div> </div> <!-- END Каталог товаров -->Далее после
{% IF catalog.NAME = Сюда пишем название категории %}style="Сюда пишем стили;" {% ENDIF %}Добавляйте аналогичную строку, для другой категории
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных