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


Графический Выбор Цвета Для Однотипного Товара


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

#1 Totti

Totti

    Новичок

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

Отправлено 26 Апрель 2016 - 15:23

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

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

  • Снимок экрана 2016-04-26 в 15.20.26.png


#2 MikDark

MikDark

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

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

Отправлено 26 Апрель 2016 - 15:45

Просмотр сообщенияTotti (26 Апрель 2016 - 15:23) писал:

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

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

#3 Totti

Totti

    Новичок

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

Отправлено 26 Апрель 2016 - 16:40

Просмотр сообщенияMikDark (26 Апрель 2016 - 15:45) писал:

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

#4 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 27 Апрель 2016 - 15:36

Просмотр сообщенияMikDark (26 Апрель 2016 - 15:45) писал:

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


А можно мне тоже написать.Модификации с цветом есть, только меня интересует немного другой вид. Помогите, пожалуйста (рисунок как мне нужно http://forum.storela...attach_id=36633)

#5 Юля123

Юля123

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

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

Отправлено 28 Апрель 2016 - 12:32

Просмотр сообщенияОльга 94 (27 Апрель 2016 - 15:36) писал:

А можно мне тоже написать.Модификации с цветом есть, только меня интересует немного другой вид. Помогите, пожалуйста (рисунок как мне нужно http://forum.storela...attach_id=36633)

Здравствуйте, в шаблоне HTMl найдите код:
								 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
																   {% FOR filter_prop_list %}
																		<div class="filter">
																								<em>{filter_prop_list.NAME}</em>
																								<div class="contentTbodySearchFilterBlock">
																								{% FOR values %}
																								  <input type="checkbox" name="form[filter][prop][{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} ({filter_prop_list.values.NB_GOODS_FILTERED})</label>
																						 
																						  
																								<br/>
																								{% ENDFOR %}
																								</div> </div>  
																				  {% ENDFOR %} 

и замените на код:

								 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
																   {% FOR filter_prop_list %}
																		<div class="filter">
																								<em>{filter_prop_list.NAME}</em>
																								<div class="contentTbodySearchFilterBlock">
																								{% FOR values %}
																								  <input type="checkbox" name="form[filter][prop][{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} ({filter_prop_list.values.NB_GOODS_FILTERED})
																								{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="border-top:4px solid #C7A17B; display:inline-block; width:30px;"></div>{% ENDIF %}
																								{% IF filter_prop_list.values.VALUE = Белый %} <div style="border-top: 4px solid #fff; display:inline-block; width:30px;"></div>{% ENDIF %}
																								{% IF filter_prop_list.values.VALUE = Черный %} <div style="border-top: 4px solid #000; display:inline-block; width:30px;"></div>{% ENDIF %}
																								</label>
																						 
																						  
																								<br/>
																								{% ENDFOR %}
																								</div> </div>  
																				  {% ENDFOR %} 


там присутствует код:

                                                                                                {% IF filter_prop_list.values.VALUE = Бежевый %} <div style="border-top:4px solid #C7A17B; display:inline-block; width:30px;"></div>{% ENDIF %}
    {% IF filter_prop_list.values.VALUE = Белый %} <div style="border-top: 4px solid #fff; display:inline-block; width:30px;"></div>{% ENDIF %}
    {% IF filter_prop_list.values.VALUE = Черный %} <div style="border-top: 4px solid #000; display:inline-block; width:30px;"></div>{% ENDIF %}


где через условия прописываем какую полоску отобразить, в зависимости от названия фильтра указывается полоска определенного цвета. Цвета Вы можете изменить на нужные Вам. Когда у Вас появятся еще свойства по цвету, то добавляйте под условиями, что у Вас уже есть строки:

{% IF filter_prop_list.values.VALUE = цвет %} <div style="border-top: 4px solid #код_цвета; display:inline-block; width:30px;"></div>{% ENDIF %}

где цвет и код_цвета изменяйте на нужные Вам.

#6 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 28 Апрель 2016 - 14:31

Просмотр сообщенияЮля123 (28 Апрель 2016 - 12:32) писал:

Здравствуйте, в шаблоне HTMl найдите код:
								 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
																 {% FOR filter_prop_list %}
																	 <div class="filter">
																							 <em>{filter_prop_list.NAME}</em>
																							 <div class="contentTbodySearchFilterBlock">
																							 {% FOR values %}
																								 <input type="checkbox" name="form[filter][prop][{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} ({filter_prop_list.values.NB_GOODS_FILTERED})</label>
																						
																						
																							 <br/>
																							 {% ENDFOR %}
																							 </div> </div>
																				 {% ENDFOR %}

и замените на код:

								 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
																 {% FOR filter_prop_list %}
																	 <div class="filter">
																							 <em>{filter_prop_list.NAME}</em>
																							 <div class="contentTbodySearchFilterBlock">
																							 {% FOR values %}
																								 <input type="checkbox" name="form[filter][prop][{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} ({filter_prop_list.values.NB_GOODS_FILTERED})
																							 {% IF filter_prop_list.values.VALUE = Бежевый %} <div style="border-top:4px solid #C7A17B; display:inline-block; width:30px;"></div>{% ENDIF %}
																							 {% IF filter_prop_list.values.VALUE = Белый %} <div style="border-top: 4px solid #fff; display:inline-block; width:30px;"></div>{% ENDIF %}
																							 {% IF filter_prop_list.values.VALUE = Черный %} <div style="border-top: 4px solid #000; display:inline-block; width:30px;"></div>{% ENDIF %}
																							 </label>
																						
																						
																							 <br/>
																							 {% ENDFOR %}
																							 </div> </div>
																				 {% ENDFOR %}


там присутствует код:

{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="border-top:4px solid #C7A17B; display:inline-block; width:30px;"></div>{% ENDIF %}
{% IF filter_prop_list.values.VALUE = Белый %} <div style="border-top: 4px solid #fff; display:inline-block; width:30px;"></div>{% ENDIF %}
{% IF filter_prop_list.values.VALUE = Черный %} <div style="border-top: 4px solid #000; display:inline-block; width:30px;"></div>{% ENDIF %}


где через условия прописываем какую полоску отобразить, в зависимости от названия фильтра указывается полоска определенного цвета. Цвета Вы можете изменить на нужные Вам. Когда у Вас появятся еще свойства по цвету, то добавляйте под условиями, что у Вас уже есть строки:

{% IF filter_prop_list.values.VALUE = цвет %} <div style="border-top: 4px solid #код_цвета; display:inline-block; width:30px;"></div>{% ENDIF %}

где цвет и код_цвета изменяйте на нужные Вам.

Юля, спасибо, вы как всегда) скажите, а можно их как то выровнять по правому краю?

#7 Юля123

Юля123

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

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

Отправлено 28 Апрель 2016 - 14:38

Просмотр сообщенияОльга 94 (28 Апрель 2016 - 14:31) писал:

Юля, спасибо, вы как всегда) скажите, а можно их как то выровнять по правому краю?

Да, конечно, замените код:

{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="margin-left: 60px;background-color:#e3c2a2; display:inline-block; width:50px;height:7px;"></div>{% ENDIF %}	 <!--Менять цвета при смене цвета модификации-->
																																															 {% IF filter_prop_list.values.VALUE = Белый %} <div style="margin-left: 60px;background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px;"></div>{% ENDIF %}
																																															 {% IF filter_prop_list.values.VALUE = Черный %} <div style="margin-left: 60px;background-color:#000; display:inline-block; width:50px;height:7px;"></div>{% ENDIF %}

на код:
{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="margin-left: 60px;background-color:#e3c2a2; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}	 <!--Менять цвета при смене цвета модификации-->
{% IF filter_prop_list.values.VALUE = Белый %} <div style="margin-left: 60px;background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
 {% IF filter_prop_list.values.VALUE = Черный %} <div style="margin-left: 60px;background-color:#000; display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}


#8 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 28 Апрель 2016 - 14:48

Просмотр сообщенияЮля123 (28 Апрель 2016 - 14:38) писал:

Да, конечно, замените код:

{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="margin-left: 60px;background-color:#e3c2a2; display:inline-block; width:50px;height:7px;"></div>{% ENDIF %}	 <!--Менять цвета при смене цвета модификации-->
																																															 {% IF filter_prop_list.values.VALUE = Белый %} <div style="margin-left: 60px;background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px;"></div>{% ENDIF %}
																																															 {% IF filter_prop_list.values.VALUE = Черный %} <div style="margin-left: 60px;background-color:#000; display:inline-block; width:50px;height:7px;"></div>{% ENDIF %}

на код:
{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="margin-left: 60px;background-color:#e3c2a2; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}	 <!--Менять цвета при смене цвета модификации-->
{% IF filter_prop_list.values.VALUE = Белый %} <div style="margin-left: 60px;background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
{% IF filter_prop_list.values.VALUE = Черный %} <div style="margin-left: 60px;background-color:#000; display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}

Теперь они к верху сместились..можно их сделать по центру слова относительно вертикали..
и еще можно убрать после модификаций всех цифру в скобках?

#9 Юля123

Юля123

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

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

Отправлено 28 Апрель 2016 - 14:54

Просмотр сообщенияОльга 94 (28 Апрель 2016 - 14:48) писал:

Теперь они к верху сместились..можно их сделать по центру слова относительно вертикали..
и еще можно убрать после модификаций всех цифру в скобках?

код:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})
																																																{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}	<!--Менять цвета при смене цвета модификации-->
																																																{% IF filter_prop_list.values.VALUE = Белый %} <div style="background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
																																																{% IF filter_prop_list.values.VALUE = Черный %} <div style="background-color:#000; display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
																																																</label>

замените на код:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} 
																																																{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2;	margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}	<!--Менять цвета при смене цвета модификации-->
																																																{% IF filter_prop_list.values.VALUE = Белый %} <div style="background-color:#fff;	 margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
																																																{% IF filter_prop_list.values.VALUE = Черный %} <div style="background-color:#000;	 margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
																																																</label>


#10 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 28 Апрель 2016 - 16:09

Просмотр сообщенияЮля123 (28 Апрель 2016 - 14:54) писал:

код:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})
																																															 {% IF filter_prop_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %} <!--Менять цвета при смене цвета модификации-->
																																															 {% IF filter_prop_list.values.VALUE = Белый %} <div style="background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
																																															 {% IF filter_prop_list.values.VALUE = Черный %} <div style="background-color:#000; display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
																																															 </label>

замените на код:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE}
																																															 {% IF filter_prop_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2; margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %} <!--Менять цвета при смене цвета модификации-->
																																															 {% IF filter_prop_list.values.VALUE = Белый %} <div style="background-color:#fff; margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
																																															 {% IF filter_prop_list.values.VALUE = Черный %} <div style="background-color:#000; margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
																																															 </label>


а циферки в скобках?

#11 Юля123

Юля123

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

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

Отправлено 28 Апрель 2016 - 16:26

Просмотр сообщенияОльга 94 (28 Апрель 2016 - 16:09) писал:

а циферки в скобках?

изменила Вам в этом же коде, удалила код: ({filter_prop_list.values.NB_GOODS_FILTERED})

#12 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 28 Апрель 2016 - 18:11

Просмотр сообщенияЮля123 (28 Апрель 2016 - 16:26) писал:

изменила Вам в этом же коде, удалила код: ({filter_prop_list.values.NB_GOODS_FILTERED})



Циферки остались)

#13 Юля123

Юля123

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

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

Отправлено 28 Апрель 2016 - 18:29

Просмотр сообщенияОльга 94 (28 Апрель 2016 - 18:11) писал:

Циферки остались)

Код:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})

замените на код:


<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} 


#14 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 28 Апрель 2016 - 20:21

Просмотр сообщенияЮля123 (28 Апрель 2016 - 18:29) писал:

Код:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})

замените на код:


<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE}

Спасибо, все убралось.

#15 Rebvjd

Rebvjd

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

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

Отправлено 20 Январь 2017 - 21:57

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

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

  • Новый рисунок (6).jpg


#16 Firefly

Firefly

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

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

Отправлено 21 Январь 2017 - 16:42

Просмотр сообщенияRebvjd (20 Январь 2017 - 21:57) писал:

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

В шаблоне main.css код:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock div {width: 100%;max-height: 65px;overflow: hidden;border-left: 3px solid #eacd8e;padding: 0 0 0 15px;margin: 0;}

Заменил Вам на:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock div {width: 100%;overflow: hidden;border-left: 3px solid #eacd8e;padding: 0 0 0 15px;margin: 0;}


#17 Rebvjd

Rebvjd

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

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

Отправлено 22 Январь 2017 - 17:50

Подскажите пожалуйста, почему при нажатии на кнопку прокрутки товаров нечего не происходит?




Купить кожаный кошелек http://sweetjoy.ru/g...to-Wallet-White

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

  • Новый рисунок (2).jpg


#18 RayLi

RayLi

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

  • Модераторы
  • 2 861 сообщений

Отправлено 22 Январь 2017 - 17:57

Просмотр сообщенияRebvjd (22 Январь 2017 - 17:50) писал:

Подскажите пожалуйста, почему при нажатии на кнопку прокрутки товаров нечего не происходит?




Купить кожаный кошелек http://sweetjoy.ru/g...to-Wallet-White

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

#19 Rebvjd

Rebvjd

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

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

Отправлено 22 Январь 2017 - 18:03

Просмотр сообщенияRayLi (22 Январь 2017 - 17:57) писал:

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

#20 lelenushka

lelenushka

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

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

Отправлено 17 Апрель 2017 - 12:59






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

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