Как сделать, чтобы фото переключались(ось) при выборе параметра? - [VM2&3] Дизайн, оформление

Здравствуйте.

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

Попробуй посмотреть тут

Попробуй посмотреть тут

Благодарю. Насколько понял этот плагин не может выводить по нескольку фоток на каждый цвет как в предоставленном мной примере. Я правильно понял?

когда при выборе цвета меняются фотографии?

простой js-код написать надо в карточке. Конкретика зависит от выбранного способа наименований папок и файлов для хранения фото. Посмотрите на свой образец: белый цвет майки - фото в папке white, зеленый - уже папка green. Возможен вариант, когда все фото в одной папке, а название цвета в имени файла - maika_green.jpg . Суть - при change селекта, получаете его value (имя цвета),  соответственно применяемой схемы наименований меняете src у фоток.

простой js-код написать надо в карточке. Конкретика зависит от выбранного способа наименований папок и файлов для хранения фото. Посмотрите на свой образец: белый цвет майки - фото в папке white, зеленый - уже папка green. Возможен вариант, когда все фото в одной папке, а название цвета в имени файла - maika_green.jpg . Суть - при change селекта, получаете его value (имя цвета),  соответственно применяемой схемы наименований меняете src у фоток.

Здравствуйте.
Спасибо. Да, были такие мысли. Запишу пока здесь, чтобы свериться с логикой и самому не забыть:
1. Все фотки вводятся в карточку товара, фотки в названиях имеют идентификаторы цвета
2. При первоначальном открытии карточки товара в php происходит фильтр фоток, которые должны отобразиться. Выводятся фотки, цвет которых совпадает с цветом дефолтной(первой) картинки товара
3. На jq: при смене цвета в селекте(настраиваемом поле) происходит фильтрация фоток определенного цвета и после чего происходит их вывод
Кажется так.
Осталось, без малого, узнать как в jquery подключаться к БД и ее шерстить...

Осталось, без малого, узнать как в jquery подключаться к БД и ее шерстить...

Нет, какая тут БД, и при желании к ней на jQuery вы не сможете подключаться.
Суть решения такова: изначально все фото загружаются, но показывается только white.jpg, например. При нажатии на option с значением "green" скрипт скрывает все другие фото, кроме green.jpg и т.д.

http://jsfiddle.net/n_robert/wbf03x3q/

Нет, какая тут БД, и при желании к ней на jQuery вы не сможете подключаться.
Суть решения такова: изначально все фото загружаются, но показывается только white.jpg, например. При нажатии на option с значением "green" скрипт скрывает все другие фото, кроме green.jpg и т.д.

http://jsfiddle.net/n_robert/wbf03x3q/

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

Не надо загружать все 100500 фотографий, только дефолтные (например, пусть это будет белый цвет), указанные в настройках товара.
Потом просто на jq менять к ним путь. Все.

Конкретика зависит от выбранного способа наименований папок и файлов для хранения фото.

Вот и распишите, как у вас что будет называться. +ссылка очень бы помогла.

Не надо загружать все 100500 фотографий, только дефолтные (например, пусть это будет белый цвет), указанные в настройках товара.
Потом просто на jq менять к ним путь. Все.Вот и распишите, как у вас что будет называться. +ссылка очень бы помогла.

Если количество фоток для разного цвета будет разным, то как получить количество этих фоток определенного цвета? Количество фото-мест будет меняться. jq может получать информацию из папки с фотографиями или это как-то через php передавать?

Не надо загружать все 100500 фотографий, только дефолтные. Потом просто на jq менять к ним путь.

Точно! Пример для borro: http://jsfiddle.net/n_robert/06kkr4o0/

Точно! Пример для borro: http://jsfiddle.net/n_robert/06kkr4o0/

если фоток для разного цвета бывает разное количество, как проще получить информацию количестве фоток для каждого цвета(этакий ассоциативный массив цвет -> количество)?

если фоток для разного цвета бывает разное количество, как проще получить информацию количестве фоток для каждого цвета(этакий ассоциативный массив цвет -> количество)?

AJAX.

если фоток для разного цвета бывает разное количество, как проще получить информацию количестве фоток для каждого цвета(этакий ассоциативный массив цвет -> количество)?

может, проще сделать их одинаковое кол-во? (для одного товара)

может, проще сделать их одинаковое кол-во? (для одного товара)

да, лучше начать с простого

Здравствуйте.

Наполовину сделал.

Скажите, какой скрипт-файл(похоже это fancybox) открывает первую картинку товара после клика на детальное изображение, не смотря на смену главного изображения после выбора цвета в выпадающем списке?

При изменении изображения измените также ссылку на него.

При изменении изображения измените также ссылку на него.

За вывод большого изображения на затемнённом фоне отвечает тег с id="fancybox-content", и он заполняется тегом img только после клика на детальное изображение, когда я подменяю картинку этого тега img ещё нет. Получается вы предлагаете создать ещё функцию обработчик на тыкание детального изображения? В этом случае будет срабатывать два обработчика - один родной от fancybox, другой мой, и не понятно кто из них сработает первым. Да и лишние вычесления в виде двух обработчиков нажатия детального изображения это лишнее. Может вы подскажите, где вычисляется путь к развернутому изображению в родном js-коде fancybox?

Смотрите на HTML-код: <img/> уже поменялось, а <a href /> - нет. Думаю, что в fancybox открывается именно то, что в последнем.

Смотрите на HTML-код: <img/> уже поменялось, а <a href /> - нет. Думаю, что в fancybox открывается именно то, что в последнем.

именно так. поклон, благодарю