Удалить С Фото Товара Кнопку " В Корзину"
#1
Отправлено 13 Август 2015 - 13:54
1. Подскажите как удалит с фото товара кнопку " В корзину", включая "Товары на главной", "Новинки" и "Хиты Продаж"?
2. Удалить выезжающий виджет VK
#2
Отправлено 13 Август 2015 - 14:08
yvn (13 Август 2015 - 13:54) писал:
1. Подскажите как удалит с фото товара кнопку " В корзину"
2. Удалить выезжающий виджет VK
Здравствуйте.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 47px; }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 47px; display: none; }
После этого в том же шаблоне найдите вот этот код:
.community-widget .community-widget-button { position: absolute; top: -1px; right: 100%; height: 50px; width: 50px; font-size: 20px; cursor: pointer; line-height: 46px; background: #fff; text-align: center; border: 1px solid #ddd; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }
И замените его этим кодом:
.community-widget .community-widget-button { position: absolute; top: -1px; right: 100%; height: 50px; width: 50px; font-size: 20px; cursor: pointer; line-height: 46px; background: #fff; text-align: center; border: 1px solid #ddd; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; display: none; }
#3
Отправлено 13 Август 2015 - 14:35
RayLi (13 Август 2015 - 14:08) писал:
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 47px; }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 47px; display: none; }
После этого в том же шаблоне найдите вот этот код:
.community-widget .community-widget-button { position: absolute; top: -1px; right: 100%; height: 50px; width: 50px; font-size: 20px; cursor: pointer; line-height: 46px; background: #fff; text-align: center; border: 1px solid #ddd; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }
И замените его этим кодом:
.community-widget .community-widget-button { position: absolute; top: -1px; right: 100%; height: 50px; width: 50px; font-size: 20px; cursor: pointer; line-height: 46px; background: #fff; text-align: center; border: 1px solid #ddd; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; display: none; }
Не получилось, Вот сдесь описывается как убрать кнопку "В корзину" из категорий, а мне еще нужно из "Товары на главной" и "Новинки" и Хиты продаж"
#4
Отправлено 13 Август 2015 - 15:00
yvn (13 Август 2015 - 14:35) писал:
Здравствуйте.
К сожалению у вас не выполнена вышеуказанная инструкция.
Пожалуйста выполните её, лишь после чего мы сможем вам помочь дальше.
#5
Отправлено 13 Август 2015 - 15:43
По первому вопросу задача решена!
Теперь пожалуйста по второму вопросу: Удалить с сайта выезжающий виджет VK?
#6
Отправлено 14 Август 2015 - 03:51
<!-- Виджет сообществ --> <div id="community_widget_right"> <div class="community-widget"> <span class="community-widget-button"><i class="fa fa-vk"></i></span> <div class="community-widget-content"> <!-- VK Widget. Замените id(20003922) на id Вашей группы --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922); </script> </div> </div> </div>
#7
Отправлено 14 Август 2015 - 09:48
В мобильной версии, при маштабировании, не отображаются фильтры товара!!! Помогите исправить данную ошибку.
SL-256769
#8
Отправлено 14 Август 2015 - 11:21
yvn (14 Август 2015 - 09:48) писал:
В мобильной версии, при маштабировании, не отображаются фильтры товара!!! Помогите исправить данную ошибку.
SL-256769
Здравствуйте.
Уточните. пожалуйста, вам изменения нужны для аккаунт SL-256769 , всё верно? Так как, на данный момент подобный аккаунт отсутствует,
Проверьте, пожалуйста, тот-ли вы номер указали?
#10
Отправлено 14 Август 2015 - 11:30
yvn (14 Август 2015 - 11:27) писал:
yvn (14 Август 2015 - 09:48) писал:
В мобильной версии, при маштабировании, не отображаются фильтры товара!!! Помогите исправить данную ошибку.
SL-256769
Тогда пробуйте сделать следующее:
В шаблоне main.css найдите данный код:
@media (max-width: 979px){ .toolbar .sort-by { display: none; }
И замените его вот этим вот кодом:
@media (max-width: 979px){ .toolbar .sort-by { }
#11
Отправлено 14 Август 2015 - 11:39
RayLi (14 Август 2015 - 11:30) писал:
В шаблоне main.css найдите данный код:
@media (max-width: 979px){ .toolbar .sort-by { display: none; }
И замените его вот этим вот кодом:
@media (max-width: 979px){ .toolbar .sort-by { }
В main.css поиск не находит. Подскажите номер строки.
#12
Отправлено 14 Август 2015 - 11:57
yvn (14 Август 2015 - 11:39) писал:
Попробуйте, тогда, сделать следующее:
В шаблоне main.css найдите данный код:
@media all and (max-width: 979px) { .container {width: auto;} body .container {padding: 0 10px;} .col-lg-12{width:100%} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%} .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%} .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%} .col-lg-3{width:25%} .col-lg-2{width:16.66666667%} .col-lg-1{width:8.33333333%} #header-top .topheader-right .sns-quickaccess {height: 36px;width: 36px;position: relative;cursor: pointer;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:before {content: "\f13d";position: absolute;font-family: FontAwesome;left: 9px;top: 0px;font-size: 16px;color: #6e6e6e;z-index: 1;cursor: pointer;} #header-top .topheader-right .sns-quickaccess .welcome {display: none;} #header-top .topheader-right .sns-quickaccess ul.links {overflow:visible;height:auto;position: absolute;top: 35px;left: -114px;background: transparent;width: 160px;padding: 10px 0 0;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;margin: 0 0;padding: 0 0;border: none;background: #FFF;border: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:hover ul.links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-top .topheader-right .sns-quickaccess ul.links li {display: block;background: none;padding: 5px 0px;text-align: left;border-top: 1px solid #DFDFDF;margin: 0 10px;float:none;} #header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding: 5px 0px;border-top: none;} #header-top .topheader-right .sns-quickaccess ul.links li a {display: block;font-size: 100%;} #header-top .topheader-left {width: 70%;float: left;} #header-top .topheader-right {width: 30%;float: left;} #header #logo {text-align: left;margin-left: 0px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText {width: 170px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText:focus {width: 180px;} #menu #mainnav {width: 100%;} #menu .nav-right {position: absolute;width: 100%;top: 0px;right: 0px;} #custommenu {display: none;} #mommenu {display: block;} #botsl .block.block-latestblog .block-content ul .item .item-post {width:35%;} .toolbar .sort-by {display:none;} #content .products-list .item .item-img {width: 35%;} #content .products-list .item .product-shop .actions-addtocart {padding: 10px 0 0;clear: left;display: block;} .toolbar-bottom .limiter label {display:none;} }
И замените его вот этим вот кодом:
@media all and (max-width: 979px) { .container {width: auto;} body .container {padding: 0 10px;} .col-lg-12{width:100%} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%} .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%} .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%} .col-lg-3{width:25%} .col-lg-2{width:16.66666667%} .col-lg-1{width:8.33333333%} #header-top .topheader-right .sns-quickaccess {height: 36px;width: 36px;position: relative;cursor: pointer;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:before {content: "\f13d";position: absolute;font-family: FontAwesome;left: 9px;top: 0px;font-size: 16px;color: #6e6e6e;z-index: 1;cursor: pointer;} #header-top .topheader-right .sns-quickaccess .welcome {display: none;} #header-top .topheader-right .sns-quickaccess ul.links {overflow:visible;height:auto;position: absolute;top: 35px;left: -114px;background: transparent;width: 160px;padding: 10px 0 0;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;margin: 0 0;padding: 0 0;border: none;background: #FFF;border: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:hover ul.links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-top .topheader-right .sns-quickaccess ul.links li {display: block;background: none;padding: 5px 0px;text-align: left;border-top: 1px solid #DFDFDF;margin: 0 10px;float:none;} #header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding: 5px 0px;border-top: none;} #header-top .topheader-right .sns-quickaccess ul.links li a {display: block;font-size: 100%;} #header-top .topheader-left {width: 70%;float: left;} #header-top .topheader-right {width: 30%;float: left;} #header #logo {text-align: left;margin-left: 0px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText {width: 170px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText:focus {width: 180px;} #menu #mainnav {width: 100%;} #menu .nav-right {position: absolute;width: 100%;top: 0px;right: 0px;} #custommenu {display: none;} #mommenu {display: block;} #botsl .block.block-latestblog .block-content ul .item .item-post {width:35%;} #content .products-list .item .item-img {width: 35%;} #content .products-list .item .product-shop .actions-addtocart {padding: 10px 0 0;clear: left;display: block;} .toolbar-bottom .limiter label {display:none;} }
#13
Отправлено 14 Август 2015 - 12:07
RayLi (14 Август 2015 - 11:57) писал:
В шаблоне main.css найдите данный код:
@media all and (max-width: 979px) { .container {width: auto;} body .container {padding: 0 10px;} .col-lg-12{width:100%} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%} .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%} .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%} .col-lg-3{width:25%} .col-lg-2{width:16.66666667%} .col-lg-1{width:8.33333333%} #header-top .topheader-right .sns-quickaccess {height: 36px;width: 36px;position: relative;cursor: pointer;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:before {content: "\f13d";position: absolute;font-family: FontAwesome;left: 9px;top: 0px;font-size: 16px;color: #6e6e6e;z-index: 1;cursor: pointer;} #header-top .topheader-right .sns-quickaccess .welcome {display: none;} #header-top .topheader-right .sns-quickaccess ul.links {overflow:visible;height:auto;position: absolute;top: 35px;left: -114px;background: transparent;width: 160px;padding: 10px 0 0;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;margin: 0 0;padding: 0 0;border: none;background: #FFF;border: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:hover ul.links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-top .topheader-right .sns-quickaccess ul.links li {display: block;background: none;padding: 5px 0px;text-align: left;border-top: 1px solid #DFDFDF;margin: 0 10px;float:none;} #header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding: 5px 0px;border-top: none;} #header-top .topheader-right .sns-quickaccess ul.links li a {display: block;font-size: 100%;} #header-top .topheader-left {width: 70%;float: left;} #header-top .topheader-right {width: 30%;float: left;} #header #logo {text-align: left;margin-left: 0px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText {width: 170px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText:focus {width: 180px;} #menu #mainnav {width: 100%;} #menu .nav-right {position: absolute;width: 100%;top: 0px;right: 0px;} #custommenu {display: none;} #mommenu {display: block;} #botsl .block.block-latestblog .block-content ul .item .item-post {width:35%;} .toolbar .sort-by {display:none;} #content .products-list .item .item-img {width: 35%;} #content .products-list .item .product-shop .actions-addtocart {padding: 10px 0 0;clear: left;display: block;} .toolbar-bottom .limiter label {display:none;} }
И замените его вот этим вот кодом:
@media all and (max-width: 979px) { .container {width: auto;} body .container {padding: 0 10px;} .col-lg-12{width:100%} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%} .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%} .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%} .col-lg-3{width:25%} .col-lg-2{width:16.66666667%} .col-lg-1{width:8.33333333%} #header-top .topheader-right .sns-quickaccess {height: 36px;width: 36px;position: relative;cursor: pointer;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:before {content: "\f13d";position: absolute;font-family: FontAwesome;left: 9px;top: 0px;font-size: 16px;color: #6e6e6e;z-index: 1;cursor: pointer;} #header-top .topheader-right .sns-quickaccess .welcome {display: none;} #header-top .topheader-right .sns-quickaccess ul.links {overflow:visible;height:auto;position: absolute;top: 35px;left: -114px;background: transparent;width: 160px;padding: 10px 0 0;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;margin: 0 0;padding: 0 0;border: none;background: #FFF;border: 1px solid #e9e9e9;} #header-top .topheader-right .sns-quickaccess:hover ul.links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-top .topheader-right .sns-quickaccess ul.links li {display: block;background: none;padding: 5px 0px;text-align: left;border-top: 1px solid #DFDFDF;margin: 0 10px;float:none;} #header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding: 5px 0px;border-top: none;} #header-top .topheader-right .sns-quickaccess ul.links li a {display: block;font-size: 100%;} #header-top .topheader-left {width: 70%;float: left;} #header-top .topheader-right {width: 30%;float: left;} #header #logo {text-align: left;margin-left: 0px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText {width: 170px;} #header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText:focus {width: 180px;} #menu #mainnav {width: 100%;} #menu .nav-right {position: absolute;width: 100%;top: 0px;right: 0px;} #custommenu {display: none;} #mommenu {display: block;} #botsl .block.block-latestblog .block-content ul .item .item-post {width:35%;} #content .products-list .item .item-img {width: 35%;} #content .products-list .item .product-shop .actions-addtocart {padding: 10px 0 0;clear: left;display: block;} .toolbar-bottom .limiter label {display:none;} }
Спасибо!!! Фильтры появились, только их нужно обязательно сделать над фотографиями товара, а не под!!!
#14
Отправлено 14 Август 2015 - 13:25
#15
Отправлено 18 Август 2015 - 10:46
#16
Отправлено 20 Август 2015 - 11:42
#17
Отправлено 21 Август 2015 - 15:38
#18
Отправлено 26 Август 2015 - 23:15
#19
Отправлено 27 Август 2015 - 01:42
</div> <!-- /END Сортировать по: --> </form> </div> </div> <!-- END Верхний блок, изменяющий отображение данных выдачи товаров -->
после него разместите:
<div class="filtr_mob"> <!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block filters"> <div class="block-title"><span>Фильтры</span></div> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="title-filter">Фильтры по ценам</div> <div class="layout-slider clearfix"> <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress('0123456789')" /> <span class="price-separator">-</span> <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress('0123456789')" /> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"> <span class="min" style="display:none;">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span> <span class="max" style="display:none;">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span> </div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button small" type="submit" value="Показать" /> </div> </div> {% ENDIF %} <!-- /END Если есть возможность фильтрации товаров по ценам --> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> {filter_attr_list.NAME}:<br /> <select class="form-control" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> {filter_prop_list.NAME}:<br /> <select class="form-control" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </form> </div> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам --> </div>
далее в main.css найдите:
@media all and (max-width: 767px) {
до него пропишите:
.filtr_mob{ display:none; }
после него пропишите:
.filtr_mob{ display:block; }
#20
Отправлено 29 Август 2015 - 00:50
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных