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


Фильтры Перенести Наверх


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

#1 Icewind

Icewind

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 06 Август 2018 - 14:26

Добрый день,

Очень нужно перенести фильтры в каталоге наверх перед товарами в каталоге. Также вопрос - как изменить цвет текста номера тел и режима работы. Не смогла найти. SL-394618Фильтры.png

#2 metry

metry

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

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

Отправлено 07 Август 2018 - 19:51

Добрый день. Для внесения изменений зайдите  в Редактор шаблонов-->HTML и найдите:
				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
					<form action="" method="get">
					  <!-- Если есть возможность фильтрации товаров по ценам -->
					  {% IF SHOW_GOODS_PRICE_FILTERS %}
						<li class="goods_filters"><br /><h2>Цена</h2>
						  <div class="contentTbodySearchPriceFilterBlock cornerAll">
							<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
							<div id="goods-filter-price-slider"></div>
							<div class="goodsFilterPriceInfo">
							  от <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 %}" autocomplete="off" />
							  до <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 %}" autocomplete="off" />
							  <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>
							<div class="goodsFilterPriceSubmit">
							  <input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:11px;" />
							</div>
						  </div>
						</li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по ценам -->
					  <!-- Если есть возможность фильтрации товаров по наличию -->
					  {% IF SHOW_GOODS_REST_FILTER %}
					  <li class="goods_filters"><br /><h2>Наличие</h2>
						<div class="contentTbodySearchRestFilterBlock cornerAll">
						  <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
						  /><label class="valignMiddle" for="filter_only_with_rest">Только в наличии</label>
						</div>
					  </li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по наличию -->
					  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					  {% IF SHOW_GOODS_FILTERS %}
						<li class="goods_filters"><br /><h2>Фильтры</h2>
						  <div class="contentTbodySearchFilterBlock cornerAll">
							<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							{% FOR filter_attr_list %}
							  <span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
							  <div class="contentTbodySearchFilterBlockValues">
							  {% FOR values %}
								<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} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
							  {% ENDFOR %}
							  </div>
							{% ENDFOR %}
							<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							{% FOR filter_prop_list %}
							  <span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
							  <div class="contentTbodySearchFilterBlockValues">
							  {% FOR values %}
								<input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{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="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
							  {% ENDFOR %}
							  </div>
							{% ENDFOR %}
						  </div>
						</li>
					  {% ENDIF %}
					</form>
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

замените на:
				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  <!--{% IF TARIFF_FEATURE_GOODS_FILTERS %}-->
					<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				  <!--  <form action="" method="get">-->
					  <!-- Если есть возможность фильтрации товаров по ценам -->
				  <!--	{% IF SHOW_GOODS_PRICE_FILTERS %}-->
				  <!--	  <li class="goods_filters"><br /><h2>Цена</h2>-->
				  <!--		<div class="contentTbodySearchPriceFilterBlock cornerAll">-->
				  <!--		  <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>-->
				  <!--		  <div id="goods-filter-price-slider"></div>-->
				  <!--		  <div class="goodsFilterPriceInfo">-->
				  <!--			от <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 %}" autocomplete="off" />-->
				  <!--			до <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 %}" autocomplete="off" />-->
				  <!--			<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>-->
				  <!--		  <div class="goodsFilterPriceSubmit">-->
				  <!--			<input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:11px;" />-->
				  <!--		  </div>-->
				  <!--		</div>-->
				  <!--	  </li>-->
				  <!--	{% ENDIF %}-->
					  <!-- END Если есть возможность фильтрации товаров по ценам -->
					  <!-- Если есть возможность фильтрации товаров по наличию -->
				  <!--	{% IF SHOW_GOODS_REST_FILTER %}-->
				  <!--	<li class="goods_filters"><br /><h2>Наличие</h2>-->
				  <!--	  <div class="contentTbodySearchRestFilterBlock cornerAll">-->
				  <!--		<input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"-->
				  <!--		/><label class="valignMiddle" for="filter_only_with_rest">Только в наличии</label>-->
				  <!--	  </div>-->
				  <!--	</li>-->
				  <!--	{% ENDIF %}-->
					  <!-- END Если есть возможность фильтрации товаров по наличию -->
					  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
				  <!--	{% IF SHOW_GOODS_FILTERS %}-->
				  <!--	  <li class="goods_filters"><br /><h2>Фильтры</h2>-->
				  <!--		<div class="contentTbodySearchFilterBlock cornerAll">-->
							<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
				  <!--		  {% FOR filter_attr_list %}-->
				  <!--			<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>-->
				  <!--			<div class="contentTbodySearchFilterBlockValues">-->
				  <!--			{% FOR values %}-->
				  <!--			  <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} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />-->
				  <!--			{% ENDFOR %}-->
				  <!--			</div>-->
				  <!--		  {% ENDFOR %}-->
							<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				  <!--		  {% FOR filter_prop_list %}-->
				  <!--			<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>-->
				  <!--			<div class="contentTbodySearchFilterBlockValues">-->
				  <!--			{% FOR values %}-->
				  <!--			  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{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="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />-->
				  <!--			{% ENDFOR %}-->
				  <!--			</div>-->
				  <!--		  {% ENDFOR %}-->
				  <!--		</div>-->
				  <!--	  </li>-->
				  <!--	{% ENDIF %}-->
				  <!--  </form>-->
				  <!--{% ENDIF %}-->
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->


далее зайдите в Редактор шаблонов-->Товары и найдите:
  <!-- END Блок выбора параметра по которому производится сортировка списка товаров -->

после него вставьте:

				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
					<form action="" method="get" style="list-style:none;">
					  <!-- Если есть возможность фильтрации товаров по ценам -->
					  {% IF SHOW_GOODS_PRICE_FILTERS %}
						<li class="goods_filters"><br /><h2>Цена</h2>
						  <div class="contentTbodySearchPriceFilterBlock cornerAll">
							<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
							<div id="goods-filter-price-slider"></div>
							<div class="goodsFilterPriceInfo">
							  от <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 %}" autocomplete="off" />
							  до <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 %}" autocomplete="off" />
							  <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>
							<div class="goodsFilterPriceSubmit">
							  <input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:11px;" />
							</div>
						  </div>
						</li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по ценам -->
					  <!-- Если есть возможность фильтрации товаров по наличию -->
					  {% IF SHOW_GOODS_REST_FILTER %}
					  <li class="goods_filters"><br /><h2>Наличие</h2>
						<div class="contentTbodySearchRestFilterBlock cornerAll">
						  <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
						  /><label class="valignMiddle" for="filter_only_with_rest">Только в наличии</label>
						</div>
					  </li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по наличию -->
					  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					  {% IF SHOW_GOODS_FILTERS %}
						<li class="goods_filters"><br /><h2>Фильтры</h2>
						  <div class="contentTbodySearchFilterBlock cornerAll">
							<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							{% FOR filter_attr_list %}
							  <span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
							  <div class="contentTbodySearchFilterBlockValues">
							  {% FOR values %}
								<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} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
							  {% ENDFOR %}
							  </div>
							{% ENDFOR %}
							<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							{% FOR filter_prop_list %}
							  <span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
							  <div class="contentTbodySearchFilterBlockValues">
							  {% FOR values %}
								<input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{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="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
							  {% ENDFOR %}
							  </div>
							{% ENDFOR %}
						  </div>
						</li>
					  {% ENDIF %}
					</form>
				  {% ENDIF %}
				  <br>
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->


далее зайдите в Редактор шаблонов-->main.css и найдите:
.contactInfoContent {
  height:100px;
  width: 180px;
  vertical-align:middle;
}

замените на:
.contactInfoContent {
  height:100px;
  width: 180px;
  vertical-align:middle;
  color:#000;
}

- в замененном коде для color можете задать свой код цвета. Код цвета можно подобрать здесь.

#3 Icewind

Icewind

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 08 Август 2018 - 20:27

Добрый день,

Почти получилось. Помогите отформатировать поровнее пожалуйста

скрин фильтры.png

#4 Icewind

Icewind

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 09 Август 2018 - 23:53

Ну пожалуйста. Можно чтобы по три в ряд были?

скрин фильтры.png

#5 Icewind

Icewind

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 10 Август 2018 - 00:05

А сортировку по наличию и цене лучше вообще удалить.
убрать сортировку.png

#6 metry

metry

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

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

Отправлено 11 Август 2018 - 18:02

Добрый день. Отображение Вам подправили. Чтобы расположить пункты фильтров в 3 колонки зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:
.info_filter{width:33%;display: inline-block;vertical-align: top;}
.contentTbodySearchFilterBlock{border:none;}


#7 Icewind

Icewind

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 12 Август 2018 - 10:36

Спасибо! Все получилось!!!




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

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