Как сделать опции картинками?

[Krasniy001]

Как можно реализовать выбор цвета в опциях картинками как тут

[nemo]

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

[Krasniy001]

А ведь можно просто код с картинкой вставить в значение опции если выбрать радиокнопка ))

[newshop]

А ведь можно просто код с картинкой вставить в значение опции если выбрать радиокнопка ))

Получилось? Покажите

[nemo]

Нет, код картинки, в поле значения опции, работать не будет.

[Krasniy001]

Получилось? Покажите

А теперь вопрос, как можно убрать радиобоксы и сделать возможность выбора картинками?

[nemo]

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

[Krasniy001]

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

Тупо вставил код картинки, и выбрал радиобокс

[nemo]

Тогда подождём, что напишут другие пользователи, потому, что мне так и не удалось это воспроизвести. Получается вот что:



При этом изменение вида ссылки на изображение (путь) в разных комбинациях, даёт тот же результат.

[Krasniy001]

Тогда подождём, что напишут другие пользователи, потому, что мне так и не удалось это воспроизвести. Получается вот что:



При этом изменение вида ссылки на изображение (путь) в разных комбинациях, даёт тот же результат.

а через <img src="" /> пробовали?

[nemo]

а через <img src="" /> пробовали?

Нет, пробовал по вашему рецепту:

Тупо вставил код картинки, и выбрал радиобокс

под коим понял обычную вставку ссылки.

[Krasniy001]

Нет, пробовал по вашему рецепту: под коим понял обычную вставку ссылки.

а с чего бы работала обычная ссылка?)))

[nemo]

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

[Krasniy001]

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

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

[nemo]

Или попробовать "поиграться" на вкладке "Установки Javascript" при редактировании опции или(и) править код. По другому, в текущей версии, вряд ли получится...

[Krasniy001]

Кто поможет реализовать такую функцию?

[Krasniy001]

В каких файлах это надо копать?

[Alex]

В каких файлах это надо копать?

Копай shopping.js и items_properties.php, в первом файле идет обработка событий при выборе опции, а во втором формируется вывод опций.

Как можно реализовать выбор цвета в опциях картинками как тут

Кстати там выбор цвета сделан не картинками а списком

[Krasniy001]

Копай shopping.js и items_properties.php, в первом файле идет обработка событий при выборе опции, а во втором формируется вывод опций.


Кстати там выбор цвета сделан не картинками а списком

А остальное как я понял это типа jquery )))
Списком наверное правильно, а то в вдруг ява отключен у юзера или не работает)

[nemo]

А остальное как я понял это типа jquery )))
Списком наверное правильно, а то в вдруг ява отключен у юзера или не работает)

Не всегда может оказаться правильным. Представьте ситуацию, когда к товару идут опциями не классические цвета, а, к примеру, как у мягкой мебели, ткань для обивки... которая, как вы догадались, бывает рисунками, причём такими, что названия, передающие, или хотя бы близко описывающие, подобрать просто не возможно. А если таких расцветок 20-30? Открывать каждую чтобы увидеть о чём речь? А как вернуться к тому варианту, который понравился больше, чем последующие 5-10? Помнить наизусть или записывать в блокнотик, или начинать просмотр подряд сначала? Нет, вариант, реализация хорошие, было бы отлично иметь такое в Viart, но как один из возможный вариантов тем, кому это подойдёт.