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


Помогите С Дизайном Сайта


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

#1 bg999

bg999

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

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

Отправлено 05 Июнь 2016 - 20:21

Здравствуйте!
Переделываем дизайн сайта. Осталось несколько моментов, которые сами разобрать не смогли (ссылка на магазин http://z195419.storeland.ru/ ):

1. Как выводить изображение категории


Изображение


В левое бокове меню нашего сайта, чтобы получилось так:


Изображение

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


2. Сейчас вывели в левое боковое меню фильтры, но они в виде выпадающего окна, нужно сделать список с чек-боксами:

сейчас:


Изображение



а нужно (правда на фото ниже нет чек боксов. Перед каждым пунктом должен стоять чек-бокс):

Изображение



3. Как сделать, чтобы в каталоге хлебные крошки выводились на всю ширину страницы?

сейчас:


Изображение



а нужно так:

Изображение

#2 bg999

bg999

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

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

Отправлено 07 Июнь 2016 - 02:21

Очень жду ответа

#3 Vaccina

Vaccina

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

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

Отправлено 07 Июнь 2016 - 06:11

На счет каталога, как вариант, только ручное добавление изображений с ссылкой на них или скрывать текст категории и добавить условия для каждой категории для вывода конкретного изображения, подробнее данный вопрос рассматривался здесь:
http://forum.storela...инку/#entry9636

На счет фильтров, в шаблоне HTML найдите:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				 {% FOR filter_attr_list %}
					 <div class="filter">
					 {filter_attr_list.NAME}:<br />
						 <select class="form-control" 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"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
						 {% ENDFOR %}
						 </select>
					 </div>
				 {% ENDFOR %}
				 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				 {% FOR filter_prop_list %}
					 <div class="filter">
					 {filter_prop_list.NAME}:<br />
						 <select class="form-control" 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"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
						 {% ENDFOR %}
						 </select>
					 </div>
				 {% ENDFOR %}

замените на:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				 {% FOR filter_attr_list %}
					 <div class="filter">
					 <div class="title">{filter_attr_list.NAME}:</div>
											 <ul>
											 {% 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">
	 <div class="title">{filter_prop_list.NAME}:</div>
											 <ul>
											 {% FOR values %}
												 <li>
													 <input type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{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="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>
												 </li>
											 {% ENDFOR %}
											 </ul>
					 </div>
				 {% ENDFOR %}
	 <div class="goodsFilterPriceSubmit">
												 <center><button class="button" type="submit" title="Показать">Показать</button></center>
											 </div>

На счет хлебных крошек, для начала необходимо во всех шаблонах удалить примерно следующий код:
<div class="breadcrumbs">
  <div class="with-keyup-navigation">
	<ul>
	  <li><a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a><span>&nbsp;</span></li>
	  <li><a href="{CATALOG_URL}" title="Перейти в каталог товаров">Каталог</a><span>&nbsp;</span></li>
	  {% FOR upper_navigation %}
		<li><a href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;">{upper_navigation.NAME}</a><span>&nbsp;</span></li>
	  {% ENDFOR %}
	  <li><strong>{GOODS_NAME}</strong></li>
	</ul>
	<div class="arrow-helper">
	  {% IF opinion_show_pages %}
		{% IF OPINION_PAGES_LIST_SHOW_PREVIOUS %}
		  <a class="previous_page" href="{GOODS_OPINION_PAGINATE_URL | url_amp}&amp;page={OPINION_PAGES_LIST_PREVIOUS}#opinion-list-table" title="Предыдущая страница">&larr;</a>
		{% ENDIF %}
		<span title="Используйте клавиатуру для большего удобства при просмотре отзывов о {GOODS_NAME}">Ctrl</span>
		{% IF OPINION_PAGES_LIST_SHOW_NEXT %}
		  <a class="next_page" href="{GOODS_OPINION_PAGINATE_URL | url_amp}&amp;page={OPINION_PAGES_LIST_NEXT}#opinion-list-table" title="Следующая страница">&rarr;</a>
		{% ENDIF %}
	  {% ENDIF %}
	</div>
	<br class="clear" />
  </div>
</div>


#4 bg999

bg999

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

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

Отправлено 07 Июнь 2016 - 20:26

Спасибо. Теперь осталось доработать фильтры. Сейчас есть кнопка "показать", но нужно реализовать как в шаблоне "Город", когда при нажатии на чек бокс автоматически срабатывает фильтр и не нужно нажимать на кнопку "показать".

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

сейчас:

Изображение

а надо так:

Изображение

#5 Firefly

Firefly

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

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

Отправлено 07 Июнь 2016 - 20:40

Просмотр сообщенияbg999 (07 Июнь 2016 - 20:26) писал:

Что с сайтом? Помогите пожалуйста, такое первый раз. Пытались восстановить несколько бекапов, нечего не меняется, весь сайт поплыл С чем это связанно? http://z195419.storeland.ru/

Здравствуйте, на платформе производились некоторые настройки по домену storeland.net, сейчас все должно работать корректно.
Данное отображение сайта могло занять пару минут.

#6 bg999

bg999

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

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

Отправлено 07 Июнь 2016 - 22:13

Просмотр сообщенияbg999 (07 Июнь 2016 - 20:26) писал:

Спасибо. Теперь осталось доработать фильтры. Сейчас есть кнопка "показать", но нужно реализовать как в шаблоне "Город", когда при нажатии на чек бокс автоматически срабатывает фильтр и не нужно нажимать на кнопку "показать".

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

сейчас:

Изображение

а надо так:

Изображение
Ответьте пожалуйста на эти вопросы

#7 Vaccina

Vaccina

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

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

Отправлено 08 Июнь 2016 - 02:06

Для этого:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
								 {% FOR filter_attr_list %}
										 <div class="filter">
										 <div class="title">{filter_attr_list.NAME}:</div>
																						 <ul>
																						 {% 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">
		 <div class="title">{filter_prop_list.NAME}:</div>
																						 <ul>
																						 {% FOR values %}
																								 <li>
																										 <input type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{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="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>
																								 </li>
																						 {% ENDFOR %}
																						 </ul>
										 </div>
								 {% ENDFOR %}
		 <div class="goodsFilterPriceSubmit">
																								 <center><button class="button" type="submit" title="Показать">Показать</button></center>
																						 </div>

замените на:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
								 {% FOR filter_attr_list %}
										 <div class="filter">
										 <div class="title">{filter_attr_list.NAME}:</div>
																						 <ul>
																						 {% FOR values %}
																								 <li>
																										 <input onchange="this.form.submit();" 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">
		 <div class="title">{filter_prop_list.NAME}:</div>
																						 <ul>
																						 {% FOR values %}
																								 <li>
																										 <input onchange="this.form.submit();" type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{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="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>
																								 </li>
																						 {% ENDFOR %}
																						 </ul>
										 </div>
								 {% ENDFOR %}

На счет стилизации, уточните пожалуйста, в какой категории сейчас можно просмотреть фильтры и на их основе указать вам необходимые стили?

#8 bg999

bg999

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

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

Отправлено 08 Июнь 2016 - 14:58

Просмотр сообщенияVaccina (08 Июнь 2016 - 02:06) писал:

На счет стилизации, уточните пожалуйста, в какой категории сейчас можно просмотреть фильтры и на их основе указать вам необходимые стили?

Нужна стилизация чекбоксов и скролинга фильтров, за основу берем фильтр, который называется "Designer". Т. е. делаем свои стилизованные чекбоксы, скролинг и ограничиваем поле выдачи каждого фильтра по высоте. Пример находится тут

#9 Vaccina

Vaccina

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

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

Отправлено 09 Июнь 2016 - 06:04

В этом случае вам необходимо будет подключить и использовать jquery для стилизации чекбоксов и подобных элементов.
Инструкция по установке:
http://forum.storela..._140#entry94163
http://ruseller.com/...demo/index.html

#10 bg999

bg999

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

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

Отправлено 09 Июнь 2016 - 23:36

Просмотр сообщенияVaccina (09 Июнь 2016 - 06:04) писал:

В этом случае вам необходимо будет подключить и использовать jquery для стилизации чекбоксов и подобных элементов.
Инструкция по установке:
http://forum.storela..._140#entry94163
http://ruseller.com/...demo/index.html

Пожалуйста, помогите реализовать как на примере выше что я куазывал. Напоминаю: нужно ограничить по высоте вывод фильтров чтобы появился скролинг, стилизовать скролинг и чек боксы именно в таком виде как указано в примере (там есть возможность менять с помощью стилей толщину и цвет элементов. Пример находится тут

#11 Vaccina

Vaccina

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

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

Отправлено 11 Июнь 2016 - 02:12

Уточните пожалуйста, что у вас не получилось из инструкции выше?
http://forum.storela..._140#entry94163

В ней уже указано подключение и изменение кода в магазине на нашей платформе.

#12 bg999

bg999

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

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

Отправлено 13 Июнь 2016 - 16:20

Просмотр сообщенияVaccina (11 Июнь 2016 - 02:12) писал:

Уточните пожалуйста, что у вас не получилось из инструкции выше?
http://forum.storela..._140#entry94163

В ней уже указано подключение и изменение кода в магазине на нашей платформе.
Сделал как там написано, но не нашел где взять файл jquery.icheck.js
Во вторых там не указанно как ограничить по высоте количество выдваемых фильтров, чтобы появилась прокрутка (допустим в фильтре 50 стрк вывода, но мы ограничиваем до 10 и появляется прокрутка и клиент прокручивает низ чтобы увидеть остальные). Помогите пожалуйста

#13 bg999

bg999

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

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

Отправлено 16 Июнь 2016 - 19:08

Мой вопрос остался не отвеченным уже который день.

#14 bg999

bg999

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

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

Отправлено 18 Июнь 2016 - 23:46

Как это понимать? На простой вопрос не можете ответить? Сторленд у нас больше десяти магазинов на вашем сервисе мы вам каждый месяц платим почему такое отношение к нам?

#15 bg999

bg999

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

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

Отправлено 21 Июнь 2016 - 15:44

Самый ужасный саппорт у сторленда!

Уже который день ни кто не реагирует на наши вопросы! Такое отношение к своим клиентам просто не допустимо, я бы никогда вас больше никому не порекомендовал! Еще два года назад поддержка была на высоком уровне, а сейчас просто игнорируете в наглую. У нас на сторленде 12 магазинов и мы исправно платим за каждый, планировали открывать еще, однако складывается впечатление, что сторленд приходит в упадок и приходится задумываться о смене площадки, так вы растеряете всех своих платежеспособных клиентов, продолжайте игнорировать и забивать на нас и наши вопросы и не пишите про форум и поддержку 24/7 при привлечение клиентов.

#16 MikDark

MikDark

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

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

Отправлено 21 Июнь 2016 - 16:36

Просмотр сообщенияbg999 (13 Июнь 2016 - 16:20) писал:

Сделал как там написано, но не нашел где взять файл jquery.icheck.js
Во вторых там не указанно как ограничить по высоте количество выдваемых фильтров, чтобы появилась прокрутка (допустим в фильтре 50 стрк вывода, но мы ограничиваем до 10 и появляется прокрутка и клиент прокручивает низ чтобы увидеть остальные). Помогите пожалуйста


Приложили Вам архив, из него в раздел Сайт - Редактор шаблонов загрузите: icheck.js, icheck.min.js
Далее из инструкции вместо:

<script src="{ASSETS_JS_PATH}jquery.icheck.js"></script> 

вставьте:
<script src="{ASSETS_JS_PATH}icheck.js"></script>
<script src="{ASSETS_JS_PATH}icheck.min.js"></script>

Приведите, пожалуйста, пример страницы, где у Вас большие фильтры.

#17 bg999

bg999

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

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

Отправлено 23 Июнь 2016 - 02:43

Просмотр сообщенияMikDark (21 Июнь 2016 - 16:36) писал:

Приложили Вам архив, из него в раздел Сайт - Редактор шаблонов загрузите: icheck.js, icheck.min.js
Далее из инструкции вместо:

<script src="{ASSETS_JS_PATH}jquery.icheck.js"></script> 

вставьте:
<script src="{ASSETS_JS_PATH}icheck.js"></script>
<script src="{ASSETS_JS_PATH}icheck.min.js"></script>

Приведите, пожалуйста, пример страницы, где у Вас большие фильтры.

Здравствуйте!
А где сам архив не вижу его.
Вот здесь много фильтров http://z195419.store...990][8234250]=1

#18 Vaccina

Vaccina

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

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

Отправлено 24 Июнь 2016 - 05:28

Скачать архив можете по следующей ссылке:
http://ruseller.com/...demo/index.html

#19 bg999

bg999

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

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

Отправлено 24 Июнь 2016 - 22:50

Просмотр сообщенияbg999 (23 Июнь 2016 - 02:43) писал:

Здравствуйте!
А где сам архив не вижу его.
Вот здесь много фильтров http://z195419.store...990][8234250]=1

Написанно приложили архив, где он? По ссылке http://ruseller.com/...demo/index.html  я уже скачивал и пробовал как в примере и нечего не полчучилось

#20 bg999

bg999

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

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

Отправлено 28 Июнь 2016 - 20:38

Сделал как вы сказали нечего не получается! Кто нибудь поможет? Сколько можно ждать? Уже почти месяц какую то мелочь не можем доделать. СТОРЛЕНД!




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

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