Добрый день!
При выборе нескольких параметров в одном фильтре выпадающий список после их применения автоматически сворачивается.
Можно ли сделать так, чтобы он не сворачивался, как при выборе одного параметра?
На скрине №1 список открыт вручную, на скрине №2 список фильтров после выбора второй характеристики закрыт, на скрине №3 список фильтров при выборе одной характеристики не закрывается.
Немного криво, но надеюсь понятно объяснил, что не так))
0
Фильтры
Автор FamilyLand, 24 февр. 2019 19:19
Сообщений в теме: 8
#1
Отправлено 24 Февраль 2019 - 19:19
#2
Отправлено 27 Февраль 2019 - 05:14
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="filter {% FOR values %}{% IF filter_attr_list.values.CHECKED %}active{% ENDIF %}{% ENDFOR %}"> <div class="title">{filter_attr_list.NAME}<span class="open-sub"></span></div> <ul class="dropdown"> {% FOR values %} <li> <input 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 {% FOR values %}{% IF filter_prop_list.values.CHECKED %}active{% ENDIF %}{% ENDFOR %}">
замените на:
<div class="filter {% FOR values %}{% IF filter_attr_list.values.CHECKED %}active{break}{% ENDIF %}{% ENDFOR %}"> <div class="title">{filter_attr_list.NAME}<span class="open-sub"></span></div> <ul class="dropdown"> {% FOR values %} <li> <input 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 {% FOR values %}{% IF filter_prop_list.values.CHECKED %}active{break}{% ENDIF %}{% ENDFOR %}">
#3
Отправлено 27 Февраль 2019 - 09:18
Большое спасибо!
Подскажите еще пожалуйста - можно ли фильтры в мобильной версии переместить вверх? Чтобы они отображались перед товарами, после названия категории.
Подскажите еще пожалуйста - можно ли фильтры в мобильной версии переместить вверх? Чтобы они отображались перед товарами, после названия категории.
#4
Отправлено 05 Март 2019 - 07:43
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перенесите его, поставив после:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-hs-10 col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}"> <!-- Заголовок страницы --> <div class="page-title"> {% IF MOD_LNAME=user && ACT=login %} <div class="block-title"><h1 class="title">Войти или зарегистрироваться</h1></div> {% ELSEIF MOD_LNAME=user && ACT=change %} <div class="block-title"><h1 class="title">Активация нового пароля</h1></div> {% ELSEIF MOD_LNAME=user && ACT=recovery %} <div class="block-title"><h1 class="title">Восстановление пароля</h1></div> {% ELSEIF MOD_LNAME=user && ACT=favorites %} <div class="block-title"><h1 class="title">Избранные товары</h1></div> {% ELSEIF MOD_LNAME=user && ACT=history_list %} <div class="block-title"><h1 class="title">Мои заказы</h1></div> {% ELSEIF MOD_LNAME=user && ACT=settings %} <div class="block-title"><h1 class="title">Личный кабинет</h1></div> {% ELSEIF MOD_LNAME=user && ACT=register %} <div class="block-title"><h1 class="title">Регистрация клиента</h1></div> {% ELSEIF MOD_LNAME=order && ACT=stage %} <div class="block-title"><h1 class="title">Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</h1></div> {% ELSEIF MOD_LNAME=search %} <div class="block-title"><h1 class="title">Результат поиска по запросу: {% IFNOT search_query_empty %}«{SEARCH_QUERY}» <span>({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} найд{GOODS_PAGES_RESULTS | gen_word_end("ен","ено","ено")} по запросу)</span>{% ENDIF %}</h1></div> {% ELSEIF MOD_LNAME=discount && ACT=index && ID %} <div class="block-title"><h1 class="title">{PROMOTIONAL_CAMPAIGN_NAME}</h1> <h5 class="result">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")}</h5></div> {% ELSEIF MOD_LNAME=discount && ACT=index %} <div class="block-title"><h1 class="title">Акции</h1>{% IF PROMOTION_CAMPAIGN_PAGES_RESULTS %}<h5 class="result">{PROMOTION_CAMPAIGN_PAGES_RESULTS} акци{PROMOTION_CAMPAIGN_PAGES_RESULTS | gen_word_end("я","и","ий")}</h5>{% ENDIF %}</div> {% ELSEIF MOD_LNAME=feedback %} <div class="block-title"><h1 class="title">Контакты</h1></div> {% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL %} <div class="block-title"><h1 class="title">{NEWS_SECTION_NAME}</h1></div> {% ELSEIF MOD_LNAME=news %} <div class="block-title"><h1 class="title">{PAGE_TITLE}</h1></div> {% ELSEIF MOD_LNAME=compare %} <div class="block-title"><h1 class="title">{% IF compare_list_empty %}Ваш список сравнения пуст{% ELSE %}Сравнение товаров{% ENDIF %}</h1></div> {% ELSEIF MOD_LNAME=page %} <div class="block-title"><h1 class="title">{PAGE_NAME}</h1></div> {% ELSEIF MOD_LNAME= %} <div class="block-title"><h1 class="title">Внутренняя ошибка сервера. {MSG_HEADER}</h1></div> {% ELSEIF MOD_LNAME=callback %} <div class="block-title"><h1 class="title">Заказ обратного звонка</h1></div> {% ELSEIF MOD_LNAME=cart %} <div class="block-title"><h1 class="title">Корзина</h1></div> {% ELSEIF MOD_LNAME=catalog %} <div class="block-title"><h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0 %} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} {% ENDIF %} {% ENDIF %}</h1>{% IF GOODS_PAGES_RESULTS > 0 %}<h5 class="result">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")}</h5>{% ENDIF %}</div> {% ENDIF %} </div> <!-- /END Заголовок страницы --> {BODY} </div>
перенесите его, поставив после:
{% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- /END Вы смотрели --> </div> {% ENDIF %}
#5
Отправлено 05 Март 2019 - 08:45
Большое спасибо! Только вместе с фильтрами вверху теперь оказался блок "Вы смотрели". Нельзя его вернуть назад, вниз под товары? )
#6
Отправлено 05 Март 2019 - 09:02
Проблема в том, что данные блоки находятся в одной левой колонке, изменениями выше вы изменили очередность вывода двух колонок. Как вариант, можно продублировать блок "Вы смотрели" только для мобильной версии, а нынешний через стили скрыть, устроит вас данный вариант?
#7
Отправлено 05 Март 2019 - 09:14
Если данные изменения со скрытием блока "Вы смотрели" коснуться только мобильной версии, то конечно устроит)
#8
Отправлено 06 Март 2019 - 03:46
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее найдите:
после него вставьте:
далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IFNOT recently_viewed_goods_empty %} <div class="block viewed"> <h3 class="title"><span class="text">Вы смотрели</span></h3>
замените на:
{% IFNOT recently_viewed_goods_empty %} <div class="block viewed not_mobile"> <h3 class="title"><span class="text">Вы смотрели</span></h3>
далее найдите:
<!-- /END Заголовок страницы --> {BODY} </div>
после него вставьте:
<!-- Левый блок --> {% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %} <div class="col-hs-2 col-md-3 col-xs-12 col-left mobile"> <!-- Вы смотрели --> {% IFNOT recently_viewed_goods_empty %} <div class="block viewed"> <h3 class="title"><span class="text">Вы смотрели</span></h3> <div class="content"> <ul class="viewed-items"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 5 %}{break}{% ENDIF %} <div class="item clearfix" itemscope itemtype="https://schema.org/Product"> <meta itemprop="name" content="{recently_viewed_goods.NAME}"> <meta itemprop="description" content="{% IF recently_viewed_goods.DESCRIPTION_SHORT %}{recently_viewed_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="product-img"> <a href="{recently_viewed_goods.URL | url_amp}" title="{recently_viewed_goods.NAME}" itemprop="url"> <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=cosiness{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" class="goods-image-icon" alt="{recently_viewed_goods.NAME}" title="{recently_viewed_goods.NAME}" itemprop="image"> </a> </div> <div class="product-desc"> <div class="product-name"> <a href="{recently_viewed_goods.URL | url_amp}" title="{recently_viewed_goods.NAME}" itemprop="url"> <span>{recently_viewed_goods.NAME}</span> </a> </div> <div class="rating-box"> {% 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:{recently_viewed_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="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{recently_viewed_goods.MIN_PRICE_NOW}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span> </div> </div> </div> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- /END Вы смотрели --> </div> {% ENDIF %}
далее зайдите в main.css - найдите:
@media all and (max-width: 481px) {
замените на:
.mobile{display:none;} @media all and (max-width: 481px) { .not_mobile{display:none;} .mobile{display:block;}
#9
Отправлено 06 Март 2019 - 10:46
Огромное Вам спасибо! Все идеально)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных