magazin (05 Июнь 2019 - 14:21) писал:
Помогите, пожалуйста, со следующим:
Нужно уместить все категории и поле "Я хочу купить..." в одной строке, чтобы не было наплыва.
Хотелось бы:
1) Поле "Я хочу купить..." уменьшить;
2) Переместить поле "Я хочу купить..." правее;
3) Верхнее меню и меню каталога переместить чуть левее, чтобы они были наравне с надписью: "Ваш город...".
Скажите, пожалуйста, можно ли это осуществить? Заранее большое спасибо!
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-middle .container {position: relative;}
замените на:
.header-middle .container {position: relative;padding: 0;}
далее найдите:
.header-top {position: relative;background: #494949;color: #929596;height: 40px;}
замените на:
.header-top {position: relative;background: #494949;color: #929596;height: 40px;} .header-top > .container {padding: 0;}
далее найдите и удалите:
.form-search {width: 280px;}
magazin (06 Июнь 2019 - 20:11) писал:
Следующие, что хотелось бы спросить, можно ли как-то добавить функцию регистрации бонусных карт, поскольку наш магазин ввёл такие карты и в честь открытия сайта хотелось бы, чтобы была возможность реализации регистрации карт. И можно ли осуществить следующее: когда сумма в корзине будет 5000 рублей или выше, то автоматически добавиться товар "Персональная карта", который мы создадим за 0 рублей? Это, наверное, сложно или всё-таки осуществимо?..
И ещё, чтобы хотелось, то это сдвинуть влево вот эту нижнюю часть:
Сейчас просто подключили функцию онлайн-консультанта и его кнопка размещена справа в этой нижней части. Но слева остаётся слишком много места (неравномерное распределение). Скажите, пожалуйста, как переместить эти кнопки левее, чтобы и справа и слева оставалось примерно одинако пустого места?
Очень прошу помочь... Извиняюсь, что много вопросов, просто хочется создать действительно удобный и красивый сайт... Заранее огромное спасибо!
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <ul class="accor"> <li class="accor accor-open"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето"> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Это бета-версия сайта"><strong>Это бета-версия сайта</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Это бета-версия сайта">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <img src="{ASSETS_IMAGES_PATH}930.jpg?design=urban" alt=""> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><strong></strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Осень"></a></p> </div> </li> <li class="accor accor-closed"> <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима"> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><strong>Зима</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p> </div> </li> <li class="accor accor-closed"> <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна"> <div class="title_accor"> <a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><strong>Весна</strong></a> <p><a href="{PAGES_ROOT_URL}/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p> </div> </li> </ul> </div>
замените на:
<div id="slideshow"> <div id="owl-slider" class="owl-carousel owl-theme"> <div><img src="{ASSETS_IMAGES_PATH}slide1.png" alt="" title="" /></div> <div><img src="{ASSETS_IMAGES_PATH}slide2.png" alt="" title="" /></div> <div><img src="{ASSETS_IMAGES_PATH}slide3.png" alt="" title="" /></div> <div><img src="{ASSETS_IMAGES_PATH}slide4.png" alt="" title="" /></div> </div> </div>
далее зайдите в main.js - найдите:
// Слайдер на главной jQuery(document).ready(function ($) { var id = $("#slideshow"); var accor = $('ul.accor', id); accor.zAccordion({ auto: false, pause: true, timeout: 3000, easing: 'linear', tabWidth: 282, startingSlide: 0, speed: 500, trigger: "click", slideClass: 'accor', animationStart: function () { id.find('li.accor-previous div.title_accor').fadeOut(); id.find('li.accor-open div.title_accor').css('display', 'none'); id.find('li.accor-previous div.title_accor').css('display', 'none'); }, animationComplete: function () { id.find('li.accor-open div.title_accor').fadeIn(); id.find('li div.title_accor').fadeIn(600); }, buildComplete: function () { id.find('li.accor-open div.title_accor').fadeIn(600); id.find('li div.title_accor').fadeIn(600); }, width: 1920, //Ширина изображения в слайдере height: 560, //Высота изображения в слайдере container: 'slideshow', classBgTitle: 'title_accor', heightTitle: 100 }); });
замените на:
// Слайдер на главной var owlS = $('#slideshow .owl-carousel'); owlS.owlCarousel({ items: 1, loop: true, rewind: true, lazyLoad: false, nav: false, dots: true, autoplay: true, autoplayHoverPause: true, smartSpeed: 500, dotsSpeed: 400, mouseDrag: true, touchDrag: true, pullDrag: true }); // add animate.css class(es) to the elements to be animated function setAnimation ( _elem, _InOut ) { // Store all animationend event name in a string. // cf animate.css documentation var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; _elem.each ( function () { var $elem = $(this); var $animationType = 'animated ' + $elem.data( 'animation-' + _InOut ); $elem.addClass($animationType).one(animationEndEvent, function () { $elem.removeClass($animationType); // remove animate.css Class at the end of the animations }); }); } // Fired before current slide change owlS.on('change.owl.carousel', function(event) { var $currentItem = $('.owl-item', owlS).eq(event.item.index); var $elemsToanim = $currentItem.find("[data-animation-out]"); setAnimation ($elemsToanim, 'out'); }); // Fired after current slide has been changed owlS.on('changed.owl.carousel', function(event) { var $currentItem = $('.owl-item', owlS).eq(event.item.index); var $elemsToanim = $currentItem.find("[data-animation-in]"); setAnimation ($elemsToanim, 'in'); });
измените баннеры на необходимые.
Бонусную карту реализовать не получится, но в разделе Заказы - Скидки можно создать купон и указать клиенту его код.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.footer-fixed .ff-nav {padding: 12px 0;text-align: center;} .footer-fixed .ff-nav ul li {display: inline-block;margin: 0 30px;}
замените на:
.footer-fixed .ff-nav {padding: 12px 0;text-align: left;} .footer-fixed .ff-nav ul li {display: inline-block;margin: 0 60px;}
magazin (09 Июнь 2019 - 22:13) писал:
Буду очень-очень признателен за все ответы! Спасибо!
Для начла необходимо в раздел Сайт - Редактор шаблонов загрузить файлы данного шрифта.
magazin (09 Июнь 2019 - 23:37) писал:
К сожалению, не обнаружила данной проблемы на главной странице, браузер Mozilla Firefox.
magazin (10 Июнь 2019 - 00:50) писал:
Спасибо! И ещё раз извините за столь много вопросов...
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% ELSEIF MOD_LNAME=catalog %} <h1 class="title">{% IF IS_FULL_CATALOG %}Все категории{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}</h1> {% ENDIF %}
замените на:
{% ELSEIF MOD_LNAME=catalog %} <h1 class="title">{% IF IS_FULL_CATALOG %}Все категории{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {% IF CATEGORY_NAME = Хиты продаж %}В тренде{% ELSEIF CATEGORY_NAME = Товары на главной %}Рекомендуем{% ELSE %}{CATEGORY_NAME}{% ENDIF %} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}</h1> {% ENDIF %}
magazin (10 Июнь 2019 - 01:27) писал:
Спасибо!
К сожалению, системный URL не изменить.
magazin (10 Июнь 2019 - 02:19) писал:
И можно ли здесь добавить кнопку "Изменить" (в случае неверного выбора модификации)?
Спасибо!
Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите:
<div class="fields"> <label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label> <div class="input-box"> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/> </div> </div>
замените на:
<div class="fields"> <label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement">*</em></label> <div class="input-box"> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="required email inputText" type="text"/> </div> </div>
Зайдите в раздел Сайт - Редактор шаблонов - Корзина найдите:
{% IFNOT cart_items.distinctive_properties_empty %}<div class="properties">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
замените на:
{% IFNOT cart_items.distinctive_properties_empty %}<div class="properties">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})<a href="{cart_items.GOODS_URL}" class="button" style="line-height: 40px;width: 100px;display: inline-block;margin-left: 20px;">Изменить</a></div>{% ENDIF %}