

Отображать Товары Всегда Таблицей
Автор Lalaweb, 06 апр. 2021 19:31
Сообщений в теме: 14
#1
Отправлено 06 Апрель 2021 - 19:31
Добрый день.
Как отображать товары всегда таблицей, по умолчанию? И убрать возможность отображения списком.
Как отображать товары всегда таблицей, по умолчанию? И убрать возможность отображения списком.
#2
Отправлено 07 Апрель 2021 - 07:44
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите и удалите:
далее найдите:
замените на:
далее найдите и удалите:
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите и удалите:
<!-- Вид Таблица/Список --> <div class="view__type"> {% IF GOODS_VIEW_TYPE=1 %} <div title="Таблица" class="view__icon active"><i class="icon-grid"></i></div> <a href="?goods_view_type=2" class="view__icon" title="Список"><i class="icon-list"></i></a> {% ELSE %} <a href="?goods_view_type=1" title="Таблица" class="view__icon"><i class="icon-grid"></i></a> <div title="Список" class="view__icon active"><i class="icon-list"></i></div> {% ENDIF %} </div> <!-- /END Вид Таблица/Список -->
далее найдите:
<!-- Вывод товаров ТАБЛИЦЕЙ --> {% IF GOODS_VIEW_TYPE=1 %} <div class="row"> <div class="products__grid">
замените на:
<div class="row"> <div class="products__grid">
далее найдите и удалите:
{% ELSE %} <div class="products__list"> {% FOR goods %} <div class="product__item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}" 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}" /> <meta itemprop="sku" content="{goods.ART_NUMBER}"/> <!-- Цена для поисковиков --> <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <meta itemprop="lowPrice" content="{goods.MIN_PRICE_NOW}"> <meta itemprop="highPrice" content="{goods.MAX_PRICE_NOW}"> <meta itemprop="offerCount" content="{% FOR mods %}{% IF goods.mods.last %}{goods.mods.length}{% ENDIF %}{% ENDFOR %}"> </div> <!-- Изображения товара --> <div class="product__image"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="product__img" title="{goods.NAME}" itemprop="url"> <img class="goods-image-medium lozad" src="{ASSETS_IMAGES_PATH}placeholder.png?design=marketplace" data-src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo.png?design=marketplace{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" itemprop="image"> </a> <div class="product__ico"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="ico__sales"></span> <span class="ico__sale"></span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="ico__sales"></span> <span class="ico__sale"></span> {% ENDIF %} {% IF goods.IS_TOP %}<span class="ico__best"></span>{% ENDIF %} {% IF goods.IS_NEW %}<span class="ico__new"></span>{% ENDIF %} </div> </div> <!-- Название товара --> <div class="product__name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"><span itemprop="name">{goods.NAME}</span></a></div> <!-- Цена --> <div class="product__price {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <meta itemprop="availability" content="{% IF goods.MAX_REST_VALUE>0 %}http://schema.org/InStock{% ELSE %}http://schema.org/OutOfStock{% ENDIF %}" /> <meta itemprop="priceValidUntil" content="{goods.MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"/> <span class="price__now {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price__old {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price__old {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <!-- Доступность товара --> <div class="product__available"> <div class="available__true"><span>В наличии </span><span class="goodsModRestValue" data-value="{goods.MAX_REST_VALUE}">{% IF goods.MAX_REST_VALUE > 10 %}Много{% ELSE %}Мало{% ENDIF %}</span></div> <div class="available__false"><span>Нет в наличии</span></div> </div> </div> <!-- Добавление товара в избранное и сравнение и в корзину --> <div class="product__links {% IF goods.IS_HAS_IN_COMPARE_LIST || goods.IS_HAS_IN_FAVORITES_LIST %}added{% ENDIF %}"> <!-- Если есть возможность добавить товар в Избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-favorites added" data-action-is-add="0" data-action-url="{FAVORITES_URL}" 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}» из Избранного" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-mod-price="{goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в избранное" data-del-tooltip="Убрать из избранного" data-tooltipOFF="Убрать из избранного" title="Убрать «{goods.NAME}» из Избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" rel="nofollow" ></a> {% ELSE %} <a class="add-favorites" data-action-is-add="1" data-action-url="{FAVORITES_URL}" 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}» из Избранного" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-mod-price="{goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в избранное" data-del-tooltip="Убрать из избранного" data-tooltipOFF="Добавить в избранное" title="Добавить «{goods.NAME}» в Избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" rel="nofollow" ></a> {% ENDIF %} <!-- Добавление в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <a class="add-notify" title="Уведомить" data-tooltipOFF="Уведомить" rel="nofollow" data-fancybox data-src="#fancybox__notify" href="javascript:;" data-name="{goods.NAME}" data-art="{goods.ART_NUMBER}"><span>Уведомить</span></a> {% ELSE %} {% IF goods.COUNT_MODIFICATION > 1 %} <a class="add-mod" title="Добавить в корзину «{goods.NAME}»" data-tooltipOFF="В корзину" rel="nofollow" href="{goods.URL_MIN_PRICE_NOW}" data-prodname="{goods.NAME}"><span>Купить</span></a> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" 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}"><span>Купить</span></a--> <a class="add-cart" title="Добавить в корзину «{goods.NAME}»" data-tooltipOFF="В корзину" rel="nofollow" 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}"><span>Купить</span></a> {% ENDIF %} {% ENDIF %} <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE && goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-url="{COMPARE_URL}" 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-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-mod-price="{goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в сравнение" data-del-tooltip="Убрать из сравнения" data-tooltipOFF="Убрать из сравнения" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" rel="nofollow" ></a> {% ELSEIF SETTINGS_COMPARE_DISABLE=0 %} <a class="add-compare" data-action-is-add="1" data-action-url="{COMPARE_URL}" 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-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-mod-price="{goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в сравнение" data-del-tooltip="Убрать из сравнения" data-tooltipOFF="Добавить в сравнение" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" rel="nofollow" ></a> {% ENDIF %} <!-- Смотреть --> <a class="quickview" title="Смотреть «{goods.NAME}»" rel="nofollow" href="{goods.URL_MIN_PRICE_NOW}"><span>Смотреть</span></a> </div> </form> </div> {% ENDFOR %} </div> {% ENDIF %}
#3
Отправлено 07 Апрель 2021 - 15:05
Вакцина, огромное спасибо!

#5
Отправлено 08 Апрель 2021 - 02:41
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
P.S.: на данный момент ваш магазин заблокирован, в редактировании профиля форума обновите номер аккаунта магазина, если он у вас изменился.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Избранное --> <div class="sidebar__block favorites {% IF FAVORITES_GOODS_COUNT > 0 %}hasItems{% ENDIF %}" data-content="favorites"> <div class="sidebar__title"> <a href="{FAVORITES_URL}"><span>Избранное</span></a> </div> <div class="sidebar__content"> <div class="addto__favorites" data-open="favorites"> <div class="addto__items"> {% FOR favorites_goods %} <div class="addto__item" data-id="{favorites_goods.ID}"> <a href="{favorites_goods.URL}" title="{favorites_goods.NAME}" class="addto__image"><img src="{% IF favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=THEMENAME{% ELSE %}{favorites_goods.IMAGE_ICON}{% ENDIF %}" class="goods-image-icon" /></a> <div class="addto__shop"> <!-- Название --> <a href="{favorites_goods.URL}" class="addto__name" title="{favorites_goods.NAME}">{favorites_goods.NAME}</a> <!-- Цена --> <div class="addto__price {CURRENCY_CHAR_CODE}"> <div class="price__now">{favorites_goods.MIN_PRICE_NOW | money_format}</div> <!-- Удаление --> <a href="{FAVORITES_DELETE_URL}?id={favorites_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{favorites_goods.MIN_PRICE_NOW_ID}" class="addto__remove remove" title="Убрать товар из списка избранного" onclick="removeFromFavorites($(this))"><span>Удалить</span></a> </div> </div> </div> {% ENDFOR %} </div> <div class="addto__empty"> <div class="addto__title">Ваш список избранного пуст</div> </div> <div class="addto__buttons"> <a href="{FAVORITES_RESET_URL}" onclick="removeFromFavoritesAll($(this))" class="button button5 removeAll" title="Очистить список Избранного"><span>Очистить Избранное</span></a> </div> </div> </div> </div> <!-- Вы смотрели --> {% IFNOT recently_viewed_goods_empty %} <div class="sidebar__block viewed" data-content="viewed"> <div class="sidebar__title"> <span>Вы смотрели</span> <div class="owl-nav"></div> </div> <div class="products__grid owl-carousel"> <div class="product__items"> {% FOR recently_viewed_goods %} <div class="product__item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}" itemscope itemtype="https://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}" /> <meta itemprop="sku" content="{recently_viewed_goods.ART_NUMBER}"/> <!-- Цена для поисковиков --> <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <meta itemprop="lowPrice" content="{recently_viewed_goods.MIN_PRICE_NOW}"> <meta itemprop="highPrice" content="{recently_viewed_goods.MAX_PRICE_NOW}"> <meta itemprop="offerCount" content="{% FOR mods %}{% IF recently_viewed_goods.mods.last %}{recently_viewed_goods.mods.length}{% ENDIF %}{% ENDFOR %}"> </div> <!-- Изображения товара --> <div class="product__image"> <a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" class="product__img" title="{recently_viewed_goods.NAME}" itemprop="url"> <img class="goods-image-medium lozad" src="{ASSETS_IMAGES_PATH}placeholder.png?design=marketplace" data-src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo.png?design=marketplace{% ELSE %}{recently_viewed_goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" itemprop="image"> </a> <div class="product__ico"> {% IF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}<span class="ico__sales"></span>{% ENDIF %} {% IF recently_viewed_goods.IS_PLACE_ON_INDEX_PAGE %}<span class="ico__sale"></span>{% ENDIF %} {% IF recently_viewed_goods.IS_TOP %}<span class="ico__best"></span>{% ENDIF %} {% IF recently_viewed_goods.IS_NEW %}<span class="ico__new"></span>{% ENDIF %} </div> <!-- Добавление товара в избранное и сравнение и в корзину --> <div class="product__links {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST || recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}added{% ENDIF %}"> <!-- Если есть возможность добавить товар в Избранное --> {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-favorites added" data-action-is-add="0" data-action-url="{FAVORITES_URL}" 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-prodname="{recently_viewed_goods.NAME}" data-produrl="{recently_viewed_goods.URL}" data-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-mod-price="{recently_viewed_goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в избранное" data-del-tooltip="Убрать из избранного" data-tooltipOFF="Убрать из избранного" title="Убрать «{recently_viewed_goods.NAME}» из Избранного" href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" rel="nofollow" ></a> {% ELSE %} <a class="add-favorites" data-action-is-add="1" data-action-url="{FAVORITES_URL}" 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-prodname="{recently_viewed_goods.NAME}" data-produrl="{recently_viewed_goods.URL}" data-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-mod-price="{recently_viewed_goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в избранное" data-del-tooltip="Убрать из избранного" data-tooltipOFF="Добавить в избранное" title="Добавить «{recently_viewed_goods.NAME}» в Избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" rel="nofollow" ></a> {% ENDIF %} <!-- Добавление в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %} <a class="add-notify" title="Уведомить" data-tooltipOFF="Уведомить" rel="nofollow" data-fancybox data-src="#fancybox__notify" href="javascript:;" data-name="{recently_viewed_goods.NAME}" data-art="{recently_viewed_goods.ART_NUMBER}"><span>Уведомить</span></a> {% ELSE %} {% IF recently_viewed_goods.COUNT_MODIFICATION > 1 %} <a class="add-mod" title="Добавить в корзину «{recently_viewed_goods.NAME}»" data-tooltipOFF="В корзину" rel="nofollow" href="{recently_viewed_goods.URL_MIN_PRICE_NOW}" data-prodname="{recently_viewed_goods.NAME}"><span>Купить</span></a> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={recently_viewed_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={recently_viewed_goods.MIN_PRICE_NOW_ID}"><span>Купить</span></a--> <a class="add-cart" title="Добавить в корзину «{recently_viewed_goods.NAME}»" data-tooltipOFF="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={recently_viewed_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={recently_viewed_goods.MIN_PRICE_NOW_ID}"><span>Купить</span></a> {% ENDIF %} {% ENDIF %} <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE && recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-url="{COMPARE_URL}" 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-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-mod-price="{recently_viewed_goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в сравнение" data-del-tooltip="Убрать из сравнения" data-tooltipOFF="Убрать из сравнения" 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}" rel="nofollow" ></a> {% ELSEIF SETTINGS_COMPARE_DISABLE=0 %} <a class="add-compare" data-action-is-add="1" data-action-url="{COMPARE_URL}" 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-prodimg="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=marketplace{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" data-id="{recently_viewed_goods.ID}" data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}" data-mod-price="{recently_viewed_goods.MIN_PRICE_NOW}" data-char-code="{CURRENCY_CHAR_CODE}" data-add-tooltip="Добавить в сравнение" data-del-tooltip="Убрать из сравнения" data-tooltipOFF="Добавить в сравнение" 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}" rel="nofollow" ></a> {% ENDIF %} <!-- Смотреть --> <a class="quickview" title="Смотреть «{recently_viewed_goods.NAME}»" rel="nofollow" href="{recently_viewed_goods.URL_MIN_PRICE_NOW}"><span>Смотреть</span></a> </div> </div> <!-- Рейтинг --> {% IFNOT SETTINGS_OPINION_DISABLE %} <div class="product__ratings"> <div class="ratings"> {% IF recently_viewed_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 = "{recently_viewed_goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{recently_viewed_goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> <!-- Доступность товара --> <div class="product__available"> <div class="available__true"><span>В наличии </span><span class="goodsModRestValue" data-value="{recently_viewed_goods.MAX_REST_VALUE}">{% IF recently_viewed_goods.MAX_REST_VALUE > 10 %}Много{% ELSE %}Мало{% ENDIF %}</span></div> <div class="available__false"><span>Нет в наличии</span></div> </div> </div> {% ENDIF %} <div class="product__shop"> <!-- Название товара --> <div class="product__name"><a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}"><span itemprop="name">{recently_viewed_goods.NAME}</span></a></div> <!-- Цена --> <div class="product__price {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <meta itemprop="availability" content="{% IF recently_viewed_goods.MAX_REST_VALUE>0 %}http://schema.org/InStock{% ELSE %}http://schema.org/OutOfStock{% ENDIF %}" /> <meta itemprop="priceValidUntil" content="{recently_viewed_goods.MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"/> <span class="price__now {CURRENCY_CHAR_CODE}" itemprop="price" content="{recently_viewed_goods.MIN_PRICE_NOW}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span> </div> </div> </form> </div> {% IFNOT recently_viewed_goods.last %}{recently_viewed_goods.index | is_divided("3","</div><div>","")}{% ENDIF %} {% ENDFOR %} </div> </div> </div> {% ENDIF %}
P.S.: на данный момент ваш магазин заблокирован, в редактировании профиля форума обновите номер аккаунта магазина, если он у вас изменился.
#6
Отправлено 10 Апрель 2021 - 01:53
После удаления отображение товаров списком перестанут отображаться товары списком из категорий на главной странице.
Дополнительно необходимо сделать следующее, чтобы товары на главной отображались тоже таблицей зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
далее зайдите в шаблон HTML - найдите:
замените на:
Далее зайдите в main.css - найдите и удалите:
Чтобы товары на главной отображались списком как и раньше зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
Далее зайдите в main.css - найдите:
замените на:
далее зайдите в шаблон HTML - найдите:
замените на:
Дополнительно необходимо сделать следующее, чтобы товары на главной отображались тоже таблицей зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Весь каталог на главной if(catalog_full){ var promises = $.map(catalog_full, function(el){ return $.ajax(el.href + '?only_body=1&goods_view_type=0') .then(function(d){ let container = $('.products__container.' + el.id); let $parentGridContainer = container.find('.products__list'); let $data = $(d); let $newProducts = $data.find('.products__list').find('.product__item').parent(); let itemsLength = $data.find('.products__list .product__item').length; let buttons = $('.products__container.' + el.id).find('.nav__buttons'); $newProducts = $newProducts.html(); // Вывод товаров if(!$parentGridContainer.find('.products__list').length){
замените на:
// Весь каталог на главной if(catalog_full){ var promises = $.map(catalog_full, function(el){ return $.ajax(el.href + '?only_body=1&goods_view_type=0') .then(function(d){ let container = $('.products__container.' + el.id); let $parentGridContainer = container.find('.products__grid'); let $data = $(d); let $newProducts = $data.find('.products__grid').find('.product__item').parent(); let itemsLength = $data.find('.products__grid .product__item').length; let buttons = $('.products__container.' + el.id).find('.nav__buttons'); $newProducts = $newProducts.html(); // Вывод товаров if(!$parentGridContainer.find('.products__grid').length){
далее зайдите в шаблон HTML - найдите:
<!-- Категории каталога с товарами на главной --> {% IFNOT catalog_full_empty %} <script> var catalog_full = []; </script> {% FOR catalog_full %} {% IF catalog_full.LEVEL = 0 && catalog_full.GOODS_COUNT > 0 && catalog_full.HIDE=0 %} <div class="pdt__cat-{catalog_full.ID} products__container"> <script> catalog_full.push({ 'id': 'pdt__cat-{catalog_full.ID}', 'href': '{catalog_full.URL}' }) </script> <div class="block__title block__nav"> <div class="nav__tabs"> <a href="{catalog_full.URL}" class="title">{catalog_full.NAME}</a> </div> <div class="nav__buttons"></div> </div> <div class="products__list"></div> </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}
замените на:
<!-- Категории каталога с товарами на главной --> {% IFNOT catalog_full_empty %} <script> var catalog_full = []; </script> {% FOR catalog_full %} {% IF catalog_full.LEVEL = 0 && catalog_full.GOODS_COUNT > 0 && catalog_full.HIDE=0 %} <div class="pdt__cat-{catalog_full.ID} products__container"> <script> catalog_full.push({ 'id': 'pdt__cat-{catalog_full.ID}', 'href': '{catalog_full.URL}' }) </script> <div class="block__title block__nav"> <div class="nav__tabs"> <a href="{catalog_full.URL}" class="title">{catalog_full.NAME}</a> </div> <div class="nav__buttons"></div> </div> <div class="products__grid"></div> </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}
Далее зайдите в main.css - найдите и удалите:
.index .products__grid .product__item {margin: 0;}
Чтобы товары на главной отображались списком как и раньше зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Весь каталог на главной if(catalog_full){ var promises = $.map(catalog_full, function(el){ return $.ajax(el.href + '?only_body=1&goods_view_type=0') .then(function(d){ let container = $('.products__container.' + el.id); let $parentGridContainer = container.find('.products__list'); let $data = $(d); let $newProducts = $data.find('.products__list').find('.product__item').parent(); let itemsLength = $data.find('.products__list .product__item').length; let buttons = $('.products__container.' + el.id).find('.nav__buttons'); $newProducts = $newProducts.html(); // Вывод товаров if(!$parentGridContainer.find('.products__list').length){ $parentGridContainer.append($newProducts); } // Добавляем кнопку "Показать все" if(itemsLength > GOODS_INDEX){ buttons.append($('<button class="button button3"></button>')) buttons.show(); }else{ buttons.hide(); } // Показать все, скрыть buttons.find('button').on('click', function (event){ event.preventDefault(); container.toggleClass('active') $(this).toggleClass('active') }); // Загрузка скриптов lozad().observe(); Addto(); AddCart(); quantity(); }); }); $.when.apply(this, promises) .then(function(){ // catalog_full = null; // $('.products-container').show(); }) } }
замените на:
// Весь каталог на главной if(catalog_full){ var promises = $.map(catalog_full, function(el){ return $.ajax(el.href + '?only_body=1&goods_view_type=0') .then(function(d){ let container = $('.products__container.' + el.id); let $parentGridContainer = container.find('.products__list'); let $data = $(d); let $newProducts = $data.find('.products__grid').find('.product__item').parent(); let itemsLength = $data.find('.products__grid .product__item').length; let buttons = $('.products__container.' + el.id).find('.nav__buttons'); $newProducts = $newProducts.html(); // Вывод товаров if(!$parentGridContainer.find('.products__grid').length){ $parentGridContainer.append($newProducts); } // Добавляем кнопку "Показать все" if(itemsLength > GOODS_INDEX){ buttons.append($('<button class="button button3"></button>')) buttons.show(); }else{ buttons.hide(); } // Показать все, скрыть buttons.find('button').on('click', function (event){ event.preventDefault(); container.toggleClass('active') $(this).toggleClass('active') }); // Загрузка скриптов lozad().observe(); Addto(); AddCart(); quantity(); }); }); $.when.apply(this, promises) .then(function(){ setTimeout(function (){ $('.index_items .products__list .product__item').each(function(){ var index_price = $(this).find('.product__price').html(), index_av = $(this).find('.product__available'); $(index_price).detach().prependTo($(index_av)); }); }, 1000); }) } }
Далее зайдите в main.css - найдите:
/*** Товары списком ***/ .products__list .product__item {margin: 0;padding: 1rem;border-radius: 5px;border-width: 1px;border-style: dashed;border-color: transparent transparent #dddddd transparent;} .products__list .product__item:hover {border-color: #fda800;} .products__list .product__item form {display: flex;align-items: center;flex-wrap: wrap;} .products__list .product__image {border: 0;} .products__list .product__image a {width: 80px;height: 100px;} .products__list .product__image img {max-width: 80px;max-height: 100px;} .products__list .product__ico {top: 0;left: 0;} .products__list .product__name {margin: 0;padding: 0 1rem 0 2rem;width: calc(60% - 80px);max-height: 7.5rem;} .products__list .product__price {margin: 0;padding: 0 1rem;width: calc(40% - 42px);} .products__list .product__links {opacity: 1;width: auto;margin: 0;position: relative;justify-content: flex-start;flex-direction: column;} .products__list .product__links a {width: 40px;height: 40px;line-height: 45px;margin: 1px 0;} .products__list .price__old {display: block;margin: 0.5rem 0 0 0;} .products__list .product__available {margin-top: 0.75rem;text-align: left;} @media all and (max-width: 480px) { .products__list .product__name {width: calc(100% - 80px);} .products__list .product__links {flex-direction: row;} .products__list .product__price {width: calc(100% - 120px);padding: 0;} .products__list .price__old {display: inline-block;margin: 0 0 0 0.5rem;} }
замените на:
/*** Товары списком ***/ .products__list .product__item {margin: 0;padding: 1rem 1rem 40px 1rem;border-radius: 5px;border-width: 1px;border-style: dashed;border-color: transparent transparent #dddddd transparent;position: relative;width: 49%;display: inline-block;} .products__list .product__item:hover {border-color: #fda800;} .products__list .product__item form {display: flex;align-items: center;flex-wrap: wrap;} .products__list .product__image {border: 0;position: inherit;} .products__list .product__image a {width: 80px;height: 100px;} .products__list .product__image img {max-width: 80px;max-height: 100px;} .products__list .product__ico {top: 0;left: 0;} .products__list .product__name {margin: 0;padding: 0 1rem 0 2rem;width: calc(60% - 80px);max-height: 7.5rem;} .products__list .product__name + .product__price {display: none;} .products__list .product__price {margin: 0;padding: 0 1rem;width: calc(40% - 42px);} .products__list .product__links {opacity: 1;width: auto;margin: 0;position: absolute;justify-content: flex-start;flex-direction: column;right: 20px;top: 0;} .products__list .product__links a {width: 40px;height: 40px;line-height: 45px;margin: 1px 0;} .products__list .price__old {display: block;margin: 0.5rem 0 0 0;} .products__list .product__ratings {order: 3;padding: 0 20px;} .products__list .product__available {margin-top: 0.75rem;text-align: left;} .products__list .ratings {display: none} @media all and (max-width: 480px) { .products__list .product__item {width: 100%;} .products__list .product__name {width: calc(100% - 80px);} .products__list .product__links {flex-direction: row;bottom: 0;top: initial;} .products__list .product__ratings {width: calc(100% - 120px);padding: 0;} .products__list .product__name + .product__price {display: block;} .products__list .price__old {display: inline-block;margin: 0 0 0 0.5rem;} }
далее зайдите в шаблон HTML - найдите:
<!-- Категории каталога с товарами на главной --> {% IFNOT catalog_full_empty %} <script> var catalog_full = []; </script> {% FOR catalog_full %} {% IF catalog_full.LEVEL = 0 && catalog_full.GOODS_COUNT > 0 && catalog_full.HIDE=0 %} <div class="pdt__cat-{catalog_full.ID} products__container">
замените на:
<!-- Категории каталога с товарами на главной --> {% IFNOT catalog_full_empty %} <script> var catalog_full = []; </script> {% FOR catalog_full %} {% IF catalog_full.LEVEL = 0 && catalog_full.GOODS_COUNT > 0 && catalog_full.HIDE=0 %} <div class="index_items pdt__cat-{catalog_full.ID} products__container">
#7
Отправлено 27 Сентябрь 2021 - 17:14
Решение нашла, спасибо!
#8
Отправлено 10 Октябрь 2021 - 14:14
Здравствуйте! Подскажите, пожалуйста, как изменить фильтры по всему шаблону? В первоначальном варианте фильтры открываются при нажатии на кнопку. Хотелось бы, чтобы фильтры были всегда слева от товаров перед "Вы смотрели":
, и не нужно было нажимать на отдельные кнопки, её вообще нужно убрать) А сами фильтры хотелось бы чтобы выглядели так (только в тематике сайта - шрифт и цвета):


#9
Отправлено 12 Октябрь 2021 - 05:13
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Далее зайдите в шаблон Товары - найдите и удалите:
далее найдите и удалите:
Далее зайдите в шаблон main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Вы смотрели --> {% IFNOT recently_viewed_goods_empty %} <div class="sidebar__block viewed" data-content="viewed"> <div class="sidebar__title">
замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> <div id="filters" class="{% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %}"> <div class="block__title"><div class="title">Фильтры</div></div> <form action="" method="get" class="form__filters"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="filter__name"><span>Цена</span></div> <div class="filter__items"> <div class="priceSlider"> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /> <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div id="goods-filter-price-slider"></div> <!-- Фильтры по цене --> <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> <span>от</span> <input id="goods-filter-min-price" class="inputText" 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(this, event);" onpaste="return false;" /> <span>до</span> <input id="goods-filter-max-price" class="inputText" 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(this, event);" onpaste="return false;" /> </div> <div class="goodsFilterPriceSubmit"> <button class="button small" type="submit" title="Показать"><i class="icon-check"></i><span>Показать</span></button> <a href="{PAGE_CANONICAL}" class="clear" title="Очистить фильры"><i class="icon-close"></i><span>Сбросить</span></a> </div> </div> </div> </div> {% ENDIF %} <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter__item {% FOR values %}{% IF filter_attr_list.values.CHECKED %}checked {% ENDIF %}{% ENDFOR %}"> <div class="filter__name"><span>{filter_attr_list.NAME}</span></div> <div class="selectBox"> <select class="select" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> {% 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"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter__item {% FOR values %}{% IF filter_prop_list.values.CHECKED %}checked {% ENDIF %}{% ENDFOR %}"> <div class="filter__name"><span>{filter_prop_list.NAME}</span></div> <div class="selectBox"> <select class="select" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> {% 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <div class="filter__list filters__buttons"> <a href="{PAGE_CANONICAL}" class="goodsFilterClear button button3 small" title="Очистить фильры"><span>Очистить фильры</span></a> </div> </form> </div> <!-- Вы смотрели --> {% IFNOT recently_viewed_goods_empty %} <div class="sidebar__block viewed" data-content="viewed"> <div class="sidebar__title">
Далее зайдите в шаблон Товары - найдите и удалите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> <div id="filters" class="{% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %}"> <div class="block__title"><div class="title">Фильтры</div></div> <form action="" method="get" class="form__filters"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="filter__name"><span>Цена</span></div> <div class="filter__items"> <div class="priceSlider"> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /> <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div id="goods-filter-price-slider"></div> <!-- Фильтры по цене --> <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> <span>от</span> <input id="goods-filter-min-price" class="inputText" 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(this, event);" onpaste="return false;" /> <span>до</span> <input id="goods-filter-max-price" class="inputText" 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(this, event);" onpaste="return false;" /> </div> <div class="goodsFilterPriceSubmit"> <button class="button small" type="submit" title="Показать"><i class="icon-check"></i><span>Показать</span></button> <a href="{PAGE_CANONICAL}" class="clear" title="Очистить фильры"><i class="icon-close"></i><span>Сбросить</span></a> </div> </div> </div> </div> {% ENDIF %} <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter__item {% FOR values %}{% IF filter_attr_list.values.CHECKED %}checked {% ENDIF %}{% ENDFOR %}"> <div class="filter__name"><span>{filter_attr_list.NAME}</span></div> <div class="selectBox"> <select class="select" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> {% 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"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter__item {% FOR values %}{% IF filter_prop_list.values.CHECKED %}checked {% ENDIF %}{% ENDFOR %}"> <div class="filter__name"><span>{filter_prop_list.NAME}</span></div> <div class="selectBox"> <select class="select" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> {% 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <div class="filter__list filters__buttons"> <a href="{PAGE_CANONICAL}" class="goodsFilterClear button button3 small" title="Очистить фильры"><span>Очистить фильры</span></a> </div> </form> </div>
далее найдите и удалите:
{% IF SHOW_GOODS_PRICE_FILTERS || SHOW_GOODS_FILTERS %} <div class="filters__icon {% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %}"><span>Фильтры</span></div> {% ENDIF %}
Далее зайдите в шаблон main.css - найдите:
/** Фильтры **/ #filters {display: none;position: relative;}
замените на:
/** Фильтры **/ #filters {position: relative;}
#10
Отправлено 12 Октябрь 2021 - 10:24
Спасибо! Фильтры появились там, где и следует.
Только вот хотелось бы, чтобы во-первых, название "Фильтры" было оформлено так же, как и "Вы смотрели" - в сером поле и тем же шрифтом и размером; чтобы был бегунок с ценой, а свойства можно было выбирать галочками, а не из списка; и чтобы между свойствами была тонкая серая полоска - всё, как на фото:


#11
Отправлено 13 Октябрь 2021 - 02:30
Здравствуйте.
Фильтр по цене отобразится автоматически, если у товаров в категории будет разная цена.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
Фильтр по цене отобразится автоматически, если у товаров в категории будет разная цена.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> <div id="filters" class="{% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %}"> <div class="block__title"><div class="title">Фильтры</div></div> <form action="" method="get" class="form__filters"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="filter__name"><span>Цена</span></div> <div class="filter__items"> <div class="priceSlider"> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /> <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div id="goods-filter-price-slider"></div> <!-- Фильтры по цене --> <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> <span>от</span> <input id="goods-filter-min-price" class="inputText" 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(this, event);" onpaste="return false;" /> <span>до</span> <input id="goods-filter-max-price" class="inputText" 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(this, event);" onpaste="return false;" /> </div> <div class="goodsFilterPriceSubmit"> <button class="button small" type="submit" title="Показать"><i class="icon-check"></i><span>Показать</span></button> <a href="{PAGE_CANONICAL}" class="clear" title="Очистить фильры"><i class="icon-close"></i><span>Сбросить</span></a> </div> </div> </div> </div> {% ENDIF %} <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter__item {% FOR values %}{% IF filter_attr_list.values.CHECKED %}checked {% ENDIF %}{% ENDFOR %}"> <div class="filter__name"><span>{filter_attr_list.NAME}</span></div> <div class="selectBox"> <select class="select" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> {% 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"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter__item {% FOR values %}{% IF filter_prop_list.values.CHECKED %}checked {% ENDIF %}{% ENDFOR %}"> <div class="filter__name"><span>{filter_prop_list.NAME}</span></div> <div class="selectBox"> <select class="select" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> {% 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <div class="filter__list filters__buttons"> <a href="{PAGE_CANONICAL}" class="goodsFilterClear button button3 small" title="Очистить фильры"><span>Очистить фильры</span></a> </div> </form> </div>
замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> <div id="filters" class="{% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}hasFilters {% ENDIF %}{% ENDFOR %}{% ENDFOR %}"> <div class="sidebar__title"> <span>Фильтры</span> </div> <form action="" method="get" class="form__filters"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="filter__name"><span>Цена</span></div> <div class="filter__items"> <div class="priceSlider"> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /> <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div id="goods-filter-price-slider"></div> <!-- Фильтры по цене --> <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> <span>от</span> <input id="goods-filter-min-price" class="inputText" 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(this, event);" onpaste="return false;" /> <span>до</span> <input id="goods-filter-max-price" class="inputText" 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(this, event);" onpaste="return false;" /> </div> <div class="goodsFilterPriceSubmit"> <button class="button small" type="submit" title="Показать"><i class="icon-check"></i><span>Показать</span></button> <a href="{PAGE_CANONICAL}" class="clear" title="Очистить фильры"><i class="icon-close"></i><span>Сбросить</span></a> </div> </div> </div> </div> {% ENDIF %} <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <div class="title">{filter_attr_list.NAME}:</div> <ul> {% FOR values %} <li> <input onchange="this.form.submit();" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_prop_list %} <div class="filter"> <div class="title">{filter_prop_list.NAME}:</div> <ul> {% FOR values %} <li> <input onchange="this.form.submit();" type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <div class="filter__list filters__buttons"> <a href="{PAGE_CANONICAL}" class="goodsFilterClear button button3 small" title="Очистить фильры"><span>Очистить фильры</span></a> </div> </form> </div>
далее зайдите в main.css - найдите:
/** Фильтры **/ #filters {position: relative;} #filters.opened {display: block;z-index: 11;position: fixed;left: 0;top: 0;width: 300px;height: 100%;background: #FFFFFF;border-right: 1px solid #fda800;overflow-x: auto;} #filters .block__title {margin-bottom: 0;} .form__filters {display: flex;align-items: flex-end;flex-wrap: wrap;} .filter__item {margin: 0.5rem 1rem;width: 100%;} .filter__name {display: block;margin-bottom: 0.25rem;} .filters-price {width: 100%;padding: 0 1rem 1rem 1rem;} .filters__buttons {margin: 0.5rem 1rem;} .filters__buttons .button {line-height: 50px;} .filters__icon {margin-left: 2rem;height: 50px;padding: 0 2.5rem 0 1rem;background-color: #FFFFFF;border: 1px solid #dddddd;border-radius: 5px;font-size: 1rem;font-weight: 500;cursor: pointer;position: relative;display: flex;align-items: center;} .filters__icon:after {content: '\e912';font-family: 'icomoon';position: absolute;right: 1rem;line-height: 1;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;pointer-events: none;box-sizing: border-box;} .filters__icon:hover:after {color: #fda800;} .filters__icon.hasFilters {border-color: #fda800;} .filters__icon.hasFilters:after {color: #fda800;}
замените на:
/** Фильтры **/ #filters {position: relative;} #filters .block__title {margin-bottom: 0;} #filters ul {list-style: none;padding-left: 10px;} #filters input {width: 20px;height: 20px;padding: 0;display: inline-block;vertical-align: middle;} .filter__item {margin: 0.5rem 1rem;width: 100%;} .filter__name {display: block;margin-bottom: 0.25rem;} .filters-price {width: 100%;padding: 0 1rem 1rem 1rem;} .filters__buttons {margin: 0.5rem 1rem;} .filters__buttons .button {line-height: 50px;} .filters__icon {margin-left: 2rem;height: 50px;padding: 0 2.5rem 0 1rem;background-color: #FFFFFF;border: 1px solid #dddddd;border-radius: 5px;font-size: 1rem;font-weight: 500;cursor: pointer;position: relative;display: flex;align-items: center;} .filters__icon:after {content: '\e912';font-family: 'icomoon';position: absolute;right: 1rem;line-height: 1;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;pointer-events: none;box-sizing: border-box;} .filters__icon:hover:after {color: #fda800;} .filters__icon.hasFilters {border-color: #fda800;} .filters__icon.hasFilters:after {color: #fda800;}
#12
Отправлено 14 Октябрь 2021 - 15:57
Спасибо! Получилось отлично. Сделайте пожалуйста размер шрифта для названий фильтров побольше)
#13
Отправлено 15 Октябрь 2021 - 05:51
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#filters .block__title {margin-bottom: 0;} #filters ul {list-style: none;padding-left: 10px;}
замените на:
#filters .block__title {margin-bottom: 0;} #filters .filter {font-size: 18px;} #filters ul {list-style: none;padding-left: 10px;}
#15
Отправлено 16 Октябрь 2021 - 05:57
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#filters .filter {font-size: 18px;}
замените на:
#filters .filter, .filter__name span {font-size: 18px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных