Как Сделать Такой Каталог
#1
Отправлено 17 Март 2014 - 18:55
#2
Отправлено 18 Март 2014 - 03:20
#column-left { float: left; padding-top: 10px; width: 210px; }замените на:
#column-left { display: none; float: left; padding-top: 10px; width: 210px; }
Далее чтобы расширить контент найдите и удалите:
#column-left + #content { margin-left: 235px; }
Далее в шаблоне HTML после:
<div id="content"> <div class="box">вставляете код каталога:
<!-- Каталог --> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->
Далее уже необходимо простилизовать его и задать картинку для каждой категории
#4
Отправлено 17 Сентябрь 2014 - 16:02
grappp (17 Сентябрь 2014 - 15:57) писал:
Заранее спасибо.
Что касается стилизации - выполните инструкции и пришлите нам желаемый внешний вид, и мы напишем вам код стилей.
#5
Отправлено 25 Сентябрь 2014 - 12:47
Dars (17 Сентябрь 2014 - 16:02) писал:
Что касается стилизации - выполните инструкции и пришлите нам желаемый внешний вид, и мы напишем вам код стилей.
Здравствуйте!
Решил сегодня заняться каталогом и выполнить все по инструкции приведенной Vaccina , но дело в том, что ни одного из выше указанных кодов нет в моем шаблоне. Как быть?
#6
Отправлено 26 Сентябрь 2014 - 01:10
#left > .block:first-child { display:none; }
далее в шаблоне HTML найдите:
<div id="panelsite">перед ним расположите:
<!-- Каталог --> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->
и в main.css добавьте:
#subNavigation li{ display:inline-block; }
уточните пожалуйста номер аккаунта, где вы хотите произвести желаемое, так как дизайн сайта указанного у вас в профиле и на скриншоте не совпадают
#7
Отправлено 26 Сентябрь 2014 - 01:24
Я просто нашел его на форуме и привел как желаемый вариант вида.
Я хочу расположить каталог над шапкой.
Причем у меня каталог состоит из 7ми категорий и будет увеличиваться, но в шапку я хочу поместить только 5ть категорий.
Остальные разместить в "подвале".
Вот скрин с моего сайта:
#8
Отправлено 26 Сентябрь 2014 - 01:49
#9
Отправлено 26 Сентябрь 2014 - 01:52
Vaccina (26 Сентябрь 2014 - 01:49) писал:
Думаю, что да!
Только если не сложно объясните, пожалуйста, что значит скрытые категории? Эти категории индексируются поисковиками? В общем, что значит скрытые категории? )) Не совсем понимаю )
Заранее спасибо.
#10
Отправлено 26 Сентябрь 2014 - 02:18
В этом случае код выше сохраняем в неизменном виде, а вот код подвального каталога:
<div class="column"> <h3>Заголовок</h3> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li style="{% IF catalog.LEVEL>0%}displai:none;{% ENDIF %}"><a href="{catalog.URL}">{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div>изменяем на:
<div class="column"> <h3>Заголовок</h3> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IF catalog.HIDE %} <li style="{% IF catalog.LEVEL>0 %}display:none;{% ENDIF %}"><a href="{catalog.URL}">{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div>
заодно и опечатку в коде поправим, только сейчас заметила, извиняюсь за нее
после данных изменений каталог будет как обычно отображаться верхний(кроме скрытых категорий), а в подвале только скрытые категории
#12
Отправлено 26 Сентябрь 2014 - 12:51
grappp (26 Сентябрь 2014 - 12:03) писал:
<!-- Каталог --> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->на
<!-- Каталог --> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> {% IF catalog.NAME = Ванны %} <a href="{catalog.URL}"{% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %}> <img src="{ASSETS_IMAGES_PATH}palto.jpg" alt="" class="imgmenu"/> </a> {% ELSEIF catalog.NAME = Душевые %} <a href="{catalog.URL}"{% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %}> <img src="{ASSETS_IMAGES_PATH}palto.jpg" alt="" class="imgmenu"/> </a> {% ELSEIF catalog.NAME = Мебель для ванной %} <a href="{catalog.URL}"{% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %}> <img src="{ASSETS_IMAGES_PATH}palto.jpg" alt="" class="imgmenu"/> </a> {% ELSEIF catalog.NAME = Смесители %} <a href="{catalog.URL}"{% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %}> <img src="{ASSETS_IMAGES_PATH}palto.jpg" alt="" class="imgmenu"/> </a> {% ELSE catalog.NAME = Санфаянс %} <a href="{catalog.URL}"{% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %}> <img src="{ASSETS_IMAGES_PATH}palto.jpg" alt="" class="imgmenu"/> </a> {% ENDIF %} </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->загрузив нужные изображения категорий в разделе Сайт -> Редактор шаблонов -> Добавить файлы и заменив palto.jpg на нужное для каждого раздела. Затем в main.css добавьте
img.imgmenu { width: 56px; height: 56px; }
и параметрами width: 56px; и height: 56px; отрегулируйте ширину и высоту изображений соответственно.
#13
Отправлено 26 Сентябрь 2014 - 15:05
И не сохраняет.
#15
Отправлено 26 Сентябрь 2014 - 15:46
И Можно как-то убрать пробелы между иконками?
#16
Отправлено 26 Сентябрь 2014 - 17:03
Всем спасибо за помощь.
#17
Отправлено 26 Сентябрь 2014 - 17:10
#18
Отправлено 26 Сентябрь 2014 - 23:21
#19
Отправлено 27 Сентябрь 2014 - 11:00
Vaccina (26 Сентябрь 2014 - 23:21) писал:
Да, все основные. Сейчас в шапке 5 категорий, они включают подкатегории, вот они и должны всплывать )
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных