Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Переделка Под Осень

Автор puncherstore, 06 нояб. 2013 09:01

Назад

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 66

#42 puncherstore

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

Пользователи
118 сообщений

Отправлено 22 Ноябрь 2013 - 08:59

аааа, еще увидел как в осени расположены фильтры)

Думаю не все замечают фильтры сбоку страницы, как дополнительно добавить фильтры сверху страницы (как в осени)?

Скриншот желаемого прикрепил.

Пробывал сам вставлять код, все фильтры идут друг под другом, а не выравнены. И если возможно туда же воткнуть фильтр по цене это будет вообще победа)))

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

Наверх

#43 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Ноябрь 2013 - 14:02

В шаблоне Товары найдите блок

<!-- end Строка пути -->

и после него вставьте блок

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					{% IF SHOW_GOODS_FILTERS %}
					  <div class="goods_filters"><br /><h2>Фильтры</h2>
						<ul>
						  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						  <form action="" method="get">
							<div class="contentTbodySearchFilterBlock cornerAll">
							  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							  {% FOR filter_attr_list %}
							  <li style="display: inline-block; vertical-align:top; margin-right: 10px;">
								<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>
								</li>
							  {% ENDFOR %}
 
							  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							  {% FOR filter_prop_list %}
							  <li style="display: inline-block; vertical-align:top; margin-right: 10px;">
								<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>
								</li>
							  {% ENDFOR %}
							 
							</div>
						  </form>
						</ul>
					  </div>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

Наверх

#44 puncherstore

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

Пользователи
118 сообщений

Отправлено 22 Ноябрь 2013 - 14:08

Stasya (22 Ноябрь 2013 - 14:02) писал:

В шаблоне Товары найдите блок

<!-- end Строка пути -->

и после него вставьте блок

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				 {% IF TARIFF_FEATURE_GOODS_FILTERS %}
				 <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
				 {% IF SHOW_GOODS_FILTERS %}
					 <div class="goods_filters"><br /><h2>Фильтры</h2>
					 <ul>
						 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						 <form action="" method="get">
						 <div class="contentTbodySearchFilterBlock cornerAll">
							 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							 {% FOR filter_attr_list %}
							 <li style="display: inline-block; vertical-align:top; margin-right: 10px;">
							 <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>
							 </li>
							 {% ENDFOR %}

							 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							 {% FOR filter_prop_list %}
							 <li style="display: inline-block; vertical-align:top; margin-right: 10px;">
							 <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>
							 </li>
							 {% ENDFOR %}
							
						 </div>
						 </form>
					 </ul>
					 </div>
				 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

Вот что получается)

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

Наверх

#45 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Ноябрь 2013 - 15:28

Все верно. Так и должно получиться. Или Вы хотите реализовать это через выпадающий список?

Наверх

#46 puncherstore

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

Пользователи
118 сообщений

Отправлено 22 Ноябрь 2013 - 15:32

Я выше прикреплял скрин желаемого)

Хочу сделать фильтры списком и в ряд друг за другом как на прикрепленной фотографии

Я их осени копировал код, но они у меня идут друг под другом, а не в линию

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

Наверх

#47 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Ноябрь 2013 - 22:34

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

<!-- end Строка пути -->

блок

<!-- Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->
		{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	   
		  <div class="filters">
			<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
			<form action="" method="get">
			  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
			  {% FOR filter_attr_list %}
				<div class="filter">
				  {filter_attr_list.NAME}:<br />
				  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
					<option> - все - </option>
					{% 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} ({filter_attr_list.values.NB_GOODS_FILTERED})</option>
					{% ENDFOR %}
				  </select>
				</div>
			  {% ENDFOR %}

			  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
			  {% FOR filter_prop_list %}
				<div class="filter">
				  {filter_prop_list.NAME}:<br />
				  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
					<option> - все - </option>
					{% 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} ({filter_prop_list.values.NB_GOODS_FILTERED})</option>
					{% ENDFOR %}
				  </select>
				</div>
			  {% ENDFOR %}
			  <div class="clear"></div>
			</form>
		  </div>
		{% ENDIF %}

и затем в файл main.css добавьте блок

.filter {
float: left;
padding-right: 20px;
}

Наверх

#48 puncherstore

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

Пользователи
118 сообщений

Отправлено 25 Ноябрь 2013 - 10:20

Спасибо большое! Осталось их все выровнять в ряд, как это сделать? скрин желаемого прикрепил

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

Наверх

#49 Сake

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

Модератоpы
5 979 сообщений

Отправлено 26 Ноябрь 2013 - 03:48

Добавьте в ваш файл стилей main.css

.goodsListingTopNavigation {
  float: right;
  margin-top: 12px;
  width: 460px;
}
.goodsListingTopNavigation select {
  max-width: 200px;
}
.filters {
  float: left;
}
.content_body > div > table {
  clear: both;
}

Наверх

#50 puncherstore

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

Пользователи
118 сообщений

Отправлено 05 Декабрь 2013 - 11:19

Добрый день!

А как сдвинуть фильтр "показывать по" по правому краю, а остальное оставить на месте:

Скрин прикрепил

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

Наверх

#51 sengun

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

Модератоpы
1 139 сообщений

ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 11:45

puncherstore (05 Декабрь 2013 - 11:19) писал:

Добрый день!

А как сдвинуть фильтр "показывать по" по правому краю, а остальное оставить на месте:

Скрин прикрепил

Здравствуйте.
В шаблоне "Товары" вырежьте код

  <!-- Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->
				{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
		  
				  <div class="filters">
						<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						<form action="" method="get">
						  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						  {% FOR filter_attr_list %}
								<div class="filter">
								  {filter_attr_list.NAME}:<br />
								  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
										<option> - все - </option>
										{% 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} ({filter_attr_list.values.NB_GOODS_FILTERED})</option>
										{% ENDFOR %}
								  </select>
								</div>
						  {% ENDFOR %}
						  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						  {% FOR filter_prop_list %}
								<div class="filter">
								  {filter_prop_list.NAME}:<br />
								  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
										<option> - все - </option>
										{% 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} ({filter_prop_list.values.NB_GOODS_FILTERED})</option>
										{% ENDFOR %}
								  </select>
								</div>
						  {% ENDFOR %}
						  <div class="clear"></div>
						</form>
				  </div>
				{% ENDIF %}

вставьте его после строки

<!-- END Фильтры показываются только если есть товары в категории -->

Далее в main.css замените

.filters {
  float: left;
}

на этот код

.filters {
  float: right;
}

И этот

.goodsListingTopNavigation {
  float: left;
  margin-top: 0px;
 
 
  margin-bottom:30px;
  width: 300px;
}

на этот

.goodsListingTopNavigation {
  float: right;
  margin-top: 0px;
  margin-bottom:30px;
  width: 300px;
}

Наверх

#52 puncherstore

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

Пользователи
118 сообщений

Отправлено 05 Декабрь 2013 - 11:56

Сделал, но получилось не то, теперь все съехало к правому краю, мне же надо было там оставить только "показывать по", помогите пожалуйста исправить)

Пока вернул все изменения обратно

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

Наверх

#53 Koderhan

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

Модератоpы
6 227 сообщений

Отправлено 05 Декабрь 2013 - 12:45

puncherstore (05 Декабрь 2013 - 11:56) писал:

Сделал, но получилось не то, теперь все съехало к правому краю, мне же надо было там оставить только "показывать по", помогите пожалуйста исправить)

Пока вернул все изменения обратно

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товары".
Найти код:

<!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи -->
<form action="">
<table class="goodsListingTopNavigation">
<tr>
<td>
<!-- Список фильтров, которые сейчас действуют на результаты поиска -->
{% FOR goods_filters %}
<input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
{% ENDFOR %}

<!-- Поле выбора сортировки -->
{% IF goods_show_order_fields %}
<label class="sort_by">Сортировать по:</label>
<select name="goods_search_field_id" onchange="this.form.submit();">
{% FOR goods_order_fields %}
{%IF goods_order_fields.ID = 1 %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>По возрастанию цены</option>
{% ELSEIF goods_order_fields.ID = 2 %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>По убыванию цены</option>
{% ELSEIF goods_order_fields.ID = 7 %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>По новинкам</option>
{% ENDIF %}
{% ENDFOR %}
</select>
{% ENDIF %}
</div>
</td>

<td class="alignRight" >
<!-- Поле выбора лимитов -->
{% IF goods_show_per_page %}
Показывать по:
<select name="per_page" onchange="this.form.submit();">
{% FOR goods_per_page_list %}
<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
{% ENDFOR %}
</select>
{% ENDIF %}
</td>
</tr>
</table>
</form>
<!-- END Блок выбора параметра по которому производится сортировка списка товаров -->

Заменить:

<!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи -->
<form action="">
<table class="goodsListingTopNavigation">
<tr>
<td>
<!-- Список фильтров, которые сейчас действуют на результаты поиска -->
{% FOR goods_filters %}
<input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
{% ENDFOR %}

<!-- Поле выбора сортировки -->
{% IF goods_show_order_fields %}
<label class="sort_by">Сортировать по:</label>
<select name="goods_search_field_id" onchange="this.form.submit();">
{% FOR goods_order_fields %}
{%IF goods_order_fields.ID = 1 %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>По возрастанию цены</option>
{% ELSEIF goods_order_fields.ID = 2 %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>По убыванию цены</option>
{% ELSEIF goods_order_fields.ID = 7 %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>По новинкам</option>
{% ENDIF %}
{% ENDFOR %}
</select>
{% ENDIF %}
</div>
</td>
</tr>
</table>
<table class="goodsListingTopNavigation s1">
<tr>
<td class="alignRight" >
<!-- Поле выбора лимитов -->
{% IF goods_show_per_page %}
Показывать по:
<select name="per_page" onchange="this.form.submit();">
{% FOR goods_per_page_list %}
<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
{% ENDFOR %}
</select>
{% ENDIF %}
</td>
</tr>
</table>
</form>
<!-- END Блок выбора параметра по которому производится сортировка списка товаров -->

В конец файла "main.css" добавить:

.goodsListingTopNavigation.s1 {
	float: right;
}

Наверх

#54 puncherstore

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

Пользователи
118 сообщений

Отправлено 07 Декабрь 2013 - 13:28

аааааа, теперь проблема в другом. Когда поставишь фильтры и в каталоге остается меньше трех вещей, то "сортировка по" и "показывать по" уезжают вниз (пример прикрепил) как закрепить их?

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

Наверх

#55 sengun

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

Модератоpы
1 139 сообщений

ГородНижний Новгород

Отправлено 07 Декабрь 2013 - 14:20

puncherstore (07 Декабрь 2013 - 13:28) писал:

аааааа, теперь проблема в другом. Когда поставишь фильтры и в каталоге остается меньше трех вещей, то "сортировка по" и "показывать по" уезжают вниз (пример прикрепил) как закрепить их?

Здравствуйте. Вам надо в шаблоне "Товар" перед строкой

<!-- Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->

вставить строку

<div class="filters_nav">

ниже, после строки

<!-- END Фильтры показываются только если есть товары в категории -->

добавьте

</div>

И в конец main.css добавьте такой код

.filters_nav { width: 710px; }

Наверх

#56 bot

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

Пользователи
142 сообщений

Отправлено 16 Декабрь 2013 - 23:37

скажите пожалуйста как называется такой шаблон?
или можно ли переделать сияния под такой шаблон?

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

Наверх

#57 Сake

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

Модератоpы
5 979 сообщений

Отправлено 17 Декабрь 2013 - 02:09

Приведенный вами шаблон был изначально основан на теме оформления "Сияние".

Наверх

#58 bot

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

Пользователи
142 сообщений

Отправлено 17 Декабрь 2013 - 02:25

Сake (17 Декабрь 2013 - 02:09) писал:

Приведенный вами шаблон был изначально основан на теме оформления "Сияние".

а что делать чтоб такое расположение поиска и каталога было?

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

Наверх

#59 Сake

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

Модератоpы
5 979 сообщений

Отправлено 17 Декабрь 2013 - 03:48

Для этого необходимо переносить элементы как непосредственно в шаблоне "HTML", так и менять соответствующие элементам стили которые находятся в файле стилей main.css. Почитайте ветку форума http://forum.storela...-шаблон-сияние/