Модераторы. Помогите С Главной Страничкой
#1
Отправлено 16 Декабрь 2017 - 20:46
0 - можно ли поменять карточки товара с шаблона нефрит,
2 - убрать разметку каталога и сделать овал при наведении на каждую категорию каталога
И добавить еще слайдер(третий слайд)
3- нижний блок перенести с шаблона рассвет, только убрать колонку*мы в социальных сетях*
4- шапку сделать как в шаблоне бистро и закрепить ее при прокрутке страницы
и как убрать оценочные звезды товара
Спасибо.
#2
Отправлено 10 Январь 2018 - 12:39
Юрий32 (16 Декабрь 2017 - 20:46) писал:
0 - можно ли поменять карточки товара с шаблона нефрит,
2 - убрать разметку каталога и сделать овал при наведении на каждую категорию каталога
И добавить еще слайдер(третий слайд)
3- нижний блок перенести с шаблона рассвет, только убрать колонку*мы в социальных сетях*
4- шапку сделать как в шаблоне бистро и закрепить ее при прокрутке страницы
и как убрать оценочные звезды товара
Спасибо.
0) В шаблоне Товары найдите код
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="products-grid row"> {% FOR goods %} <div class="item"> <div class="item-inner" itemscope itemtype="https://schema.org/Product"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="product-hover"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-image"> <div class="ico-product"> {% IF goods.IS_NEW %} <span class="ico-new"><span>Новинка</span></span> {% ELSEIF goods.IS_TOP %} <span class="ico-best"><span>Хит</span></span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="ico-sale"><span>Скидка</span></span> {% ENDIF %} </div> <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image"> </a> <div class="add-to-links"> <div class="wishlist"> <!-- Если есть возможность добавить товар в избранное --> {% IF 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="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={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="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </div> <div class="compare"> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF 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="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={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="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div> <div class="item-info"> <h2 class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></h2> <meta itemprop="name" content="{goods.NAME}"> <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span> </span> {% ENDIF %} <span class="special-price"> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span> </span> </div> <div class="rating-hover"> <div class="ratings"> <div class="rating-box"> {% IF goods.OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div> </div> </div> <div class="actions"> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <span class="button">Нет в наличии</span> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}">В корзину</a--> <a class="add-cart button" title="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}">В корзину</a> {% ENDIF %} </div> </form> </div> </div> {% ENDFOR %} </div>и замените его на
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="products-grid row"> {% FOR goods %} <div class="item"> <div class="item-inner" itemscope itemtype="https://schema.org/Product"> <div class="product rotation"> <div class="default"> {% IF goods.IS_NEW %} <span class="new"></span> {% ELSEIF goods.IS_TOP %} <span class="best"></span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="sale right"></span> {% ENDIF %} <div class="product-img"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="product-image" title="{goods.NAME}"> <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}"> </a> </div> <div class="product-description"> <div class="vertical"> <h3 class="product-name"> <a title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}">{goods.NAME}</a> </h3> <div class="price"> <div class="price-box"> <span class="product-price"> <span class="price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </span> </div> </div> </div> </div> </div><!-- описание товара --> <div class="product-hover"> <h3 class="product-name"> <a title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}">{goods.NAME}</a> </h3> <div class="price"> <div class="price-box"> <span class="product-price"> <span class="price">{goods.MIN_PRICE_NOW | money_format}</span> </span> </div> </div> <div class="product-icon"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}"> <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" class="goods-image-icon" alt="{goods.NAME}"> </a> </div> <div class="short-description"> <p>{goods.DESCRIPTION_SHORT}</p> </div> <div class="actions"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <a class="add-cart quick" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}> <i class="fa fa-shopping-cart"></i> </a> <!--a class="add-cart" title="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}> <span class="icon-basket"></span> </a--> <!-- Если есть возможность добавить товар в избранное --> <!-- Если есть возможность добавить товар в избранное --> {% IF 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="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={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="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF 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="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={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="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </form> </div><!-- кнопки Купить/Избранное/Сравнение --> </div><!-- товар при наведении --> </div> </div> </div> {% ENDFOR %} </div>Далее в файле main.css найдите строку
/* Товары списком */и перед ней вставьте код
#main .products-grid .item .product-hover {position: absolute;border: 1px solid #dddddd;max-width: 100%;max-height: 100%;} #main .product {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: none;margin: 0 0 40px;/*min-width: 240px;*/overflow: hidden;position: relative;text-align: left;vertical-align: top;} #main .product .default {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;position: relative;} #main .product-img {width: 270px;height: 270px;display:table-cell;vertical-align:middle;text-align:center;background-color:#f2f2f2;} #main .product-icon img {display:block;margin:0 auto;} #main .product .product-image {display: block;line-height: 0;margin: 0;} #main .product-image {display: inline-block;line-height: 0;position: relative;} #main .product-image > img {-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;} #main .product .product-description {background: #f2f2f2;border-top: 1px solid #e1e1e1;color: #505050;display: table;font-size: 13px;height: 100px;line-height: 18px;position: relative;text-align: center;width: 100.2%;z-index: 1;} #main .product .product-description .vertical {display: table-cell;height: 100px;padding-left: 5px;padding-right: 5px;vertical-align: middle;} #main .product .product-name {color: #1e1e1e;font-size: 13px;font-weight: normal;line-height: 16px;margin: 0 0 4px;text-transform: none;max-height:50px;overflow:hidden;} #main .product-name a {color: #1e1e1e;text-decoration: none;-webkit-transition: opacity .2s linear;transition: opacity .2s linear;} #main .product-name a:hover {opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;} #main .product .price {font-weight: bold;} #main .price-old {color: #7f7f7f;display: inline-block;margin-right: 6px;position: relative;text-decoration:line-through;} #main .product .not-rotation-actions {background: #00c59c;bottom:0;left: 0;right: 0;padding: 9px 10px;position: absolute;text-align: center;-webkit-transition: bottom .2s linear;transition: bottom .2s linear;z-index: 1;height:72px;width:99.9%;} #main .product:hover .not-rotation-actions {bottom: 100px;-webkit-transition: bottom .2s linear;transition: bottom .2s linear;} #main .col-md-1.product .product-hover, .col-md-2.product .product-hover, .col-md-3.product .product-hover, .col-md-4.product .product-hover, .col-md-5.product .product-hover, .col-md-6.product .product-hover, .col-md-7.product .product-hover, .col-md-8.product .product-hover, .col-md-9.product .product-hover, .col-md-10.product .product-hover, .col-md-11.product .product-hover, .col-md-11.product .product-hover {left: 15px;right: 15px;} #main .product .product-hover {height:100%;background-color: #00c59c;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;bottom: 0;color: #7f7f7f;display: none;font-size: 12px;line-height: 20px;left: 0;padding: 16px 20px 90px;position: absolute;right: 0;top: 0;width: auto !important;} #main .product:hover .product-hover {display: block;-webkit-animation: fadeIn 0.8s;animation: fadeIn 0.8s;} #main .product .product-hover .product-name {font-size: 13px;font-weight: normal;line-height: 18px;margin: 0 0 7px;} #main .product .product-hover .product-name a {color: #fff;-webkit-transition: opacity .2s linear;transition: opacity .2s linear;} #main .product .product-hover .product-name a:hover {opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;text-decoration: none;} #main .product .product-hover .price {font-size: 18px;font-weight: normal;line-height: 1;margin: 0 0 5px;color:#fff;} #main .product .product-hover .short-description {color: #ffffff;height: 110px;overflow-y: hidden;width: 100%;padding: 5px;} #main .product .product-hover .product-image {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display: block;float: right;line-height: 0;margin: 4px 0 0 5px;padding: 0;position: relative;z-index: 1;} #main .product .product-hover .product-image img {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #main .product .product-hover .actions {bottom: 0px;left: 0;position: absolute;text-align: center;width: 100%;} #main .product .actions a {background: #fff;display: inline-block;height: 54px;margin: 0 -2px;padding-top: 19px;text-align: center;text-decoration: none;vertical-align: top;width: 54px;-webkit-transition: all .2s linear;transition: all .2s linear;} #main .add-cart {cursor:pointer;} #main .product .actions .add-cart {-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} #main .product .actions .add-compare {-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;} #main .product .actions a:hover {background: #f2f2f2;-webkit-transition: all .2s linear;transition: all .2s linear;} #main .product.rotation, .employee.rotation {overflow: visible;} #main .rotation {background: none;-webkit-perspective: 600px;-moz-perspective: 600px;perspective: 600px;} #main .rotation .default, .rotation .front-end {overflow: hidden;position: relative;-webkit-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateX(0deg) rotateY(0deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;transform: rotateY(0deg);-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;z-index: 24;} #main .rotation .default {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #main .rotation.hover .default, .rotation.hover .front-end {z-index: 35;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-delay: .2s;-moz-transition-delay: .2s;transition-delay: .2s;} #main .rotation .product-hover, .rotation .back-end {display: block;height: inherit;-webkit-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateY(-180deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;transform: rotateY(-180deg);-moz-transition: all .6s ease-in-out;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;width: 100%;z-index: 13;} #main .rotation.hover .product-hover, .rotation.hover .back-end {z-index: 46;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateY(0deg);-webkit-transition-delay: .2s;-moz-transition-delay: .2s;transition-delay: .2s;} #main .rotation .product-image:hover > img {opacity: 1;filter: alpha(opacity=100);}В конец файла main.js добавьте код
$(document).ready(function(){ if(!navigator.userAgent.match(/iPad|iPhone|Android/i)) { $('.product, .employee') .hover(function(event) { event.preventDefault(); $(this).addClass('hover'); }, function(event) { event.preventDefault(); $(this).removeClass('hover'); }); } })2) Все-таки не очень понятно, что Вам необходимо сделать: убрать каталог или изменить? Уточните, пожалуйста. Так же уточните, пожалуйста, куда необходимо добавить слайдер?
3) В шаблоне HTML найдите код
<div id="footer-middle" {% IF index_page %}class="index"{% ENDIF %}> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Контакты</h3> </div> <div class="footer-contact"> {% IF SETTINGS_STORE_REGION %}<p class="city"><em class="fa fa-map-marker"> </em><span>{SETTINGS_STORE_REGION}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span><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></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax"> </em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype"> </em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %} </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Меню</h3> </div> <div class="footer-content"> <ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Личный кабинет</h3> </div> <div class="footer-content"> <ul> {% 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> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %} <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li> {% ENDIF %} </ul> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Обратный звонок</h3> </div> <div class="footer-content"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {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> <div class="social"> <a href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span class="fa fa-facebook"></span></a> <a href="https://twitter.com/" title="Twitter.com" target="_blank"><span class="fa fa-twitter"></span></a> <a href="https://google.com/" title="Google Plus" target="_blank"><span class="fa fa-google-plus"></span></a> <a href="https://vk.com/" title="VK.com" target="_blank"><span class="fa fa-vk"></span></a> <a href="https://www.youtube.com/" title="YouTube.com" target="_blank"><span class="fa fa-youtube"></span></a> </div> </div> </div> </div> </div> </div>и замените его на
<div id="footer-middle" {% IF index_page %}class="index"{% ENDIF %}> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Меню</h3> </div> <div class="footer-content"> <ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> <div class="clear-resp"></div> <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Личный кабинет</h3> </div> <div class="footer-content"> <ul> {% 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> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %} <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li> {% ENDIF %} </ul> </div> </div> <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Контакты</h3> </div> <div class="footer-contact"> {% IF SETTINGS_STORE_REGION %}<p class="city"><em class="fa fa-map-marker"> </em><span>{SETTINGS_STORE_REGION}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span><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></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax"> </em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype"> </em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %} </div> </div> </div> </div> </div>В файле main.css найдите
#footer-middle .block-title {line-height: 32px;height: 32px;}и замените его на
#footer-middle .block-title {line-height: 32px;height: 32px;border: none;} #footer-middle .block-title:before {display: none;}4) В шаблоне HTML найдите код
<div class="header-top"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Верхнее меню --> <div class="block-menu"> <div class="block-menu-title rhombus"> <i class="fa fa-bookmark-o" title="Меню"> </i> </div> <ul class="block-menu-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <!-- Телефон в шапке --> <div class="block-phone"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="block-phone-title rhombus"> <i class="fa fa-phone" title="Меню"> </i> </div> <div class="block-phone-contact"> <span class="phone"><a href="skype:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}?call">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span> </div> {% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %} <div class="block-email-title rhombus"> <i class="fa fa-envelope" title="Меню"> </i> </div> <div class="block-email-contact"> <span class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span> </div> {% ENDIF %} </div> <!-- Корзина --> <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="cart-title rhombus"> <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину"> </i></a> <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span> </div> <div class="dropdown-cart"> <div class="cart-content"> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=summer{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> <p class="product-mod">{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</p> <strong class="qty">{cart_items.ORDER_LINE_QUANTITY}</strong> x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="subtotal">Итого: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> {% ENDIF %} </div> </div> </div> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}"> <div class="compare-title rhombus"> <a href="{COMPARE_URL}"><i class="fa fa-retweet" title="Перейти к Сравнению"> </i></a> <span class="compare-count">{COMPARE_GOODS_COUNT}</span> </div> <div class="compare-content"> <ul id="compare-items"> {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="compare-remove" title="Убрать товар из списка сравнения"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} </ul> <a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a> </div> </div> {% ENDIF %} <!-- Меню пользователя --> <div class="block-account"> <div class="user-title rhombus"> <a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-user" title="Меню пользователя"> </i></a> </div> <ul class="links"> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %} <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li> {% ENDIF %} </ul> </div> <!-- Поиск --> <div class="form-search"> <div class="search-title rhombus"> <i class="fa fa-search" title="Поиск по магазину"> </i> </div> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <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="button search-submit"><i class="fa fa-search"></i></button> </form> </div> </div> </div> </div> </div>и замените его на
<div class="header-top"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Верхнее меню --> <div class="block-menu"> <ul class="block-menu-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <!-- Корзина --> <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="cart-title rhombus"> <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину"> </i></a> <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span> </div> <div class="dropdown-cart"> <div class="cart-content"> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=summer{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> <p class="product-mod">{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</p> <strong class="qty">{cart_items.ORDER_LINE_QUANTITY}</strong> x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="subtotal">Итого: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> {% ENDIF %} </div> </div> </div> </div> </div> </div> </div>Затем в файле main.js найдите код
// Функция фиксации шапки jQuery(document).ready(function($){ if(getClientWidth() > 750){ if($('.header-middle')){ $('.header-middle').stick_in_parent({ sticky_class: 'keep-menu' }); } } });и замените его на
// Функция фиксации шапки jQuery(document).ready(function($){ if(getClientWidth() > 750){ if($('.header-top')){ $('.header-top').stick_in_parent({ sticky_class: 'keep-menu' }); } } });Далее в файле main.css найдите код
.header-middle.keep-menu {background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);height: 80px;padding: 0;z-index: 100;position: fixed !important;top: 0 !important;}и замените его на
.header-top.keep-menu {background: #fcfcfc;height: 55px;padding: 0;z-index: 100;position: fixed !important;top: 0 !important;}Затем найдите код
.header-top .block-menu {position: relative;cursor: pointer;float: left;} .header-top .block-menu .block-menu-title {float: left;} .header-top .block-menu .block-menu-links {overflow:visible;height:auto;position: absolute;left: -1px;top: 100%;background: #fff;width: 200px;max-width: 300px;padding: 0;margin: 0;border: 1px solid #dddddd;z-index: 99;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;} .header-top .block-menu:hover .block-menu-links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .header-top .block-menu .block-menu-links li {display: block;background: none;text-align: left;border-bottom: 1px solid #dddddd;margin: 0 10px;float:none;} .header-top .block-menu .block-menu-links li:last-child {border-bottom: none;} .header-top .block-menu .block-menu-links li a {line-height: 35px;letter-spacing: 0.5px;}и замените его на
/* Меню в шапке */ .header-top .block-menu {position: relative;cursor: pointer;float: left;} .header-top .block-menu .block-menu-title {float: left;} .header-top .block-menu .block-menu-links {overflow:visible;height:auto;/* position: absolute; *//* left: -1px; *//* top: 100%; */background: #fff;/* width: 200px; *//* max-width: 300px; */padding: 0;margin: 0;/* border: 1px solid #dddddd; */z-index: 99;/* opacity: 0; */filter: alpha(opacity=0);/* -webkit-transform: scale(0); */-moz-transform: scale(0);-o-transform: scale(0);/* transform: scale(0); *//* transform-origin: 50% 10% 0; */-moz-transform-origin: 50% 10% 0;/* -webkit-transform-origin: 50% 10% 0; */-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;} .header-top .block-menu:hover .block-menu-links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .header-top .block-menu .block-menu-links li {display: block;background: none;text-align: left;/* border-bottom: 1px solid #dddddd; */margin: 0 10px;float: left;} .header-top .block-menu .block-menu-links li:last-child {border-bottom: none;} .header-top .block-menu .block-menu-links li a {line-height: 35px;letter-spacing: 0.5px;}
#3
Отправлено 11 Январь 2018 - 00:18
1. Карточки товара меняются в каталоге, а можно сделать что бы менялись и на главной странице.
2. как поменять цвет шапки, например на #DAA520, и добавить категорию ( ГЛАВНАЯ ) с переходом на главную страницу и сделать поиск по сайту.
Все сопутствующие товары разъехались и название товара вылезло за рамки.
Спасибо.
#4
Отправлено 16 Январь 2018 - 15:09
Юрий32 (11 Январь 2018 - 00:18) писал:
1. Карточки товара меняются в каталоге, а можно сделать что бы менялись и на главной странице.
2. как поменять цвет шапки, например на #DAA520, и добавить категорию ( ГЛАВНАЯ ) с переходом на главную страницу и сделать поиск по сайту.
Все сопутствующие товары разъехались и название товара вылезло за рамки.
Спасибо.
1) Поскольку изменений очень много внесла Вам их по аналогии с инструкцией выше для товаров Товары на главной, Хиты, Новинки, Сопуствующие товары, С этим товаром смотрят. Так же сделала изменения в шаблоне Поиск и Просмотр акции.
2) Чтобы изменить цвет шапки в файле main.css найдите блок
.header-top.keep-menu {background: #fcfcfc;height: 55px;padding: 0;z-index: 100;position: fixed !important;top: 0 !important;}в нем код background: #fcfcfc; - отвечает за цвет фона шапки. Замените код цвета #fcfcfc на тот, который Вам необходим.
Чтобы добавить пункт меню Главная, зайдите в раздел Сайт-> Меню под блоком Верхнее меню нажмите Добавить пункт меню. В названии укажите Главная, в поле куда ссылается выберите Произвольный адрес, а в поле URL укажите домен Вашего сайта. Пункты меню можно переставлять местами, для этого наведите мышкой на стрелку перед названием Пункта меню, зажмите левую кнопку мыши и перетащите пункт в нужное место.
#5
Отправлено 16 Январь 2018 - 17:48
1- Но как мне сделать поиск по сайту
2 -и цифра количество в корзине видно половинкой
3- карточки товаров в категории товары на главной изменились они без рамки, если посмотреть на другие категории то там как надо, помогите разобраться.
#6
Отправлено 19 Январь 2018 - 14:45
Юрий32 (16 Январь 2018 - 17:48) писал:
1- Но как мне сделать поиск по сайту
2 -и цифра количество в корзине видно половинкой
3- карточки товаров в категории товары на главной изменились они без рамки, если посмотреть на другие категории то там как надо, помогите разобраться.
Здравствуйте.
Изменения Вам произвел и создал бэкап. Проверьте, пожалуйста.
#7
Отправлено 19 Январь 2018 - 16:25
Firefly (19 Январь 2018 - 14:45) писал:
Изменения Вам произвел и создал бэкап. Проверьте, пожалуйста.
2- пункт при прокрутки сайта количество товаров в корзине все ровно видно половиной, а становиться это когда шапка закрепляется при прокрутке, так же шапка не сразу становится цветной
3- пункт не изменился Рамки на карточках товара в категории "Товары на главной " не изменились.
#8
Отправлено 24 Январь 2018 - 11:17
Юрий32 (19 Январь 2018 - 16:25) писал:
2- пункт при прокрутки сайта количество товаров в корзине все ровно видно половиной, а становиться это когда шапка закрепляется при прокрутке, так же шапка не сразу становится цветной
3- пункт не изменился Рамки на карточках товара в категории "Товары на главной " не изменились.
2) В файле main.css найдите код
.block-cart .cart-title i {margin-left: 3px;}и сразу после него добавьте
.header-top.keep-menu span.cart-count {top: 0;}
3) В конце файла main.css найдите код
.goods-image-small {max-width: 245px !important;}и замените его на
.goods-image-small, .index_page_goods-image-small {max-width: 245px !important;}
#11
Отправлено 24 Январь 2018 - 18:34
#13
Отправлено 27 Март 2018 - 12:21
в шапке: 1- номер телефона прикрепить
2- написать минимальная сумма заказа 800 рублей, все как на скриншоте.
В мобильной версии сделать так :
3 - перенести шапку в кнопку каталога как на скриншоте "моб 2" с пунктами: Главная, Корзина, Каталог, Контакты, Доставка, Войти в ЛК.
4- после того как удалится шапка, поднять все содержимое и вверху написать номер телефона +7 (4832) 32-13-79
5- написать минимальную сумму заказа: 800 рублей
спасибо.
#14
Отправлено 29 Март 2018 - 08:34
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных