Как Разместить Внизу "сравнение", "мне Понравилось", "моя Покупка" И Т.д.?
#1
Отправлено 14 Март 2017 - 13:21
Помогите осуществить задумку на сайте. Аккаунт SL-394796
(на скриншоте задумка). Спасибо!
#2
Отправлено 20 Март 2017 - 15:37
Скорая Керамическая Помощь (14 Март 2017 - 13:21) писал:
Помогите осуществить задумку на сайте. Аккаунт SL-394796
(на скриншоте задумка). Спасибо!
#3
Отправлено 20 Март 2017 - 16:35
Stasya (20 Март 2017 - 15:37) писал:
#4
Отправлено 24 Март 2017 - 13:15
Скорая Керамическая Помощь (20 Март 2017 - 16:35) писал:
1) В шаблоне HTML найдите строку
<!-- /END Подвал-->и сразу после нее добавьте блок
<!-- Фиксированные блоки в подвале --> <div class="footer-fixed"> <div id="ffc-recently-viewed" class="ff-content"> <div class="btn-close fa fa-times"></div> <div class="inner"> <div class="title"><h3>Вы смотрели</h3></div> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> <div class="container products-grid"> <!-- Вы смотрели --> {% IFNOT recently_viewed_goods_empty %} {% FOR recently_viewed_goods %} <div class="item"> <div class="item-inner" itemscope itemtype="http://schema.org/Product"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" /> <div class="item-img"> <a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" class="product-image"> <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{recently_viewed_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{recently_viewed_goods.NAME}" title="{recently_viewed_goods.NAME}" itemprop="image"> {% IF recently_viewed_goods.IS_NEW %} <span class="ico-new">Новинка</span> {% ELSEIF recently_viewed_goods.IS_TOP %} <span class="ico-best">Хит</span> {% ENDIF %} {% IF recently_viewed_goods.MAX_DISCOUNT %} <span class="ico-sale">Скидка</span> {% ENDIF %} </a> <div class="actions"> <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label"><i class="fa fa-shopping-cart"></i></span></a--> <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label"><i class="fa fa-shopping-cart"></i></span></a> <!-- Если есть возможность добавить товар в избранное --> {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" title="Убрать «{recently_viewed_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" title="Добавить «{recently_viewed_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{recently_viewed_goods.NAME}" data-produrl="{recently_viewed_goods.URL}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{recently_viewed_goods.NAME}" data-produrl="{recently_viewed_goods.URL}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> <div class="item-info"> <meta itemprop="name" content="{recently_viewed_goods.NAME}"> <meta itemprop="description" content="{% IF recently_viewed_goods.DESCRIPTION_SHORT %}{recently_viewed_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> </div> </form> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- /END Вы смотрели --> </div> </div> </div> <!-- Фиксированная навигация в подвале --> <div class="ff-nav"> <div class="container"> <div class="row"> <ul class="box-footer-fixed"> {% IFNOT CLIENT_IS_LOGIN %} <li class="item contacts"> <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Войти</h5></a> </li> <li class="item recently-viewed"> <a href="/user/register" data-id="recently-viewed"><i class="fa fa-user-plus"></i><h5>Регистрация</h5></a> </li> {% ELSE %} <li class="item contacts"> <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Мой кабинет</h5></a> </li> <li class="item recently-viewed"> <a href="/user/logout" data-id="recently-viewed"><i class="fa fa-sign-out"></i><h5>Выход</h5></a> </li> {% ENDIF %} <li class="item recently-viewed"> <a href="javascript:void(0)" data-id="recently-viewed" class="onlyThis"><i class="fa fa-eye"></i><h5>Вы смотрели</h5></a> </li> <li class="item wishlist"> <a href="/user/favorites" data-id="wishlist"><i class="fa fa-heart"></i><h5>Избранное</h5></a> </li> <li class="item sign-up"> <a href="/compare" data-id="sign-up"><i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span><h5>Сравнение</h5></a> </li> <li class="item sign-up"> <a href="/cart" title="Перейти в корзину"><i class="fa fa-shopping-cart"></i><span class="cart-count">0</span><h5>Моя корзина</h5></a> </li> </ul> </div> </div> </div> </div>В конец файла main.js добавьте блок
// Слайдер Вы смотрели jQuery(document).ready(function($){ var carouselU = $('#ffc-recently-viewed .products-grid'); carouselU.owlCarousel({ items: 5, lazyLoad: true, pagination: false, itemsScaleUp: true, slideSpeed: 800, stopOnHover: true, touchDrag: true, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('#ffc-recently-viewed .navigation').show(); }else{ $('#ffc-recently-viewed .navigation').hide(); } } }); jQuery('#ffc-recently-viewed .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('#ffc-recently-viewed .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); }); // Функция переключения вкладок в подвале jQuery(document).ready(function($){ $(function () { $('.box-footer-fixed li a.onlyThis').click(function(){ if($(this).hasClass('active')) { $('.box-footer-fixed li a').removeClass('active'); $('.ff-content').animate({ height: 0 }, 400); } else { $('.box-footer-fixed li a').removeClass('active'); $(this).addClass('active'); $('.ff-content').animate({ height: 0 }, 400); e_id = '#ffc-'+($(this).data("id")); e_h = $(e_id + ' > .inner').outerHeight(); $(e_id).animate({ height: e_h }, 400); } return false; }); $('.ff-content .btn-close').click(function(){ $('.ff-content').animate({ height: 0 }, 400); return false; }); });3) В файле main.css найдите блок
/****************************************************************************** Адаптивная часть *******************************************************************************/и перед ним вставьте блок
/*** Фиксированая навигация в подвале ***/ .footer-fixed {position: fixed;background-color: #1e1e21;bottom: 0;width: 100%;z-index: 1001;color: #fff;} .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 ul li a {color: #a7a7a7;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;} .footer-fixed .ff-nav ul li a i {position: relative;font-size: 22px;top: 2px;color: #5b5b5b;} .footer-fixed .ff-nav ul li a h5 {display: inline-block;margin-left: 7px;} .footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a:hover {color: #771e13;} .footer-fixed .ff-nav ul li a.active i, .footer-fixed .ff-nav ul li a:hover i {color: #771e13;} .footer-fixed .ff-nav ul li a .cart-count, .footer-fixed .ff-nav ul li a .compare-num{background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;} /** Избранное и Вы смотрели**/ #ffc-wishlist .no-login .title > h3 {font-size: 18px;font-weight: bold;padding: 15px 0;text-align: center;} #ffc-wishlist .no-login .content {padding: 5px 25% 15px;text-align: center;} #ffc-wishlist .no-login .content a {color: #c7081b;} #ffc-wishlist .no-login .content a:hover {text-decoration: underline;} .ff-content .products-grid {max-height: 230px;overflow: hidden;} .ff-content .products-grid .item {display: inline-block;float: none;width: 170px;} .ff-content .products-grid .item .item-inner .item-img .actions .add-cart {width: 60px;} .ff-content .products-grid .item .item-inner .item-img > a {width: 170px;height: 170px;} .ff-content .products-grid .item .item-inner .item-img > a img {max-width: 100%;max-height: 100%;} .ff-content .products-grid .item .item-inner .item-img .actions a.add-wishlist.added[data-tooltip]:before {right: -40px;} .ff-content .navigation {display: none;} .ff-content .navigation .prev, .ff-content .navigation .next {position: absolute;top: 50%;color: #fff;z-index: 99;} .ff-content .navigation .prev {float: left;left: 30px;} .ff-content .navigation .next {float: right;right: 30px;} .footer-fixed .title {margin-bottom: 10px;} .ff-content {position: relative;height: 0;overflow: hidden;} .ff-content .btn-close {position: absolute;width: 44px;height: 44px;line-height: 44px;font-size: 22px;top: 0;right: 0;opacity: 1;cursor: pointer;} .ff-content .btn-close:hover {color: #c7081b;} .ff-content .inner {border-bottom: 1px solid rgba(255,255,255,0.2);} .ff-content .inner .title h3 {text-align: center;line-height: 44px;border-bottom: 1px solid rgba(255,255,255,0.2);} .ff-content .inner .container {position: relative;margin: 20px auto;}Далее найдите строку
@media all and (max-width: 481px) {и сразу после нее вставьте
.footer-fixed { display:none; }
#5
Отправлено 24 Март 2017 - 14:34
Stasya (24 Март 2017 - 13:15) писал:
1) В шаблоне HTML найдите строку
<!-- /END Подвал-->и сразу после нее добавьте блок
<!-- Фиксированные блоки в подвале --> <div class="footer-fixed"> <div id="ffc-recently-viewed" class="ff-content"> <div class="btn-close fa fa-times"></div> <div class="inner"> <div class="title"><h3>Вы смотрели</h3></div> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> <div class="container products-grid"> <!-- Вы смотрели --> {% IFNOT recently_viewed_goods_empty %} {% FOR recently_viewed_goods %} <div class="item"> <div class="item-inner" itemscope itemtype="http://schema.org/Product"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" /> <div class="item-img"> <a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" class="product-image"> <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{recently_viewed_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{recently_viewed_goods.NAME}" title="{recently_viewed_goods.NAME}" itemprop="image"> {% IF recently_viewed_goods.IS_NEW %} <span class="ico-new">Новинка</span> {% ELSEIF recently_viewed_goods.IS_TOP %} <span class="ico-best">Хит</span> {% ENDIF %} {% IF recently_viewed_goods.MAX_DISCOUNT %} <span class="ico-sale">Скидка</span> {% ENDIF %} </a> <div class="actions"> <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label"><i class="fa fa-shopping-cart"></i></span></a--> <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label"><i class="fa fa-shopping-cart"></i></span></a> <!-- Если есть возможность добавить товар в избранное --> {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" title="Убрать «{recently_viewed_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" title="Добавить «{recently_viewed_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{recently_viewed_goods.NAME}" data-produrl="{recently_viewed_goods.URL}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{recently_viewed_goods.NAME}" data-produrl="{recently_viewed_goods.URL}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> <div class="item-info"> <meta itemprop="name" content="{recently_viewed_goods.NAME}"> <meta itemprop="description" content="{% IF recently_viewed_goods.DESCRIPTION_SHORT %}{recently_viewed_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> </div> </form> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- /END Вы смотрели --> </div> </div> </div> <!-- Фиксированная навигация в подвале --> <div class="ff-nav"> <div class="container"> <div class="row"> <ul class="box-footer-fixed"> {% IFNOT CLIENT_IS_LOGIN %} <li class="item contacts"> <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Войти</h5></a> </li> <li class="item recently-viewed"> <a href="/user/register" data-id="recently-viewed"><i class="fa fa-user-plus"></i><h5>Регистрация</h5></a> </li> {% ELSE %} <li class="item contacts"> <a href="/user/login" data-id="contacts"><i class="fa fa-user"></i><h5>Мой кабинет</h5></a> </li> <li class="item recently-viewed"> <a href="/user/logout" data-id="recently-viewed"><i class="fa fa-sign-out"></i><h5>Выход</h5></a> </li> {% ENDIF %} <li class="item recently-viewed"> <a href="javascript:void(0)" data-id="recently-viewed" class="onlyThis"><i class="fa fa-eye"></i><h5>Вы смотрели</h5></a> </li> <li class="item wishlist"> <a href="/user/favorites" data-id="wishlist"><i class="fa fa-heart"></i><h5>Избранное</h5></a> </li> <li class="item sign-up"> <a href="/compare" data-id="sign-up"><i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span><h5>Сравнение</h5></a> </li> <li class="item sign-up"> <a href="/cart" title="Перейти в корзину"><i class="fa fa-shopping-cart"></i><span class="cart-count">0</span><h5>Моя корзина</h5></a> </li> </ul> </div> </div> </div> </div>В конец файла main.js добавьте блок
// Слайдер Вы смотрели jQuery(document).ready(function($){ var carouselU = $('#ffc-recently-viewed .products-grid'); carouselU.owlCarousel({ items: 5, lazyLoad: true, pagination: false, itemsScaleUp: true, slideSpeed: 800, stopOnHover: true, touchDrag: true, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('#ffc-recently-viewed .navigation').show(); }else{ $('#ffc-recently-viewed .navigation').hide(); } } }); jQuery('#ffc-recently-viewed .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('#ffc-recently-viewed .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); }); // Функция переключения вкладок в подвале jQuery(document).ready(function($){ $(function () { $('.box-footer-fixed li a.onlyThis').click(function(){ if($(this).hasClass('active')) { $('.box-footer-fixed li a').removeClass('active'); $('.ff-content').animate({ height: 0 }, 400); } else { $('.box-footer-fixed li a').removeClass('active'); $(this).addClass('active'); $('.ff-content').animate({ height: 0 }, 400); e_id = '#ffc-'+($(this).data("id")); e_h = $(e_id + ' > .inner').outerHeight(); $(e_id).animate({ height: e_h }, 400); } return false; }); $('.ff-content .btn-close').click(function(){ $('.ff-content').animate({ height: 0 }, 400); return false; }); });3) В файле main.css найдите блок
/****************************************************************************** Адаптивная часть *******************************************************************************/и перед ним вставьте блок
/*** Фиксированая навигация в подвале ***/ .footer-fixed {position: fixed;background-color: #1e1e21;bottom: 0;width: 100%;z-index: 1001;color: #fff;} .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 ul li a {color: #a7a7a7;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;} .footer-fixed .ff-nav ul li a i {position: relative;font-size: 22px;top: 2px;color: #5b5b5b;} .footer-fixed .ff-nav ul li a h5 {display: inline-block;margin-left: 7px;} .footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a:hover {color: #771e13;} .footer-fixed .ff-nav ul li a.active i, .footer-fixed .ff-nav ul li a:hover i {color: #771e13;} .footer-fixed .ff-nav ul li a .cart-count, .footer-fixed .ff-nav ul li a .compare-num{background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;} /** Избранное и Вы смотрели**/ #ffc-wishlist .no-login .title > h3 {font-size: 18px;font-weight: bold;padding: 15px 0;text-align: center;} #ffc-wishlist .no-login .content {padding: 5px 25% 15px;text-align: center;} #ffc-wishlist .no-login .content a {color: #c7081b;} #ffc-wishlist .no-login .content a:hover {text-decoration: underline;} .ff-content .products-grid {max-height: 230px;overflow: hidden;} .ff-content .products-grid .item {display: inline-block;float: none;width: 170px;} .ff-content .products-grid .item .item-inner .item-img .actions .add-cart {width: 60px;} .ff-content .products-grid .item .item-inner .item-img > a {width: 170px;height: 170px;} .ff-content .products-grid .item .item-inner .item-img > a img {max-width: 100%;max-height: 100%;} .ff-content .products-grid .item .item-inner .item-img .actions a.add-wishlist.added[data-tooltip]:before {right: -40px;} .ff-content .navigation {display: none;} .ff-content .navigation .prev, .ff-content .navigation .next {position: absolute;top: 50%;color: #fff;z-index: 99;} .ff-content .navigation .prev {float: left;left: 30px;} .ff-content .navigation .next {float: right;right: 30px;} .footer-fixed .title {margin-bottom: 10px;} .ff-content {position: relative;height: 0;overflow: hidden;} .ff-content .btn-close {position: absolute;width: 44px;height: 44px;line-height: 44px;font-size: 22px;top: 0;right: 0;opacity: 1;cursor: pointer;} .ff-content .btn-close:hover {color: #c7081b;} .ff-content .inner {border-bottom: 1px solid rgba(255,255,255,0.2);} .ff-content .inner .title h3 {text-align: center;line-height: 44px;border-bottom: 1px solid rgba(255,255,255,0.2);} .ff-content .inner .container {position: relative;margin: 20px auto;}Далее найдите строку
@media all and (max-width: 481px) {и сразу после нее вставьте
.footer-fixed { display:none; }
#6
Отправлено 25 Март 2017 - 09:27
#9
Отправлено 27 Март 2017 - 17:00
Скорая Керамическая Помощь (27 Март 2017 - 12:40) писал:
Здравствуйте. В шаблоне main.css замените код:
#footer-bottom { background: #232323; padding: 16px 0; color: #828282; }
на
#footer-bottom { background: #232323; padding: 16px 0 65px; color: #828282; }
А так же замените внизу в шаблоне HTML код:
{% FOR menu %} {% FOR footer2 %} {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %}
на
{% FOR menu %} {% FOR footer2 %} {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %}
#10
Отправлено 30 Март 2017 - 11:39
MikDark (27 Март 2017 - 17:00) писал:
#footer-bottom { background: #232323; padding: 16px 0; color: #828282; }
на
#footer-bottom { background: #232323; padding: 16px 0 65px; color: #828282; }
А так же замените внизу в шаблоне HTML код:
{% FOR menu %} {% FOR footer2 %} {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %}
на
{% FOR menu %} {% FOR footer2 %} {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %}
#11
Отправлено 13 Май 2017 - 14:08
Необходимо перенести promotion из шаблона лето в шаблон ночь.
Жду помощи.
А так же скрыть блок вы смотрели на главной странице.
Ещё перенёс хиты в самый низ над новостями. Требуется убрать надпись "хиты продаж" показывается на всех страницах (оставить только на главной)
promotion после хитов нужен
#12
Отправлено 13 Май 2017 - 15:22
admin (13 Май 2017 - 14:08) писал:
Необходимо перенести promotion из шаблона лето в шаблон ночь.
Жду помощи.
А так же скрыть блок вы смотрели на главной странице.
Ещё перенёс хиты в самый низ над новостями. Требуется убрать надпись "хиты продаж" показывается на всех страницах (оставить только на главной)
promotion после хитов нужен
в шаблоне HTML заменил
<!-- Баннеры --> {% IF index_page %} <div id="topsl"> <div class="container"> <div class="policy_shop"> <div class="row"> <div class="col-sm-4 col-xs-12 policy"> <div class="ca-content"> <em class="fa fa-truck"> </em> <h4 class="ca-main">Бесплатная доставка</h4> Действует при заказе от 1990р по Самаре </div> </div> <div class="col-sm-4 col-xs-12 policy"> <div class="ca-content"> <em class="fa fa-mail-reply"> </em> <h4 class="ca-main">Наложенный платёж</h4> Вы получаете заказ и только после оплачиваете. </div> </div> <div class="col-sm-4 col-xs-12 policy"> <div class="ca-content"> <em class="fa fa-comments"> </em> <h4 class="ca-main">Прием заказов 24/7</h4> Работаем ежедневно с 09:00 до 19:00 </div> </div> </div> </div> </div> </div> {% ENDIF %}
на
<!-- Информационный блок --> {% IF index_page %} <div id="block-info"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "> <div class="row"> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-truck"> </div></span> </div> <div class="text"> <h6>Бесплатная доставка</h6> <p>Доставка по городу и области Бесплатна!</p> </div> </div> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-comments"> </div></span> </div> <div class="text"> <h6>100% гарантия возврата средств</h6> <p>Вы можете вернуть товар в течении 30 дней после получения заказа.</p> </div> </div> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-share"> </div></span> </div> <div class="text"> <h6>Прием заказов 24/7</h6> <p>Оформите заказ в интернет-магазине "Название магазина" Прямо сейчас!</p> </div> </div> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Информационный блок -->
В main.css заменил
/*** Баннеры ***/ #topsl {border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding: 30px 0;} #topsl .policy_shop .policy {overflow: hidden;position: relative;transition: all 300ms linear 0s;text-align: center;} #topsl .policy_shop .policy .fa {border: 1px solid #aaa;background: #ffffff;font-size: 30px;transition: all 400ms linear 0s;width: 75px;height: 75px;border-radius: 50%;margin-bottom: 20px;color: #e4e4e4;} #topsl .policy_shop .policy .fa:before {height: 100%;left: 0;line-height: 75px;position: absolute;top: 0;width: 100%;color: #aaa;} #topsl .policy_shop .policy:hover .fa {background: #aaa;border-color: #aaa;} #topsl .policy_shop .policy:hover .fa:before {color: #fff;-webkit-animation: moveFromBottom 300ms ease;-o-animation: moveFromBottom 300ms ease;animation: moveFromBottom 300ms ease;} #topsl .policy_shop .policy .ca-content .ca-main {color: #777;margin-bottom: 15px;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;} #topsl .policy_shop .policy:hover .ca-content .ca-main {color: #777;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}на
/*** Информационный блок ***/ #block-info {padding: 20px 0;border-top: 1px solid #dddddd;position: relative;} #block-info .block-item .icon {display: inline-block;float: left;position: relative;width: 80px;height: 38px;background-color: rgba(0,0,0,0);margin: 23px 0;border-left: solid 1px #dddddd;border-right: solid 1px #dddddd;text-align: center;padding: 0;} #block-info .block-item .icon:before, #block-info .block-item .icon:after {content: "";position: absolute;z-index: 1;width: 58px;height: 56.57px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 10px;} #block-info .block-item .icon:before {top: -28.2843px;border-top: solid 1.5px #dddddd;border-right: solid 1.5px #dddddd;} #block-info .block-item .icon:after {bottom: -28.2843px;border-bottom: solid 1.5px #dddddd;border-left: solid 1.5px #dddddd;} #block-info .block-item .icon span {position: relative;width: 69px;height: 34.41px;display: block;margin: 2px 4.5px;border-left: solid 0px #dddddd;border-right: solid 0px #dddddd;} #block-info .block-item:hover .icon span {background: #18bd9c;} #block-info .block-item .icon span:before, #block-info .block-item .icon span:after {content: "";position: absolute;z-index: 1;width: 49.50px;height: 49.50px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 10px;} #block-info .block-item .icon span:before {border-right: 0 solid #333333;border-top: 0 solid #333333;top: -24.7487px;} #block-info .block-item .icon span:after {bottom: -24.7487px;border-bottom: solid 0.0000px #333333;border-left: solid 0.0000px #333333;} #block-info .block-item .icon div {font-size: 25px;position: relative;z-index: 2;margin-top: 5px;} #block-info .block-item .icon div.fa-truck {margin-left: 3px;} #block-info .block-item .icon div.fa-share {margin-left: 8px;} #block-info .block-item .icon div.fa-comments {margin-left: 5px;} #block-info .block-item:hover .icon span div {color: #ffffff;} #block-info .block-item .text {padding-left: 100px;text-transform: none;} #block-info .block-item .text h6 {color: #404040;margin-top: 20px;margin-bottom: 5px;} #block-info .block-item .icon span {-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} @media all and (max-width: 767px) { #block-info .block-item {min-height: 100px;width: 100%;margin-bottom: 10px;} } /*** END Информационный блок ***/
Для хитов товаров замените в шаблоне HTML
в блоке:
<!-- Хиты продаж -->ниже
<div class="block-title"> <span class="starleft"><i class="fa fa-star"></i></span> <strong>Хиты продаж</strong> <span class="starright"><i class="fa fa-star"></i></span> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> </div>
на
{% IF index_page %} <div class="block-title"> <span class="starleft"><i class="fa fa-star"></i></span> <strong>Хиты продаж</strong> <span class="starright"><i class="fa fa-star"></i></span> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> </div> {% ENDIF %}
-Скрыть "Вы смотрели" на главной
<!-- Вы смотрели товары --> {% IF MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = cart %} <style> .recently-goods {display:none;} </style> {% ENDIF %}
замените на
<!-- Вы смотрели товары --> {% IF MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = cart %} <style> .recently-goods {display:none;} </style> {% ENDIF %} {% IF index_page %} <style> .recently-goods {display:none;} </style> {% ENDIF %}
#14
Отправлено 13 Май 2017 - 16:22
admin (13 Май 2017 - 15:55) писал:
Прошу прощения за promotion
Перепутал ..... не из лета...., но этот блок оставлю спасибо.
Скрин приложил блока нужного (расположить требуется выше новостей)
Блок Promotion из шаблона Рассвет добавил
В HTML
<!-- Промо блок --> {% IF index_page %} <div id="promotion" class="main-block"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="promotion-description animated" data-animation="fadeInUp" data-delay="0"> <p class="text_medium tc">Этим летом</p> <p class="text_large">Специальная цена на всё</p> <p class="text_small">Более подробную информацию об акциях и специальных предложениях Вы можете получить по телефону <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>, воспользовавшись он-лайн консультантом или заполнив форму обратной связи.</p> <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Узнать больше</a> </div> </div> </div> </div> </div> {% ENDIF %} <!-- Новости -->
В main.css код
/*** Промо блок ***/ #promotion {padding: 100px 0;background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;} #promotion .promotion-description {text-align: left;position: relative;min-height: 150px;max-width: 70%;} #promotion .promotion-description .text_medium {font-weight: 400;font-size: 36px;text-transform: uppercase;margin-bottom: 10px;} #promotion .promotion-description .text_large {font-weight: 500;font-size: 48px;text-transform: uppercase;color: #638326;margin-bottom: 20px;} #promotion .promotion-description .text_small {font-weight: 300;font-size: 21px;text-transform: none;} #promotion .promotion-description .button {padding: 0 70px;margin-top: 20px; display: inline-block;}
Нужно загрузить изображение promotion.png , чтобы оно отобразилось на сайте.
#15
Отправлено 13 Май 2017 - 16:44
Mr.Nito (13 Май 2017 - 16:22) писал:
Блок Promotion из шаблона Рассвет добавил
В HTML
<!-- Промо блок --> {% IF index_page %} <div id="promotion" class="main-block"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="promotion-description animated" data-animation="fadeInUp" data-delay="0"> <p class="text_medium tc">Этим летом</p> <p class="text_large">Специальная цена на всё</p> <p class="text_small">Более подробную информацию об акциях и специальных предложениях Вы можете получить по телефону <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>, воспользовавшись он-лайн консультантом или заполнив форму обратной связи.</p> <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Узнать больше</a> </div> </div> </div> </div> </div> {% ENDIF %} <!-- Новости -->
В main.css код
/*** Промо блок ***/ #promotion {padding: 100px 0;background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;} #promotion .promotion-description {text-align: left;position: relative;min-height: 150px;max-width: 70%;} #promotion .promotion-description .text_medium {font-weight: 400;font-size: 36px;text-transform: uppercase;margin-bottom: 10px;} #promotion .promotion-description .text_large {font-weight: 500;font-size: 48px;text-transform: uppercase;color: #638326;margin-bottom: 20px;} #promotion .promotion-description .text_small {font-weight: 300;font-size: 21px;text-transform: none;} #promotion .promotion-description .button {padding: 0 70px;margin-top: 20px; display: inline-block;}
Нужно загрузить изображение promotion.png , чтобы оно отобразилось на сайте.
Отлично!
Нужно сделать в разрешении до 481 что бы пропадала картинка и текст с кнопкой был во весь экран (как в шаблоне рассвет)
#16
Отправлено 13 Май 2017 - 16:53
admin (13 Май 2017 - 16:44) писал:
Нужно сделать в разрешении до 481 что бы пропадала картинка и текст с кнопкой был во весь экран (как в шаблоне рассвет)
Перед
/*** Хлебные крошки ***/добавил
@media all and (max-width: 767px) { #proposition {padding: 30px 0 1px;} #proposition .callback {padding: 30px 15px;} #promotion {padding: 30px 0;background: #efefec;} #promotion .promotion-description {max-width: 100%;text-align: center;} #promotion .promotion-description .text_large {font-size: 36px;} #promotion .promotion-description .text_medium {font-size: 28px;} #promotion .promotion-description .text_small {font-size: 18px;} } @media all and (max-width: 480px) { #promotion .promotion-description .text_large {font-size: 26px;} #promotion .promotion-description .text_medium {font-size: 18px;} #promotion .promotion-description .text_small {font-size: 15px;} }
#17
Отправлено 13 Май 2017 - 16:59
#19
Отправлено 14 Май 2017 - 08:09
Как изменить цвет ссылок (только в самом тексте)
#20
Отправлено 14 Май 2017 - 12:42
Нужно задать padding 5px картинкам в тексте. Только без галочки (есть на главной), а то её совсем не видно!
Нужен отступ от картинок, может как то по другому.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных