Корректировка Шаблона
#1
Отправлено 27 Декабрь 2016 - 20:53
Прошу помочь:
1. Сделать верхнюю панель (обозначена желтым) и переместить туда логотип, добавить поисковую строку, телефон и кнопки "вход" и "регистрация". Цвет панели #151719. Переместить корзину повыше. (В общем все как на скрине).
2. Также удалить все элементы, зачеркнутые красным.
3. Как сменить слайды на главной странице (первый слайд)?
Номер аккаунта - SL-404357.
#2
Отправлено 28 Декабрь 2016 - 04:41
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% 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 %}">{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> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div>замените на:
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="fa fa-search"></button> </div> </form> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></span>{% ENDIF %} <div class="top-menu"> <ul class="dropit-top-user-menu"> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li> <li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li> {% ENDIF %} </ul> </div> <div class="clear"></div> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% 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 %}">{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> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="cart-title"> <a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i>Корзина</a> </div> </div> </div>
В main.css найдите:
/* Иконки Меню, Поиска, Корзины */ #header-right {position: fixed;top: 90px;right: 0;z-index: 99;text-align: right;} #header-right .fa {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;} /* Меню */ #header-right .header-link .top-menu {background: #fff;position: absolute;right: 45px;width: 272px;padding: 10px;border: 1px solid #e5e5e5;padding-bottom: 10px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} #header-right .header-link:hover .top-menu {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-right .header-link .top-menu ul {top: 100%;right: 0;z-index: 9;list-style: none;padding: 0px;margin: 0;min-width: 140px;} #header-right .header-link .top-menu ul li a {padding: 11px 7px;display: block;text-transform: uppercase;font-weight: 700;font-size: 12px;color: #696969;text-align: left;min-width: 145px;line-height: 1;} #header-right .header-link .top-menu ul li a:before {content: "\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 12px;color: #696969;float: left;margin-right: 10px;line-height: 1;} #header-right .header-link .top-menu ul li a:hover, #header-right .header-link .top-menu ul li a:hover:before {color: #09afe7;} #header-right .header-link .top-menu .dropit-top-menu {display: none;} /* Сравнение */ #header-right .header-compare {position: relative;} #header-right .header-compare .compare-title .compare-count {display: none;} #header-right .header-compare .block-compare.have-items .compare-title .compare-count {display: block;position: absolute;right: 10px;top: 3px;color: #fff;font-size: 10px;} #header-right .header-compare .compare-content {background: #fff;position: absolute;right: 45px;top: 0;width: 272px;padding: 15px;border: 1px solid #e5e5e5;padding-bottom: 10px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} #header-right .header-compare .block-compare.have-items:hover .compare-content {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-right .header-compare .compare-content #compare-items {top: 100%;right: 0;z-index: 9;padding: 0 10px 0 0px;margin: 0;min-width: 140px;text-align: left;} #header-right .header-compare .compare-content #compare-items li {position: relative;margin-bottom: 10px;} #header-right .header-compare .compare-content #compare-items li .product-name {margin: 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #header-right .header-compare .compare-content #compare-items li .dataid {display: none;} #header-right .header-compare .compare-content #compare-items li .compare-remove {position: absolute;top: 0px;right: -20px;} #header-right .header-compare .compare-content .button {float: none;margin: 10px auto 0;width: 210px;display: block;} #header-right .header-compare .compare-content #compare-items li:before {content: "\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 12px;color: #696969;float: left;margin-right: 10px;line-height: 18px;} #header-right .header-compare .compare-content #compare-items li:hover:before {color: #09afe7;} /* Поиск */ #header-right .header-search {position: relative;clear: both;} #header-right .header-search .search-hover {position: absolute;top: 0;right: 45px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} #header-right .header-search:hover .search-hover {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-right .header-search .search-hover .form-search {position: relative;z-index: 1000;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 300px;} #header-right .header-search .search-hover .form-search input {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} #header-right .header-search .search-hover .form-search button {position: absolute;top: -1px;right: 5px;outline: 0;} #header-right .header-search .search-hover .form-search .fa-search {font-size: 16px;color: #333744;line-height: 43px;padding: 0 17px;width: 50px;background: transparent;float: right;margin-bottom: 0;border: 0;} #header-right .header-search .search-hover .form-search .fa-search:hover {color: #fff;background: #09afe7;cursor: pointer;} /* Корзина */ #header-right .block-cart {position: relative;z-index: 100001;} #header-right .block-cart .cart-count {display: none;} #header-right .block-cart.have-items .cart-count {display: block;position: absolute;right: 10px;top: 3px;color: #fff;font-size: 10px;} #header-right .block-cart.cart-page .cart-count {display: none;} #header-right .block-cart .dropdown-cart {width: 272px;position: absolute;top: 0;right: 45px;border: 1px solid #e5e5e5;background: #fff;padding: 10px;text-align: left;font-size: 13px;color: #696969;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} #header-right .block-cart:hover .dropdown-cart {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-right .block-cart.cart-page .dropdown-cart {display: none;} #header-right .dropdown-cart .cart-empty {line-height: 23px;} #header-right .dropdown-cart .cart-notempty {display: none;line-height: 24px;} #header-right .dropdown-cart .subtotal {float: left;width: 100%;margin: 15px 0;font-size: 12px;text-transform: uppercase;font-weight: normal;} #header-right .dropdown-cart .subtotal .total-sum {font-size: 16px;margin-left: 10px;} #header-right .dropdown-cart .button.products-remove {float: left;} #header-right .dropdown-cart .button:last-child {float: right;} #header-right .dropdown-cart .cart-products-list {max-height: 360px;overflow-y: auto;} #header-right .dropdown-cart .cart-products-list li.cart-item {float: left;width: 98%;margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px solid #e5e5e5;} #header-right .dropdown-cart .cart-products-list .product-image {display: inline-block;margin-right: 10px;float: left;} #header-right .dropdown-cart .cart-products-list .product-details {overflow: hidden;position: relative;} #header-right .dropdown-cart .cart-products-list .product-details .product-name {margin: 0 0 5px 0;} #header-right .dropdown-cart .cart-products-list .product-details .product-name a {font-size: 14px;text-transform: capitalize;font-weight: 600;max-height: 36px;display: block;overflow: hidden;word-wrap: break-word;} #header-right .dropdown-cart .cart-products-list .product-details .product-mod {margin: 0 0 5px 0;} #header-right .dropdown-cart .cart-products-list .product-details .product-mod span {font-size: 12px;line-height: 14px;display: block;} #header-right .dropdown-cart .cart-products-list .product-remove {float: right;position: relative;} #header-right .dropdown-cart .cart-products-list .product-details .price {width: auto;font-size: 15px;}
замените на:
/* Иконки Меню, Поиска, Корзины */ #header-right {display: none;} #header .phone { line-height: 50px; font-size: 20px; } /* Меню */ .top-menu {float: right;} .top-menu ul {top: 100%;right: 0;z-index: 9;list-style: none;padding: 0px;margin: 0;min-width: 140px;} .top-menu ul li a {padding: 5px 7px;display: block;text-transform: uppercase;font-weight: 700;font-size: 12px;color: #696969;text-align: left;min-width: 145px;line-height: 1;} .top-menu ul li a:before {content: "\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 12px;color: #696969;float: left;margin-right: 10px;line-height: 1;} .top-menu ul li a:hover, .top-menu ul li a:hover:before {color: #09afe7;} .top-menu .dropit-top-menu {display: none;} /* Поиск */ .form-search {position: relative;z-index: 1000;padding: 0;float: left;margin-right: 20px;background: #fff;border: 1px solid #e5e5e5;width: 300px;} .form-search input {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} .form-search button {position: absolute;top: -1px;right: 5px;outline: 0;} .form-search .fa-search {font-size: 16px;color: #333744;line-height: 43px;padding: 0 17px;width: 50px;background: transparent;float: right;margin-bottom: 0;border: 0;} .form-search .fa-search:hover {color: #fff;background: #09afe7;cursor: pointer;} /* Корзина */ .block-cart {float: right;line-height: 45px;}
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#block-info { background: #09afe7; padding: 30px 0 0 0; text-align: center; }
замените на:
#block-info { background: #09afe7; padding: 30px 0 0 0; text-align: center; display: none; }
далее найдите:
#footer-middle .footer-content .link-follow { overflow: hidden; width: 210px; margin: 20px auto; }
замените на:
#footer-middle .footer-content .link-follow { overflow: hidden; width: 210px; margin: 20px auto; display: none; }
3. Для этого в разделе Сайт - Редактор шаблонов - удалите slide1.jpg и slide2.jpg и загрузите свои слайды с идентичным названием файлов.
#3
Отправлено 28 Декабрь 2016 - 12:22
#5
Отправлено 29 Декабрь 2016 - 15:02
neron (29 Декабрь 2016 - 14:11) писал:
Добавил третий слайд в редактор шаблонов, но он не отображается на сайте.
Здравствуйте.
В данном случае вам необходимо произвести следующие изменения, чтобы загруженное вами изображение для слайда начало отображаться в слайдере на вашем сайте:
В шаблоне 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}pb3.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 class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}pb3.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер -->
#7
Отправлено 08 Январь 2017 - 12:14
#8
Отправлено 11 Январь 2017 - 16:58
neron (05 Январь 2017 - 11:04) писал:
Как добавить кнопку "политика конфиденциальности" рядом с кнопкой "оформить заказ", и ,чтобы при нажатии на кнопку высвечивалось окно с текстом.
#9
Отправлено 11 Январь 2017 - 19:20
Чуть ниже должен раскрываться текст.
#10
Отправлено 13 Январь 2017 - 15:04
neron (11 Январь 2017 - 19:20) писал:
Чуть ниже должен раскрываться текст.
Здравствуйте.
Изменения Вам произвел.
В шаблоне main.css добавил код:
.confid {color:#09afe7;margin-left:20px;}
В шаблоне Быстрый заказ добавил код:
<script> $(".confid").click(function(){ $('.confid-block').toggle(1000); }); </script> <a class="button confid">Политика конфиденциальности</a> <div class="confid-block" style="display: none;"> Текст политики конфиденциальности </div>
В этом коде Вам потребуется изменить текст "Текст политики конфиденциальности".
#12
Отправлено 19 Январь 2017 - 06:03
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.goodsDataOpinionList .goodsDataOpinionListDate { display: block; margin-bottom: 5px; clear: both; }
замените на:
.goodsDataOpinionList .goodsDataOpinionListDate { display: none; margin-bottom: 5px; clear: both; }
P.S.: добавьте пожалуйста номер аккаунта вашего магазина в профиль форума.
#13
Отправлено 23 Январь 2017 - 08:51
Можно ли сделать так, чтобы после первой покупки у зарегистрированного пользователя появлялась 5% - ная скидка на все товары, представленные на сайте?
Номер аккаунта - SL-404357.
#14
Отправлено 23 Январь 2017 - 10:26
neron (23 Январь 2017 - 08:51) писал:
Можно ли сделать так, чтобы после первой покупки у зарегистрированного пользователя появлялась 5% - ная скидка на все товары, представленные на сайте?
Номер аккаунта - SL-404357.
Здравствуйте.
В данном случае подобное возможно, если всех зарегистрированных пользователей вы добавите в соответствующую созданную вами категорию, где для всех частников данной группы будет иметься скидка в 5%.
Проверьте, пожалуйста.
#16
Отправлено 24 Январь 2017 - 11:18
neron (23 Январь 2017 - 16:38) писал:
Текст акции можно изменить в шаблоне HTML
<!--Акция--> <!--<div class="promo-text">Ваш текст</div>-->замените на
<!--Акция--> <div class="promo-text">Ваш текст</div>
Размер корзины можно изменить в файле main.css
/* Корзина */
.block-cart .cart-title a {font-size: 20px;}
font-size: 20px; -замените значение на своё
#20
Отправлено 25 Январь 2017 - 17:27
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных