Редактирование Шаблона, Общего Шрифта Сайта, Положение Меню
#1
Отправлено 28 Декабрь 2017 - 02:07
1. Опустить строку меню вниз и сделать её по центру. Но чтобы не сливалась со слайдером
2. Перенести основной каталог вниз и сделать его ввиде картинок, как на примере 1 (скриншот прилагается), если можно, то с анимацией ( картинки сделал, просто не понимаю как перенести меню и сделать его такого же вида, как на примере 1.
3. Подразделы также сделать картинками с подписями, аналогично основному каталогу.
4.Перенести корзину и значок поиска в одну линию с логотипом (на одном уровне, по центру) но с правой стороны (с отступом).
5. Изменить текст и картинки преимуществ.
6.Изменить размер шрифтов пункта меню.
7. Хочу изменить глобально общий стиль шрифта на сайте и размер в некоторых блоках (например, описание товара, артикул, и т.д)
#2
Отправлено 28 Декабрь 2017 - 16:22
C_atharsi_S (28 Декабрь 2017 - 02:07) писал:
1. Опустить строку меню вниз и сделать её по центру. Но чтобы не сливалась со слайдером
2. Перенести основной каталог вниз и сделать его ввиде картинок, как на примере 1 (скриншот прилагается), если можно, то с анимацией ( картинки сделал, просто не понимаю как перенести меню и сделать его такого же вида, как на примере 1.
3. Подразделы также сделать картинками с подписями, аналогично основному каталогу.
4.Перенести корзину и значок поиска в одну линию с логотипом (на одном уровне, по центру) но с правой стороны (с отступом).
5. Изменить текст и картинки преимуществ.
6.Изменить размер шрифтов пункта меню.
7. Хочу изменить глобально общий стиль шрифта на сайте и размер в некоторых блоках (например, описание товара, артикул, и т.д)
Здравствуйте.
1) В шаблоне HTML Вам нужно вырезать код:
<form id="search_mini_form2" action="{SEARCH_URL}" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form>
и поставить его после:
<a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}"> <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange"> </a>
2) В разделе Сайт - Главная страница Вам нужно поставить каталог в качестве главной
3) В шаблоне Товары замените код:
<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»" class="category-image goods-cat-image-medium"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="category-description"> <div class="vertical"> <h3 class="category-name"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </h3> </div> </div>
на
<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»" class="category-image goods-cat-image-medium"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> <div class="category-description"> <div class="vertical"> <h3 class="category-name"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </h3> </div> </div> </div>
После этого напишите нам, мы подправим визуальное отображение
#3
Отправлено 28 Декабрь 2017 - 23:39
2) Не могу разобраться, как назначить каталог главной страницей, и не могу понять, для чего это. Когда я делаю каталог главной, он мне просто открывает страницу в качестве каталога. Мне нужен прежний вид главной страницы, но каталог не вверху, а внизу (на главной стр), а также чтобы он был с картинками, вот как на этом сайте: http://диана-меб.рф/
3) Этот пункт мне не нужен уже, как я понял, таак как подразделы в каталоге итак выглядят в качестве картинок с подписями.
#4
Отправлено 29 Декабрь 2017 - 14:35
MikDark (28 Декабрь 2017 - 16:22) писал:
1) В шаблоне HTML Вам нужно вырезать код:
<form id="search_mini_form2" action="{SEARCH_URL}" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form>
и поставить его после:
<a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}"> <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange"> </a>
2) В разделе Сайт - Главная страница Вам нужно поставить каталог в качестве главной
3) В шаблоне Товары замените код:
<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»" class="category-image goods-cat-image-medium"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="category-description"> <div class="vertical"> <h3 class="category-name"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </h3> </div> </div>
на
<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»" class="category-image goods-cat-image-medium"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> <div class="category-description"> <div class="vertical"> <h3 class="category-name"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </h3> </div> </div> </div>
После этого напишите нам, мы подправим визуальное отображение
Ответил ниже, есть неясности в коде
#5
Отправлено 29 Декабрь 2017 - 14:58
C_atharsi_S (28 Декабрь 2017 - 23:39) писал:
2) Не могу разобраться, как назначить каталог главной страницей, и не могу понять, для чего это. Когда я делаю каталог главной, он мне просто открывает страницу в качестве каталога. Мне нужен прежний вид главной страницы, но каталог не вверху, а внизу (на главной стр), а также чтобы он был с картинками, вот как на этом сайте: http://диана-меб.рф/
3) Этот пункт мне не нужен уже, как я понял, таак как подразделы в каталоге итак выглядят в качестве картинок с подписями.
1 Найдите в шаблоне hTML код
<div class="navbar-collapse collapse"> <ul class="top-navbar-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 id="resmenu_sidebar"> <ul class="nav-menu clearfix"> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_VISIBLE_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}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></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 %} </ul> </div> <!-- /END Адаптивный каталог с подкатегориями --> </div>после вставьте
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12"> <div class="navbar-collapse collapse"> <ul class="top-navbar-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>
в файле main.css найдите
/**********************************************************/ /* Шапка */ /**********************************************************/ /* Верхняя часть шапки */после вставьте
.yt-main-menu .top-navbar .btn-top-navbar {display: none;} .yt-main-menu .top-navbar {min-height: 50px;padding-bottom: 0;overflow: visible;float:left;} .yt-main-menu .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;} .yt-main-menu .top-navbar-links li {float: left;border-left: 1px solid #fff;height: 50px;background-repeat: no-repeat;} .yt-main-menu .top-navbar-links li a {padding: 18px 18px 12px 18px;display: block;font-size:115%;} .yt-main-menu .top-navbar-links li:hover {background-color: #f79242;} .yt-main-menu .top-navbar-links li:hover a {color: #fff;text-decoration: none;} .yt-main-menu .navbar-collapse.collapse.in .top-navbar-links li {float:none;} .yt-main-menu .collapse.in {list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;} .yt-main-menu .collapse.in .top-navbar-links {float: none !important;overflow:visible;height:100%;} .yt-main-menu .collapse.in .top-navbar-links li {display: block;padding: 0px 15px;border-bottom: 1px solid #ebebeb;float: none !important;line-height: 24px;height:100%;} .yt-main-menu .collapse.in .top-navbar-links li:hover {background: #f3f3f3;color: #8cc152;} .yt-main-menu .collapse.in .top-navbar-links li a {margin: 0px;line-height: 35px;padding: 5px;font-size: 11px;text-transform: uppercase;color: #9b9b9b;} .yt-main-menu .collapse.in .top-navbar-links li a:hover {color: #f79242;} .yt-main-menu .navbar-collapse {position: relative;}
2 Что бы отобразить каталог на главной странице, необходимо в разделе Сайт-Главная страница из выпадающего списка выбрать пункт "Каталог товаров".
#6
Отправлено 29 Декабрь 2017 - 18:59
1, Серый фон вверху страницу нужно было перенести вместе с меню. Также меню нужно сделать по центру, увелечить шрифт пунктов меню и поменять стиль шрифта.
2. Отступ вверху убрать (там где сейчас серая полоса, ничего быть не должно), так чтобы там был сразу логотип.
3. Кнопку корзины и кнопку поиска перенести вниз, на место указанное на скриншоте. Шрифт надписи увеличить и поменять стилистику.
4. Меню из шапки удалить полностью, оставить только то меню, которое на главной. Вместо него нужно будет в дальнейшем добавить текст, номер телефона, и т.п(еще не придумал что написать)
Большое спасибо за помощь!
#7
Отправлено 31 Декабрь 2017 - 00:08
#8
Отправлено 31 Декабрь 2017 - 14:20
C_atharsi_S (29 Декабрь 2017 - 18:59) писал:
1, Серый фон вверху страницу нужно было перенести вместе с меню. Также меню нужно сделать по центру, увелечить шрифт пунктов меню и поменять стиль шрифта.
2. Отступ вверху убрать (там где сейчас серая полоса, ничего быть не должно), так чтобы там был сразу логотип.
3. Кнопку корзины и кнопку поиска перенести вниз, на место указанное на скриншоте. Шрифт надписи увеличить и поменять стилистику.
4. Меню из шапки удалить полностью, оставить только то меню, которое на главной. Вместо него нужно будет в дальнейшем добавить текст, номер телефона, и т.п(еще не придумал что написать)
Большое спасибо за помощь!
Изменения по пунктам произвёл, создал бекап после изменений от 31.12.2017 14:18:08
#9
Отправлено 02 Январь 2018 - 19:56
Кстати, в мобильной версии перестала работать кнопка "МЕНЮ", как исправить?
А ещё нужно вставить текст туда, откуда убрали каталог (пустое место в шапке).
#10
Отправлено 05 Январь 2018 - 20:46
#11
Отправлено 08 Январь 2018 - 15:13
Выше написал что нужно сделать
#12
Отправлено 08 Январь 2018 - 17:39
#13
Отправлено 11 Январь 2018 - 03:07
#14
Отправлено 17 Январь 2018 - 14:50
Радим (08 Январь 2018 - 17:39) писал:
C_atharsi_S (11 Январь 2018 - 03:07) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных