Перейти к содержимому


Фильтры


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 FamilyLand

FamilyLand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 84 сообщений
  • ГородМосква

Отправлено 24 Февраль 2019 - 19:19

Добрый день!

При выборе нескольких параметров в одном фильтре выпадающий список после их применения автоматически сворачивается.

Можно ли сделать так, чтобы он не сворачивался, как при выборе одного параметра?

На скрине №1 список открыт вручную, на скрине №2 список фильтров после выбора второй характеристики закрыт, на скрине №3 список фильтров при выборе одной характеристики не закрывается.

Немного криво, но надеюсь понятно объяснил, что не так))

Прикрепленные изображения

  • Screenshot_2019-02-24 Мужской махровый халат купить в Москве по низкой цене(2).png
  • Screenshot_2019-02-24 Мужской махровый халат купить в Москве по низкой цене(1).png
  • Screenshot_2019-02-24 Мужской махровый халат купить в Москве по низкой цене.png


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 736 сообщений

Отправлено 27 Февраль 2019 - 05:14

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 FamilyLand

FamilyLand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 84 сообщений
  • ГородМосква

Отправлено 27 Февраль 2019 - 09:18

Большое спасибо!

Подскажите еще пожалуйста - можно ли фильтры в мобильной версии переместить вверх? Чтобы они отображались перед товарами, после названия категории.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 736 сообщений

Отправлено 05 Март 2019 - 07:43

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 %}&laquo;{SEARCH_QUERY}&raquo; <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 FamilyLand

FamilyLand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 84 сообщений
  • ГородМосква

Отправлено 05 Март 2019 - 08:45

Большое спасибо! Только вместе с фильтрами вверху теперь оказался блок "Вы смотрели". Нельзя его вернуть назад, вниз под товары? )

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 736 сообщений

Отправлено 05 Март 2019 - 09:02

Проблема в том, что данные блоки находятся в одной левой колонке, изменениями выше вы изменили очередность вывода двух колонок. Как вариант, можно продублировать блок "Вы смотрели" только для мобильной версии, а нынешний через стили скрыть, устроит вас данный вариант?

#7 FamilyLand

FamilyLand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 84 сообщений
  • ГородМосква

Отправлено 05 Март 2019 - 09:14

Если данные изменения со скрытием блока "Вы смотрели" коснуться только мобильной версии, то конечно устроит)

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 736 сообщений

Отправлено 06 Март 2019 - 03:46

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 FamilyLand

FamilyLand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 84 сообщений
  • ГородМосква

Отправлено 06 Март 2019 - 10:46

Огромное Вам спасибо! Все идеально)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных