Изменения Шапки, Главной, Подвала. Корректировка Сайта В Целом.
#1
Отправлено 14 Октябрь 2018 - 19:41
скрины
скрины
#2
Отправлено 19 Октябрь 2018 - 10:44
Сергей К (14 Октябрь 2018 - 19:41) писал:
скрины
скрины
Здравствуйте.
Данные изменения затрагивают основную часть шаблона. В рамках бесплатной технической поддержки такие изменения не производятся.
Будет проще установить, например шаблон Спорт, где шапка наиболее приближена к тому варианту, что Вы указали.
#4
Отправлено 06 Декабрь 2018 - 20:58
#5
Отправлено 07 Декабрь 2018 - 11:48
Сергей К (06 Декабрь 2018 - 20:58) писал:
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
/*** Шапка ***/ #logo {float: left;margin-top: 20px;}
И сразу после добавьте данный код:
.text_min { text-align: right; color: #696b79; }
Зайдите в Редактор шаблонов---HTML и найдите данный код:
<!-- /END Меню навигации в шапке --> </div> </div> </div> </div> <!-- /END Шапка (логотип, каталог)-->
Замените его на:
<!-- /END Меню навигации в шапке --> </div> </div> <div class="text_min">Минимальная сумма заказа: 800 руб.</div> </div> </div> <!-- /END Шапка (логотип, каталог)-->
Найдите этот код:
<!-- Информационный блок --> {% IF index_page %} <div id="block-info"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-truck"></em></div> <div class="text-block"> <h4>Бесплатная доставка</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-unlock-alt"></em></div> <div class="text-block"> <h4>Безопасная оплата</h4> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-rotate-left"></em></div> <div class="text-block"> <h4>30 дней гарантии</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-phone"></em></div> <div class="text-block"> <h4>Прием заказов 24/7</h4> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Информационный блок -->
И удалите его.
#7
Отправлено 08 Декабрь 2018 - 12:02
Сергей К (08 Декабрь 2018 - 10:05) писал:
1.Удальть выбранные области в подвале.
2.Поправить карточку товара в"Сопутствующих товарах" и "С этим товаром смотрят"
3.Как изменить фавикон?
Здравствуйте.
1) В шаблоне html найдите данный блок кода:
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} {% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %} <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" /> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" /> <div class="pp">Нажимая на кнопку отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %} </form> <ul class="link-follow"> <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li> <li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a></li> <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li> <li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a></li> <li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>youtube</span></a></li> </ul> </div> </div> </div> </div> </div> <div id="footer-bottom">
И заменить его этим кодом:
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} {% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %} <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" /> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" /> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %} </form> </div> </div> </div> </div> </div> <div id="footer-bottom">
2) После чего, в шаблоне main.css найдите, пожалуйста, следующий блок кода:
.products-grid .item .item-inner .actions ul.add-to-links li.wishlist { border-left: 1px solid #fff; border-right: 1px solid #fff; }
И замените его этим кодом:
.products-grid .item .item-inner .actions ul.add-to-links li.wishlist { border-left: 1px solid #fff; }
Далее, всё там же, найдите данный код:
.products-grid .item .item-inner .actions ul.add-to-links { float: right; width: 66%; }
И замените его этим кодом:
.products-grid .item .item-inner .actions ul.add-to-links { float: right; width: 50%; }
После чего, всё там же найдите следующий код:
.products-grid .item .item-inner .actions ul.add-to-links li { float: left; width: 50%; }
И замените его вот этим кодом:
.products-grid .item .item-inner .actions ul.add-to-links li { float: left; width: 100%; }
Далее найдите, пожалуйста, данный код:
.products-grid .item .item-inner .actions .add-cart.button { float: left; width: 34%; overflow: visible; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; }
И замените его этим кодом:
.products-grid .item .item-inner .actions .add-cart.button { float: left; width: 45%; overflow: visible; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; }
3) В данном случае, Вам сможет помочь следующая подробная инструкция из нашего раздела Помощи: https://storeland.ru/about/faq#52 .
#8
Отправлено 12 Декабрь 2018 - 14:36
1. Удалить полосу (на скрине показано)
2. На слайдах отсутствуют срелочки для прокрутки следующего слайда. И слайды автоматически не меняются. Нужно сделать
стрелочки и автоматическую прокрутку.
3. Как увеличить количество слайдов?
#9
Отправлено 12 Декабрь 2018 - 17:54
Сергей К (12 Декабрь 2018 - 14:36) писал:
1. Удалить полосу (на скрине показано)
2. На слайдах отсутствуют срелочки для прокрутки следующего слайда. И слайды автоматически не меняются. Нужно сделать
стрелочки и автоматическую прокрутку.
3. Как увеличить количество слайдов?
Здравствуйте.
2) В бэк-офисе вашего интернет-магазина, в разделе Сайт -> Редактор шаблонов, в шаблоне main.js найдите, пожалуйста, данный код:
// Функции для главной страницы function indexPage() { // Слайдер на главной jQuery(function($) { var carouselU = $('#slider'); carouselU.owlCarousel({ pagination: false, navigation : true, itemsScaleUp : true, slideSpeed : 800, autoPlay: true, autoHeight: true, paginationSpeed : 400, singleItem:true }); }); // Товары на главной
И замените его вот этим вот кодом:
// Функции для главной страницы function indexPage() { // Слайдер на главной jQuery(function($) { var carouselU = $('#slider'); carouselU.owlCarousel({ pagination: false, navigation : true, itemsScaleUp : true, slideSpeed : 800, autoplay: true, autoHeight: true, paginationSpeed : 400, singleItem:true, items:1, nav: true, rewind:true }); }); // Товары на главной
Далее в шаблоне: forall.js найдите, пожалуйста, следующий код:
navContainerClass:"owl-nav",
И замените его вот этим вот кодом:
navContainerClass:"owl-buttons",
#10
Отправлено 13 Декабрь 2018 - 11:51
Далее в шаблоне: forall.js найдите, пожалуйста, следующий код:
navContainerClass:"owl-nav",
И замените его вот этим вот кодом:
navContainerClass:"owl-buttons",
Замена происходит не корректно. Замените пожалуйста сами.
#11
Отправлено 18 Декабрь 2018 - 11:19
Сергей К (13 Декабрь 2018 - 11:51) писал:
Далее в шаблоне: forall.js найдите, пожалуйста, следующий код:
navContainerClass:"owl-nav",
И замените его вот этим вот кодом:
navContainerClass:"owl-buttons",
Замена происходит не корректно. Замените пожалуйста сами.
Здравствуйте.
Извините за ожидание. Внес Вам изменения.
#12
Отправлено 18 Декабрь 2018 - 14:26
#13
Отправлено 19 Декабрь 2018 - 13:54
Сергей К (18 Декабрь 2018 - 14:26) писал:
Здравствуйте.
В шаблоне html найдите, пожалуйста, данный блок кода:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер -->
И замените его этим кодом:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=sport" /></a> </div> </div> </div> <!-- /END Slider Слайдер -->
Далее, в раздел: "Сайт" -> "Редактор шаблонов" добавьте, пожалуйста, следующие файлы: slide3.jpg и slide4.jpg .
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных