Выбор Товара По Цветам
#1
Отправлено 06 Май 2015 - 12:06
1. Столкнулся с такой проблемой, есть ли на сайте такая функция как выбор цвета товара как на примере вот этого: http://snowball-make...p/standartnyij/ (см-фото)
2. Если есть то как его добавить вот сюда: (см-фото)
Очень необходима данная функция, спасибо =)
#2
Отправлено 06 Май 2015 - 13:35
Снежколеп (06 Май 2015 - 12:06) писал:
1. Столкнулся с такой проблемой, есть ли на сайте такая функция как выбор цвета товара как на примере вот этого: http://snowball-make...p/standartnyij/ (см-фото)
2. Если есть то как его добавить вот сюда: (см-фото)
Очень необходима данная функция, спасибо =)
Здравствуйте. Вам нужно у товаров создать модификации: Цвет, они появятся выпадающим списком с возможностью выбора. после этого напишите нам, попробуем сделать изменения и добавить визуальный выбор.
#3
Отправлено 06 Май 2015 - 14:41
Сделал как вы просили, жду визуализации =)
Спасибо.
#4
Отправлено 06 Май 2015 - 16:15
MikDark (06 Май 2015 - 13:35) писал:
Здравствуйте!
Сделал как вы просили, жду визуализации =)
Спасибо.
#5
Отправлено 06 Май 2015 - 17:29
Снежколеп (06 Май 2015 - 16:15) писал:
Сделал как вы просили, жду визуализации =)
Спасибо.
{%IF GOODS_DESCRIPTION_SHORT%} <p class="shortP">КРАТКОЕ ОПИСАНИЕ:</p> <div class="shortD" itemprop="description"> {GOODS_DESCRIPTION_SHORT} </div> {%ENDIF%}выше переместите код
<div class="modBlock"> <h3 class="modH">Выберите пожалуйста подходящий цвет снежколепа:</h3> <div class="warn"> * - Обязательные поля </div> <!-- Блок выбора модификаций для текущей товарной позиции --> <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}> {% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} {goods_modifications_properties.NAME} <span class="reqField">*</span><br /> <select class="modSelect" name="form[properties][]"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %} <!-- Данные по модификациям для текущей товарной позиции --> {% FOR goods_modifications %} <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}"> <input type="hidden" name="id" value="{goods_modifications.ID}" /> <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" /> <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" /> <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div> <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" /> <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div> <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" /> <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" /> <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" /> <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" /> <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" /> <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" /> <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div> </div> {% ENDFOR %} <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}> {GOODS_MOD_DESCRIPTION} </div> </div> <!-- Добавление в корзину --> <div class="cartAdd"> <div class="plus_minus_quantity"> <span class="qty-minus theme-color">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus theme-color">+</span> </div> <div class="addWithMod"><input type="button" value=" Купить" id="button-cart" class="button button_cart_product addToCartWithMod" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/></div> <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину"/ --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="description"> {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added inProd" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> <a class="add_to_compare_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" onclick="$(this).parent().find('.add_to_compare_small').click();return false;" href="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ELSE %} <a class="add_to_compare_small inProd" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> <a class="add_to_compare_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" onclick="$(this).parent().find('.add_to_compare_small').click();return false;" href="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ENDIF %} </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров --> <!-- Если есть возможность добавить товар в избранное --> {%IF CLIENT_IS_LOGIN %} <div class="description"> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small inProd added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> <a class="add_to_wishlist_small_text" data-action-text-add="Добавить в избранное" data-gname="{GOODS_NAME}" data-action-text-delete="Удалить из избранного" onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;" href="#" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small inProd" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> <a class="add_to_wishlist_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;" href="#" >Добавить в избранное</a> {% ENDIF %} </div> {%ELSE%} <div class="description {% IF GOODS_MOD_REST_VALUE = 0 %}nobuy{%ENDIF%}"> <a class="add_to_wishlist_small mustLogin" data-msgtype="3" title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> </div> {%ENDIF%} </div> <!-- END Если есть возможность добавить товар в избранное --> </div>
#6
Отправлено 07 Май 2015 - 10:14
Ирина345 (06 Май 2015 - 17:29) писал:
{%IF GOODS_DESCRIPTION_SHORT%} <p class="shortP">КРАТКОЕ ОПИСАНИЕ:</p> <div class="shortD" itemprop="description"> {GOODS_DESCRIPTION_SHORT} </div> {%ENDIF%}выше переместите код
<div class="modBlock"> <h3 class="modH">Выберите пожалуйста подходящий цвет снежколепа:</h3> <div class="warn"> * - Обязательные поля </div> <!-- Блок выбора модификаций для текущей товарной позиции --> <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}> {% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} {goods_modifications_properties.NAME} <span class="reqField">*</span><br /> <select class="modSelect" name="form[properties][]"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %} <!-- Данные по модификациям для текущей товарной позиции --> {% FOR goods_modifications %} <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}"> <input type="hidden" name="id" value="{goods_modifications.ID}" /> <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" /> <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" /> <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div> <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" /> <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div> <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" /> <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" /> <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" /> <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" /> <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" /> <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" /> <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div> </div> {% ENDFOR %} <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}> {GOODS_MOD_DESCRIPTION} </div> </div> <!-- Добавление в корзину --> <div class="cartAdd"> <div class="plus_minus_quantity"> <span class="qty-minus theme-color">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus theme-color">+</span> </div> <div class="addWithMod"><input type="button" value=" Купить" id="button-cart" class="button button_cart_product addToCartWithMod" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/></div> <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину"/ --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="description"> {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added inProd" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> <a class="add_to_compare_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" onclick="$(this).parent().find('.add_to_compare_small').click();return false;" href="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ELSE %} <a class="add_to_compare_small inProd" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> <a class="add_to_compare_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" onclick="$(this).parent().find('.add_to_compare_small').click();return false;" href="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ENDIF %} </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров --> <!-- Если есть возможность добавить товар в избранное --> {%IF CLIENT_IS_LOGIN %} <div class="description"> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small inProd added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> <a class="add_to_wishlist_small_text" data-action-text-add="Добавить в избранное" data-gname="{GOODS_NAME}" data-action-text-delete="Удалить из избранного" onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;" href="#" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small inProd" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> <a class="add_to_wishlist_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;" href="#" >Добавить в избранное</a> {% ENDIF %} </div> {%ELSE%} <div class="description {% IF GOODS_MOD_REST_VALUE = 0 %}nobuy{%ENDIF%}"> <a class="add_to_wishlist_small mustLogin" data-msgtype="3" title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> </div> {%ENDIF%} </div> <!-- END Если есть возможность добавить товар в избранное --> </div>
Здравствуйте!
Сделал как вы описали, только вот на остальных страницах появились вот такие баги, помогите пожалуйста их исправить : http://снежколеп.рф/...zhkolep-rozoviy
Фото:
Спасибо.
#7
Отправлено 07 Май 2015 - 10:37
Снежколеп (07 Май 2015 - 10:14) писал:
Сделал как вы описали, только вот на остальных страницах появились вот такие баги, помогите пожалуйста их исправить : http://снежколеп.рф/...zhkolep-rozoviy
Фото:
Спасибо.
Здравствуйте.
В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар найдите код:
<div class="addToCartWrp">
Замените на:
<div class="addToCartWrp" style="display:none;">
#9
Отправлено 07 Май 2015 - 16:49
Firefly (07 Май 2015 - 10:37) писал:
В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар найдите код:
<div class="addToCartWrp">
Замените на:
<div class="addToCartWrp" style="display:none;">
Ещё один вопрос:
Есть ли такая возможность: когда клиент выбирает цвет продукта, фотография продукта изменялась бы на тот цвет который он выбрал, вот на примере как тут: http://snowball-make...p/standartnyij/
Спасибо.
#10
Отправлено 07 Май 2015 - 20:45
Снежколеп (07 Май 2015 - 11:12) писал:
Есть ли такая возможность: когда клиент выбирает цвет продукта, фотография продукта изменялась бы на тот цвет который он выбрал, вот на примере как тут: http://snowball-make...p/standartnyij/
Спасибо.
Для того, чтобы все происходило в одной карточке товара, можно поставить ссылку на изображение в описании каждой модификации. Более подробную информацию о том, как это реализваоть можно получить здесь
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных