Отключен JavaScript

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

1

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

Автор Totti, 26 апр. 2016 15:23

Вперед

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

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

#1 Totti

Новичок

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

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

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

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

Наверх

#2 MikDark

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

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

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

Totti (26 Апрель 2016 - 15:23) писал:

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

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

Наверх

#3 Totti

Новичок

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

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

MikDark (26 Апрель 2016 - 15:45) писал:

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

спасибо, напишу когда создам модификации

Наверх

#4 Ольга 94

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

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

ГородПермь

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

MikDark (26 Апрель 2016 - 15:45) писал:

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

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

Наверх

#5 Юля123

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

Пользователи
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

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

Пользователи
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

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

Пользователи
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

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

Пользователи
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

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

Пользователи
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

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

Пользователи
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

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

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

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

Ольга 94 (28 Апрель 2016 - 16:09) писал:

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

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

Наверх

#12 Ольга 94

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

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

ГородПермь

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

Юля123 (28 Апрель 2016 - 16:26) писал:

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

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

Наверх

#13 Юля123

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

Пользователи
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

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

Пользователи
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

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

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

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

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

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

Наверх

#16 Firefly

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

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

Отправлено 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

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

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

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

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

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

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

Наверх

#18 RayLi

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

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

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

Rebvjd (22 Январь 2017 - 17:50) писал:

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

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

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

Наверх

#19 Rebvjd

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

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

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

RayLi (22 Январь 2017 - 17:57) писал:

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

Это все в опере. На других браузерах норм