Перенести Хлебные Крошки
#1
Отправлено 26 Сентябрь 2015 - 11:24
#2
Отправлено 26 Сентябрь 2015 - 12:21
Сергей Иванов (26 Сентябрь 2015 - 11:24) писал:
Здравствуйте.
Вы в иной теме просили чтобы вам перенесли логотип в верхний блок.
В связи с чем просим вас уточнить как должно выглядеть расположение меню в верхнем блоке и нахождение логотипа вашего сайта.
Желательно всё указать на скриншоте и прислать нам.
Спасибо.
#4
Отправлено 26 Сентябрь 2015 - 12:35
Сергей Иванов (26 Сентябрь 2015 - 12:25) писал:
2) Хлебные крошки по центру верхней строки
Попробуйте сделать, пожалуйста, следующее:
В шаблоне html найдите данный код:
<!-- Меню --> <div id="menu" class="wrap"> <div class="container"> <div class="row"> <div id="custommenu"> <ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> <div id="mommenu" class="menu-offcanvas"> <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span> <div id="menu_offcanvas" class="offcanvas"> <div class="canvas-title"> <i class="fa fa-bars"></i> <span class="title">Каталог</span> <i class="fa fa-times"></i> </div> <ul class="mainnav"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div>
И удалите его.
Далее в том же шаблоне найдите следующий код:
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <h1 id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </h1> <div class="header-col-left left" title="Меню"> <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="header-col-right right"> <!-- Поиск -->
И замените его вот этим вот кодом:
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <h1 id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </h1> <ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> <div id="mommenu" class="menu-offcanvas"> <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span> <div id="menu_offcanvas" class="offcanvas"> <div class="canvas-title"> <i class="fa fa-bars"></i> <span class="title">Каталог</span> <i class="fa fa-times"></i> </div> <ul class="mainnav"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div> <div class="header-col-left left" title="Меню"> <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="header-col-right right"> <!-- Поиск -->
#5
Отправлено 26 Сентябрь 2015 - 12:40
#6
Отправлено 26 Сентябрь 2015 - 12:49
Сергей Иванов (26 Сентябрь 2015 - 12:40) писал:
Сделайте, пожалуйста, следующие корректировки:
В шаблоне html найдите данный код:
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <h1 id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </h1> <ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> <div id="mommenu" class="menu-offcanvas"> <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span> <div id="menu_offcanvas" class="offcanvas"> <div class="canvas-title"> <i class="fa fa-bars"></i> <span class="title">Каталог</span> <i class="fa fa-times"></i> </div> <ul class="mainnav"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div> <div class="header-col-left left" title="Меню"> <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="header-col-right right"> <!-- Поиск -->
И замените его вот этим вот кодом:
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <h1 id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </h1> <!-- Меню --> <div id="menu" class="wrap"> <div class="container"> <div class="row"> <div id="custommenu"> <ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> <div id="mommenu" class="menu-offcanvas"> <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span> <div id="menu_offcanvas" class="offcanvas"> <div class="canvas-title"> <i class="fa fa-bars"></i> <span class="title">Каталог</span> <i class="fa fa-times"></i> </div> <ul class="mainnav"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div> <div class="header-col-left left" title="Меню"> <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="header-col-right right"> <!-- Поиск -->
#8
Отправлено 26 Сентябрь 2015 - 18:29
Сергей Иванов (26 Сентябрь 2015 - 18:19) писал:
Далее сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#menu { z-index: 1; }
И замените его вот этим вот кодом:
#menu { z-index: 1; margin-top: -62px; }
После этого в том же шаблоне найдите вот этот код:
#logo { margin: 0; padding: 15px 0 10px 35px; }
И замените его этим кодом:
#logo { padding: 15px 0 10px 35px; margin-right: 88%; }
#9
Отправлено 26 Сентябрь 2015 - 18:35
Помогите сдвинуть левее логотип
#11
Отправлено 26 Сентябрь 2015 - 20:34
#12
Отправлено 26 Сентябрь 2015 - 20:40
Сергей Иванов (26 Сентябрь 2015 - 20:34) писал:
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#custommenu ul.mainnav { margin-bottom: 20px; text-align: center; }
И замените его вот этим вот кодом:
#custommenu ul.mainnav { margin-bottom: 20px; text-align: center; margin-right: 15%; }
#13
Отправлено 27 Сентябрь 2015 - 07:44
#14
Отправлено 27 Сентябрь 2015 - 09:38
Сергей Иванов (27 Сентябрь 2015 - 07:44) писал:
Здравствуйте.
Изменения не производятся, потому что они просто не заметны из-за низкого установленного вами значения строки: margin-right: 5%;
Чтобы изменения были более заметны и больше соответствовали вашим требованиям, вам необходимо выполнить следующее:
В шаблоне main.css найдите, пожалуйста, следующий код:
#custommenu ul.mainnav { margin-bottom: 20px; text-align: center; margin-right: 5%; }
И замените его, например, вот этим вот кодом, где указано более высокое значение:
#custommenu ul.mainnav { margin-bottom: 20px; text-align: center; margin-right: 15%; }
#15
Отправлено 27 Сентябрь 2015 - 09:50
#16
Отправлено 03 Октябрь 2015 - 18:27
#17
Отправлено 03 Октябрь 2015 - 19:10
Сергей Иванов (03 Октябрь 2015 - 18:27) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#breadcrumbs {min-height: 20px;margin: 0 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #343434;padding: 12px 0;}
Замените на:
#breadcrumbs {min-height: 20px;margin: 42px 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #343434;padding: 12px 0;}
#18
Отправлено 03 Октябрь 2015 - 19:47
#19
Отправлено 03 Октябрь 2015 - 20:13
Сергей Иванов (03 Октябрь 2015 - 19:47) писал:
Смещение блока хлебных крошек вниз затронет мобильную версию, в которой данный блок будет наезжать на навигационные кнопки, поэтому я не рекомендую производить данные действия.
Для изменения цвета пунктов хлебных крошек:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.breadcrumbs li a:hover {text-decoration:underline;}
Замените на:
.breadcrumbs li a {color: #000;} .breadcrumbs li a:hover {text-decoration:underline;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных