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


Выровнять "фильтры По Товарам"

Автор 4238202, 01 февр. 2013 16:50

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

#1 4238202

4238202

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

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

Отправлено 01 Февраль 2013 - 16:50

Здравствуйте, подскажите пожалуйста, я перенес фильтр по товарам над товарами.

Теперь возник вопрос, все фильтры отображаются в столбик, нужно их перенести что бы они выглядели как на фото.

(первое фото как сейчас есть, второе как нужно)

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

  • 1.jpg
  • 2.jpg

#2 support 2.0

support 2.0

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

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

Отправлено 01 Февраль 2013 - 18:06

Просмотр сообщения4238202 (01 Февраль 2013 - 16:50) писал:

Здравствуйте, подскажите пожалуйста, я перенес фильтр по товарам над товарами.

Теперь возник вопрос, все фильтры отображаются в столбик, нужно их перенести что бы они выглядели как на фото.

(первое фото как сейчас есть, второе как нужно)


Придется немного изменить верстку. Не уверена что Вам понравится этот вариант, но пока более корректно не могу представить как это отобразить.

Зайдите в файл main.css (Сайт -> Редактор тем) и найдите след. строчку
.contentTbodySearchFilterBlockValues		{padding:1em 0 1em 1em;}

замените ее на эту:
.contentTbodySearchFilterBlockValues	 {padding: 1em 2px 1em 1em; text-align: left; border-right: 1px solid #f0f1f4 ;border-left: 1px solid #f0f1f4; height: 50px;}

Далее зайдите в шаблон Товары (Сайт -> Редактор тем) и найдите след. блок
	<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
				{% IF SHOW_GOODS_FILTERS %}
				  <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>
	   
				  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				  <form action="" method="get">
					<div class="contentTbodySearchFilterBlock cornerAll">
					  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
					  {% FOR filter_attr_list %}
						<em>{filter_attr_list.NAME}</em>
						<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 %}
						<em>{filter_prop_list.NAME}</em>
						<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>
				  </form>
				{% ENDIF %}
			  {% ENDIF %}
		  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

замените его на
	 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
			 {% IF TARIFF_FEATURE_GOODS_FILTERS %}
			
			 <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
			 {% IF SHOW_GOODS_FILTERS %}
				 <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>
	
				 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				 <form action="" method="get">
				 <div class="contentTbodySearchFilterBlock cornerAll">
					 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
					 <table>
				 <tr> {% FOR filter_attr_list %} <td class="goodsListItem">
					 <div>
					 <em>{filter_attr_list.NAME}</em>
					 <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> </div>
					 </td>
				 {% IFNOT filter_attr_list.values.last %}{filter_attr_list.values.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
				 {% ENDFOR filter_attr_list.values %}
				 </tr>
			 </table>
		
	
					 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					 <table>
				 <tr> {% FOR filter_prop_list %} <td class="goodsListItem">
					 <div>
					 <em>{filter_prop_list.NAME}</em>
					 <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> </div>
					 </td>
				 {% IFNOT filter_prop_list.values.last %}{filter_prop_list.values.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
				 {% ENDFOR filter_prop_list.values %}
				 </tr>
			 </table> </div>
				 </form>
			 {% ENDIF %}
			 {% ENDIF %}
		 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

Можете поставить к себе на сайт, если нужно будет незначительные изменения сделать, тогда пишите, если у Вас все будет отображаться совсем так, как Вам не нужно, тогда будет думать над каким-то другим вариантом отображения

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

  • ScreenShot 98.jpg

#3 4238202

4238202

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

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

Отправлено 01 Февраль 2013 - 20:14

Ошибка компиляции шаблона. Не закрытый тег «IFELSE» строка 31

Не получается, становится всё криво и фильтр не работает

#4 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2013 - 00:46

Вам необходимо заменить

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
						 {% IF TARIFF_FEATURE_GOODS_FILTERS %}
						
<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
								{% IF SHOW_GOODS_FILTERS %}
								  <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>
		  
								  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
								  <form action="" method="get">
										<div class="contentTbodySearchFilterBlock cornerAll">
										  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
										  {% FOR filter_attr_list %}
												<em>{filter_attr_list.NAME}</em>
												<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 %}
												<em>{filter_prop_list.NAME}</em>
												<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>
								  </form>
								{% ENDIF %}
						  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

на

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
						 {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					   
						 <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
						 {% IF SHOW_GOODS_FILTERS %}
								 <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>
	   
								 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
								 <form action="" method="get">
								 <div class="contentTbodySearchFilterBlock cornerAll">
										 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
										 <table>
								 <tr> {% FOR filter_attr_list %} <td class="goodsListItem">
										 <div>
										 <em>{filter_attr_list.NAME}</em>
										 <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> </div>
										 </td>
								 {% IFNOT filter_attr_list.values.last %}{filter_attr_list.values.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
								 {% ENDFOR filter_attr_list.values %}
								 </tr>
						 </table>
			   
	   
										 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
										 <table>
								 <tr> {% FOR filter_prop_list %} <td class="goodsListItem">
										 <div>
										 <em>{filter_prop_list.NAME}</em>
										 <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> </div>
										 </td>
								 {% IFNOT filter_prop_list.values.last %}{filter_prop_list.values.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
								 {% ENDFOR filter_prop_list.values %}
								 </tr>
						 </table> </div>
								 </form>
						 {% ENDIF %}
						 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

#5 sorcessor

sorcessor

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

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

Отправлено 11 Март 2013 - 19:02

Добрый день, подскажите, а можно сделать, чтобы значения фильтра располагались в строчку, а не в столбик. Мне в принципе только один фильтр нужен, по производителю, я его тоже хочу залепить над товарами, но только чтобы выбор был в строчку, а не в столбик. Спасибо!

#6 Vaccina

Vaccina

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

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

Отправлено 11 Март 2013 - 22:28

Можно попробовать просто заменить в коде фильтра

is_divided("3"

на

is_divided("999"

#7 sorcessor

sorcessor

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

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

Отправлено 12 Март 2013 - 09:45

Просмотр сообщенияVaccina (11 Март 2013 - 22:28) писал:

Можно попробовать просто заменить в коде фильтра

is_divided("3"

на

is_divided("999"

Проделал я все вышеуказанные действия и сменил в divided на 999, ничего не меняется, фильтры так же в столбик идут. Может быть есть еще какие либо мысли на сей счет?

#8 Vaccina

Vaccina

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

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

Отправлено 13 Март 2013 - 01:00

Попробуйте найти в коде фильтра тег переноса <br /> или <p>
Вероятно используется перенос в виде <br /> например

{% FOR filter_attr_list %}
					<span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
					<div class="fnt11i 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} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
					{% ENDFOR %}
					</div>
				  {% ENDFOR %}


</label><br />

Если у вас не получиться изменить отображение фильтра, то сообщите ссылку на страницу вашего сайта - где данный фильтр отображается.

#9 sorcessor

sorcessor

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

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

Отправлено 13 Март 2013 - 14:16

Добрый день, спасибо огромное за Вашу поддержку! В итоге все получилось более менее, я по Вашему совету убрал один br в коде фильтра, плюс в main.css подправил goodsListItem, сделал width 625px, и после этого мои фильтры начали нормально растягиваться в длину до края. Ну и в main.css в contentTbodySearchFilterBlockValues поменял text-align на center, дабы фильтры кучковались в центре, ибо их не всегда много, и тогда слева они смотрятся убогенько. Еще раз спасибо!
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Изменение общей стилистики
  6. Privacy Policy