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


Переместить Блоу Фильтра По Характеристикам

Характеристики товара

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

#21 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 22 Май 2013 - 15:17

А с помощью скриптов это можно реализовать? Или что бы к примеру клиент переходил на страницу выбора марок, а потом моделей, выбирал нужную и получал результат подбора?

#22 Vaccina

Vaccina

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

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

Отправлено 23 Май 2013 - 03:23

К сожалению, на данный момент этого реализовать нельзя. Вы можете оставить ваше предложение на реализацию http://storeland.reformal.ru

#23 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 24 Май 2013 - 12:20

Добрый день, подскажите как в шаблоне вечность реализовать всплывающее окно с основными сведениями о товаре
Пример:Всплывающее окно.jpg

#24 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 24 Май 2013 - 16:17

Вот это возможно прикрутить к карточке товара? И если можно посоветуйте как это сделать?Прикрепленный файл  всплывающие подсказки.zip   82,2К   68 Количество загрузок:
И еще подскажите вот такой слайдер как установить Прикрепленный файл  Slicebox.zip   161,56К   46 Количество загрузок:

#25 Vaccina

Vaccina

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

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

Отправлено 25 Май 2013 - 05:27

Для реализации всплывающего окна - вам необходимо скачать архив http://forum.storela...&attach_id=8999 загрузить из архива все изображения и 2 файла "jquery.tooltip.js" и "jquery.tooltip.css". Далее в шаблоне "HTML" подключить эти файлы - найти

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

и заменить на

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

также найти

<link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" />

и заменить на

<link href="{ASSETS_STYLES_PATH}jquery.tooltip.css" rel="stylesheet" />
<link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" />

далее в файл main.js добавить

$(function() {
  $(".tooltip").tooltip();
});

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

<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">

и замените на

<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
			<div class="tooltip_description" style="display:none">
			 {% FOR mods %}
			   {% FOR v %}
				 {goods.mods.v.NAME}: {goods.mods.v.VALUE}<br/>
	  {% ENDFOR %}
	   {% ENDFOR %}
			</div> 

далее в файле стилей "jquery.tooltip.css" найдите все строки

url('images/

и замените их на

url('{ASSETS_IMAGES_PATH}


#26 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 25 Май 2013 - 10:02

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

Вопрос, а можно ли выбирать откуда будет подтягиваться информация во всплывающем окне? я бы лучше туда характеристики подключил.

И еще подскажите по установке слайдера прикрепленного выше

#27 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 25 Май 2013 - 10:51

не могу разобраться, не отображаются стрелки к всплывающему окну аккаунт SL-208570

#28 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 25 Май 2013 - 15:21

С отображением стрелок разобрался, как бы их теперь объединить в единое целое с самим окном, а можно ли выбирать откуда будет подтягиваться информация во всплывающем окне? я бы лучше туда характеристики подключил

#29 miyako

miyako

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

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

Отправлено 26 Май 2013 - 11:58

Просмотр сообщенияfox606 (25 Май 2013 - 15:21) писал:

С отображением стрелок разобрался, как бы их теперь объединить в единое целое с самим окном, а можно ли выбирать откуда будет подтягиваться информация во всплывающем окне? я бы лучше туда характеристики подключил

попробуйте так:
вместо кода такого:
<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
						<div class="tooltip_description" style="display:none">
						 {% FOR mods %}
						   {% FOR v %}
								 {goods.mods.v.NAME}: {goods.mods.v.VALUE}<br/>
		  {% ENDFOR %}
		   {% ENDFOR %}
						</div>
использовать такой:
<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
						<div class="tooltip_description" style="display:none">
{% IFNOT goods_features_empty %}					
  
		  {% FOR goods_features%}
		  {goods_features.NAME}:   {goods_features.VALUE} <br/>
		  
		  {% ENDFOR %}
{% ENDIF %}
						</div>


#30 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 26 Май 2013 - 22:13

Не выходит до изменения инфа во всплывающем окне выводилась такДо изменения.jpg   теперь там пусто После изменения.jpg

#31 Koderhan

Koderhan

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

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

Отправлено 27 Май 2013 - 13:06

Попробуйте так.
Найти код:

<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
												<div class="tooltip_description" style="display:none">
{% IFNOT goods_features_empty %}										

				  {% FOR goods_features%}
				  {goods_features.NAME}:   {goods_features.VALUE} <br/>

				  {% ENDFOR %}
{% ENDIF %}
												</div>
Заменить:
<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
	<div class="tooltip_description" style="display:none">
		{% IFNOT goods_features_empty %}										

			{% FOR goods.goods_attr_list%}
				{goods.goods_attr_list.NAME}:   {goods.goods_attr_list.VALUE} <br/>

			{% ENDFOR %}
		{% ENDIF %}
	</div>


#32 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 28 Май 2013 - 06:56

При попытке сохранить изменения выдает ошибкуОшибка вставки.jpg

#33 Koderhan

Koderhan

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

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

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

Попробуйте этот вариант кода:
<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
		<div class="tooltip_description" style="display:none">
																		
						{% FOR goods_attr_list %}
								<span class="val"{goods.goods_attr_list.NAME}</span>:   <span class="zn">{goods.goods_attr_list.VALUE}</span> <br/>

						{% ENDFOR %}

		</div>


#34 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 28 Май 2013 - 19:05

Ребят еще чуть чуть, надо чтобы названия характеристик появлялись, а то кроме меня никому непонятно будетПочти получилось.jpg

#35 Vaccina

Vaccina

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

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

Отправлено 29 Май 2013 - 03:24

Замените вставленный вами код

<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
				<div class="tooltip_description" style="display:none">
																																			   
												{% FOR goods_attr_list %}
																<span class="val"{goods.goods_attr_list.NAME}</span>:   <span class="zn">{goods.goods_attr_list.VALUE}</span> <br/>
												{% ENDFOR %}
				</div>

на следующий

<div class="items tooltip" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
				<div class="tooltip_description" style="display:none">
																																			   
												{% FOR goods_attr_list %}
																<span class="val">{goods.goods_attr_list.NAME}</span>:   <span class="zn">{goods.goods_attr_list.VALUE}</span> <br/>
												{% ENDFOR %}
				</div>


#36 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 29 Май 2013 - 10:29

Да все отлично!!! Спасибо большое!))) Все получилось.jpg подскажите еще, пожалуйста, можно ли тенью охватить стрелку которая идет от товара к окну, что бы они были единым целым, я в стилях не нашел как это сделать?

#37 miyako

miyako

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

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

Отправлено 29 Май 2013 - 11:07

Просмотр сообщенияfox606 (29 Май 2013 - 10:29) писал:

Да все отлично!!! Спасибо большое!))) Прикрепленный файл Все получилось.jpg подскажите еще, пожалуйста, можно ли тенью охватить стрелку которая идет от товара к окну, что бы они были единым целым, я в стилях не нашел как это сделать?

Скажите пожалуйста ваш номер аккаунта или адрес вашего сайта

#38 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 29 Май 2013 - 11:08

SL-280570 http://test-av-aks.storeland.ru/

#39 miyako

miyako

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

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

Отправлено 29 Май 2013 - 12:31

Просмотр сообщенияfox606 (29 Май 2013 - 11:08) писал:


К сожалению, не получится, по скольку это стрелочка изображение - down_arrow.png
Можно нарисовать прямо на изображении тень.
или воспользоваться такой инструкцией - http://habrahabr.ru/post/21065/ или даже лучше http://habrahabr.ru/post/142534/

#40 fox606

fox606

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородКраснодар

Отправлено 29 Май 2013 - 12:39

понял, буду пробовать, спасибо!!!





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

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