Отключен JavaScript

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

2

Как Переставить Каталог В Левую Сторону

Автор PowerPro, 19 сент. 2011 17:38

Назад

Вперед

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

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

#21 mikola

Good soo good

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

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

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

dfysdbu (11 Февраль 2013 - 20:11) писал:

Я сейчас в тестовом режиме http://s561424.storeland.ru, стораюсь понять как всё работает что бы предварительно хотябы основную концепцию продумать, этот момент для меня не маловажен, так как наминал продукции очень большой, шаблон взял «Сияние», но взял бы любой другой где это проще реализовать

Данный вопрос уже обсуждался
для этого нужно посмотреть тут http://forum.storela...-на/#entry33253

Наверх

#22 dfysdbu

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

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

Отправлено 11 Февраль 2013 - 21:40

Mikola (11 Февраль 2013 - 20:42) писал:

Данный вопрос уже обсуждался
для этого нужно посмотреть тут http://forum.storela...-на/#entry33253

Нету там ни какой инфы по вопросу разнесения каталога и фильтров по разным углам, там и каталог и фильтры с права не лево переносят, это я понял как делать, а как фильтры оставить слева?

Наверх

#23 Vaccina

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

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

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

Возможно вам поможет следующая тема форума http://forum.storela...ртир/#entry9752

Наверх

#24 support 2.0

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

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

Отправлено 12 Февраль 2013 - 09:59

dfysdbu (11 Февраль 2013 - 20:11) писал:

Я сейчас в тестовом режиме http://s561424.storeland.ru, стораюсь понять как всё работает что бы предварительно хотябы основную концепцию продумать, этот момент для меня не маловажен, так как наминал продукции очень большой, шаблон взял «Сияние», но взял бы любой другой где это проще реализовать

Шаблон Сияние как раз наиболее удобен для реализации различных идей.
Код фильтра (Сайт -> Редактор тем -> шаблон HTML)

  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					{% IF SHOW_GOODS_FILTERS %}
					  <li class="goods_filters"><br /><h2>Фильтры</h2>
						<ul>
						  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						  <form action="" method="get">
							<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>
						  </form>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

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

Наверх

#25 dfysdbu

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

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

Отправлено 12 Февраль 2013 - 10:41

огромное спасибо, буду пробовать, информации много. Паралельно возник вопрос, а возможно какие то характеристики их фильтра с правой стороны перенести по центру где расположен фильтр по умолчанию, или как то фильтр по умолчанию переделать, под необходимые характеристики, например число ламп, или бренд?
Вот к примеру из галереи вашего сайта http://as-markt.ru/c.../GPS-навигаторы

Наверх

#26 dfysdbu

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

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

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

Или как вариант возможноли каждую категорию фильтра сворачивать как например в фильтре янденкс маркета

Наверх

#27 Koderhan

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

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

Отправлено 12 Февраль 2013 - 13:42

В файле "main.csstemplate".
Найти код:

.b_page {background: url(/web/upload/assets/images/165/164105/) no-repeat center top;}

Заменить:

.b_page {background: url(адрес_картинки) no-repeat center top;}

соответственно на место слова "адрес_картинки" вы можете вставить полный адрес до изображения.

Наверх

#28 dfysdbu

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

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

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

Koderhan (12 Февраль 2013 - 13:42) писал:

В файле "main.csstemplate".
Найти код:

.b_page {background: url(/web/upload/assets/images/165/164105/) no-repeat center top;}

Заменить:

.b_page {background: url(адрес_картинки) no-repeat center top;}

соответственно на место слова "адрес_картинки" вы можете вставить полный адрес до изображения.

А поподробнее для тех кто в танке не совсем понял так как совсем не професионал, что с картинкой делать?

Да и всётаки скажите можно реализовать закрывающиеся разделы фильтра?

Наверх

#29 support 2.0

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

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

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

dfysdbu (12 Февраль 2013 - 16:53) писал:

А поподробнее для тех кто в танке не совсем понял так как совсем не професионал, что с картинкой делать?

Да и всётаки скажите можно реализовать закрывающиеся разделы фильтра?

Для каждой категории товаров Вы можете настроить фильтры с разными характеристиками. Чтобы перенести фильтры в раздел каталога товаров по центру, зайдите в шаблон Товары (Сайт -> Редактор тем) и блок

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
								  {% 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 %}
																<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>
												  </form>
												</ul>
										  </div>
										{% ENDIF %}
								  {% ENDIF %}
								  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

вставьте сразу после строчки

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

Здесь фильтры выстраиваются также списком.

Сами фильтры создаются в настройках разделе каждого каталога

Наверх

#30 dfysdbu

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

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

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

Всё сделал но в итоге получилось нечто страшное, так как перенеслись туда все фильтры какие фозможно а мне надо было изберательно тольео те какие я хочу ну и то что в столбиу фильтры ни куда не годится нужны в строчку. Если это сложно давай те тогда лучше так, скажите мне могу ли я сворачивать отдельные характеристики в фильтре. Тоесть человек видет надпись в фильтре количество ламп кликает и раскрывается список в который надо вставить галочку, скрывает этот фильтр и открывает другой если надо например Брэнд или материал?

Наверх

#31 dfysdbu

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

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

Отправлено 12 Февраль 2013 - 19:30

например есть код из одно примера сайта на Вашей платформе http://as-markt.ru/c...GPS-навигаторы?
куда мне его вставить что бы появились эти фильтры и будут ли они работать?

<tr>
<td colspan="3">

<div class="filter_prop_list">

<form action="" method="get">
<div class="contentTbodySearchFilterBlock cornerAll">

<em>Производитель</em>
<div class="contentTbodySearchFilterBlockValues">
<input type="checkbox" name="form[filter][prop][425085][1373248]" value="1" id="filterPropVal1373248" >
<label for="filterPropVal1373248">Digma</label>

<input type="checkbox" name="form[filter][prop][425085][1373360]" value="1" id="filterPropVal1373360" >
<label for="filterPropVal1373360">Explay</label>

<input type="checkbox" name="form[filter][prop][425085][1375173]" value="1" id="filterPropVal1375173" >
<label for="filterPropVal1375173">Garmin</label>

<input type="checkbox" name="form[filter][prop][425085][1389364]" value="1" id="filterPropVal1389364" >
<label for="filterPropVal1389364">Ritmix</label>

<input type="checkbox" name="form[filter][prop][425085][1375792]" value="1" id="filterPropVal1375792" >
<label for="filterPropVal1375792">Shturmann</label>

<input type="checkbox" name="form[filter][prop][425085][1384656]" value="1" id="filterPropVal1384656" >
<label for="filterPropVal1384656">Treelogic</label>

</div>
</div>
</form>
</div>

</td>

Наверх

#32 dfysdbu

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

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

Отправлено 12 Февраль 2013 - 21:48

Подскажите пожалуйста, как отрегулировать длинну выпадающих фильтров картинка ниже то как сейчас?

А так же как заменить сортировку по умолчанию на такой вид? (картинка ниже)

Наверх

#33 mikola

Good soo good

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

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

Отправлено 12 Февраль 2013 - 22:44

dfysdbu (12 Февраль 2013 - 21:48) писал:

Подскажите пожалуйста, как отрегулировать длинну выпадающих фильтров картинка ниже то как сейчас?

ВЫ имели ввиду отступ между строчками??

Наверх

#34 dfysdbu

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

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

Отправлено 12 Февраль 2013 - 23:36

Mikola (12 Февраль 2013 - 22:44) писал:

[/size]
ВЫ имели ввиду отступ между строчками??

На картинке красные стрелочки что бы были одной длинны, (что бы выпадающие меню были одной длинны)
И что бы чиние стрелачки раздвинуть посильнее а то характеристики прямо в притык не читабельно, а лучше какой нибудь линией их разделить

Наверх

#35 Vaccina

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

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

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

Вам необходимо в файл стилей main.css добавить

.filters select {
  width: 200px;
}
.filters .filter {
  margin: 10px 0;
}

Наверх

#36 dfysdbu

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

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

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

Vaccina (13 Февраль 2013 - 00:38) писал:

Вам необходимо в файл стилей main.css добавить

.filters select {
width: 200px;
}
.filters .filter {
margin: 10px 0;
}

1) Подскажите пожалуйста такой момент, проставляю в строке width: 100px; или 110px или 120px или 130px, ширина ввыпадающего меню не меняется если поставить 90px еняется, это глюк мли я не понимаю что то?

2) Второй вопрос возможноли сделать вот такие разделители в виде полосае как на картинке ниже?

3) Или сделать вот такие овалы как на картинке ниже, и сразу возможноли эти овалы залить другим цветом, зелёным например

4) Как изменить стиль, размер, и цвет шрифта в заголовках фильтра?
5) Подскажите ещё как поменять поле сортировать по, что бы выглядело как в шаблоне техника?

Наверх

#37 Vaccina

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

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

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

По идее ширина должна корректно меняться. 200px должно быть в самый раз.
Замените код

.filters select {
width: 200px;
}
.filters .filter {
margin: 10px 0;
}

на следующий

.filters select {
  width: 200px;
}
.filters .filter {
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #000;
  border-radius: 8px;
  background: #ccc;
}

.filters .filter span {
  color: #999;
  font-size: 14px;
}

Изменить отображение сортировки на отображение из другой темы - будет проблематично, так как тут завязано большое число стилей, это особенно касается темы "Техника".

Наверх

#38 dfysdbu

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

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

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

Vaccina (14 Февраль 2013 - 01:34) писал:

По идее ширина должна корректно меняться. 200px должно быть в самый раз.
Замените код

.filters select {
width: 200px;
}
.filters .filter {
margin: 10px 0;
}

на следующий

.filters select {
width: 200px;
}
.filters .filter {
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px solid #000;
border-radius: 8px;
background: #ccc;
}

.filters .filter span {
color: #999;
font-size: 14px;
}

Изменить отображение сортировки на отображение из другой темы - будет проблематично, так как тут завязано большое число стилей, это особенно касается темы "Техника".

Спасибо!
Но что то как то внешне не очень.
А как просто линиями разделить фильтры, сплошными или штриховыми?

Наверх

#39 Koderhan

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

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

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

Штриховые линии можно добавить с помощью кода border.
Вот тут подробно написано.
http://htmlbook.ru/css/border-style

Наверх

#40 dfysdbu

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

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

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

Koderhan (14 Февраль 2013 - 10:14) писал:

Штриховые линии можно добавить с помощью кода border.
Вот тут подробно написано.
http://htmlbook.ru/css/border-style

Что то я потыркаля но ни чего у меня не вышло подскажите эти коды с сайта http://htmlbook.ru/css/border-style надо в файле HTTP прописывать или в CSS?

Подскажите пока я с линиями буду возиться, следующие вопросы
У меня есть сайт на вашей платформе я там отрабатываю варианты сайта будущего
http://s593197.store...catalog/Техника
Перенёс каталог налево сделал с правой стороны фильтры
Вопросы следующие

Как для сайта на базе темы “Сияние” заставить крайние блоки каталог и фильтры всегда прилипать к кроям экрана. По моему Это называется адаптивная верстка вот в этой теме про это говориться но там шаблон другой боюсь на косячить http://forum.storela...иновая-верстка/

Примеры подобных сайтов http://www.royalsvet.ru, http://maxxbon.ru