sedoy-75 (19 Июнь 2020 - 20:11) писал:
День добрый.
1. Не могу изменить вид отображения пунктов меню. Вместо пунктов указанных во вкладке настройки верхнего меню, отображаются пункты каталога. Надо чтобы отображались только пункты, указанные в настройках раздела "меню"
2. Надо убрать все кнопки и надписи на изображениях верхнего слайдера, уменьшить его высоту в 2 раза и сделать так, чтобы можно было менять количество изображений в слайдере, а нижний слайдер убрать полностью.
3. Надо увеличить размер логотипа в шапке в 3 раза.
4. Полностью убрать со страницы 3 баннера ("обмен и возврат", "бесплатная доставка", и "горячая линия") под нижним слайдером или, еще лучше дать возможность их редактировать по типу настройки категорий товаров (т.е. простым и понятным способом)?
6. Можно ли сделать возможность настраивать слайдеры не через редактор шаблонов?
7. Можно ли сделать возможность редактировать фон сайта, также не через редактор шаблонов?
8. Изменить сетку отображения категорий и подкатегорий товаров ни в 3 столбца а в 4 (соответственно уменьшив размер изображения категории и подкатегории.
Заранее, огромное спасибо!!!
Здравствуйте!
1. Откройте раздел Сайт > Редактор шаблонов > шаблон HTML > найдите этот код
{% IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT%}active{% ENDIF %}" data-id="{catalog_full.ID}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">{% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}<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 %}
и замените его на
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li class="header-sectionsItem {% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
2. Далее откройте шаблон HTML > найдите эти блоки и удалите их
<div class="content">
<div class="text-content">
<div class="divider" data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft"></div>
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<h2 data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutRight"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></h2>{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}<p data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft">Режим работы: {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
<a href="{CATALOG_URL}" class="button button3" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">Все товары</a>
</div>
</div>
<div class="content">
<div class="text-content">
<div class="divider" data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft"></div>
<h2 data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutRight">Высокое качество</h2>
<p data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft">Товары по честным ценам</p>
<a href="{CATALOG_URL}" class="button button3" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">Все товары</a>
</div>
</div>
<div class="content">
<div class="text-content">
<div class="divider" data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft"></div>
<h2 data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutRight">Уникальные шины</h2>
<p data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft">Стильные и производительные</p>
<a href="{CATALOG_URL}" class="button button3" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">Все товары</a>
</div>
</div>
Далее для добавления слайдеров добавьте найдите этот код
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide3.jpg?design=motor);">
<div class="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=motor" /></div>
</div>
и сразу после него вставьте этот код
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide4.jpg?design=motor);">
<div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=motor" /></div>
</div>
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide5.jpg?design=motor);">
<div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=motor" /></div>
</div>
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide6.jpg?design=motor);">
<div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=motor" /></div>
</div>
Для уменьшения высоту слайдера откройте шаблон main.css > найдите этот код
#slideshow .slider .item {min-height: 740px;}
и замените значение 740 на 578
Для добавления изображения в раздел Редактор шаблонов добавьте картинки с названием slide4.jpg, slide5.jpg, slide6.jpg
Для удаления нижнего слайдера в шаблоне HTML найдите и удалите этот код
<!-- Промо блок с паралакс эффектом -->
<div id="promo">
<div class="content">
<div class="divider"></div>
<div class="title"><p>Найти Шины<br>& Диски</p></div>
<div class="subtitle"><p>Для всех транспортных средств</p></div>
<div class="buttons"><a href="#" class="button button3">все товары</a></div>
</div>
</div>
<!-- /END Промо блок с паралакс эффектом -->
3.Для изменения логотипа перейдите в шаблон main.css > найдите этот код
#header .header-middle .logo img {max-width: 250px;max-height: 30px;}
и замените параметры на Ваши (например параметр 30 можно поднять до 80)
4.Баннеры меняются в шаблоне HTML. Достаточно найти этот код
<!-- Баннеры -->
<div id="banners">
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div class="item">
<div class="item-inner">
<i class="material-icons">phone</i>
<div class="title">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>{% ENDIF %}
</div>
<div class="desc">Круглосуточная бесплатная горячая линия (24/7)</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="item">
<div class="item-inner">
<i class="material-icons">local_shipping</i>
<div class="title">
<a href="#">Бесплатная доставка</a>
</div>
<div class="desc">Мы гарантируем Вам быструю и бесплатную доставку всех товаров.</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="item">
<div class="item-inner">
<i class="material-icons">replay</i>
<div class="title">
<a href="#">Возврат & Обмен</a>
</div>
<div class="desc">Вы можете офорить возврат или обмен товара в течении 14 дней.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /END Баннеры -->
и заменить текст на Ваш
6 и 7 вопросы: Такой возможности на данный момент нет
8. Для решения этого вопроса Вам нуужно создать подкатегорию, после чего написать в этот диалог