OpenCart – как сделать всплывающие изображения в опциях товаров
Недавно, при разработке магазина, столкнулась с просьбой заказчика – сделать всплывающие изображения опций товара. Дело в том, что разрабатываемый магазин был мебельным магазином, и заказчик практически каждому товару добавлял опции цвета, то ли вносил варианты дерева для корпусной мебели, то ли выбор оббивок для мягкой мебели и маленькие изображения в этом случае никак не могли показать потенциальным покупателям реальную картину выбираемой расцветки.
В этом случае необходимо было сделать увеличение миниатюры опций до большого, хорошо просматриваемого изображения.
Решение этого вопроса пришло в виде модуля “Всплывающие изображения в опциях товаров 1.0.0″. Модуль в два счета сделал, то, что и требовалось: при нажатии на картинку всплывало окно большого размера для просмотра рисунка в деталях, при этом радиокнопка не задействовалась, так что покупатель не мог выбрать цвет ошибочно.
Скачать модуль ” Всплывающие изображения в опциях товаров 1.0.0 “.
Плюс данного модуля в том, что он сделан на основе vQmod, поэтому в оригинальные файлы магазина изменения не вносятся, ничего не перезаписывается и не меняется. Если модуль не удовлетворит запросы, его легко удалить, не перекапывая кучу папок и файлов магазина.
Модуль на данный момент бесплатен и имеет две версии:
ocStore v1.5.1.3 + vQmod v2.1.6 (Если используется Fancybox)
ocStore v1.5.3.1 + vQmod v2.1.6 (Если используется Colorbox)
Сразу скажу, что в моем случае, при магазине версии 1.5.3.1, использовался Fancybox вместо Colorbox, по этой причине и модуль я использовала именно под Fancybox – это важная деталь, так как большую роль играет не версия магазина, а модуль отвечающий за показ изображений.
Установка модуля проста и не вызовет никаких трудностей. Подробное описание установки находится в архиве с модулем.
Автор данного модуля avot (Дмитрий). Другие модули этого разработчика можно увидеть здесь.
Спасибо! Очень кстати=)
Мне, в свое время, этот модуль тоже попался очень кстати и отлично выручил))
Было б классно чтобы модуль работал без vQmod
Ну, это уже к разработчику) Хотя меня вполне устраивают модули на vQmod.
Здравствуйте! А не могли бы Вы написать как реализовать вывод опций как у Вас на картинке в 3 ряда а не в один как в дефолтной версии
Здравствуйте, Timur. Такое визуальное отображение опций – это просто правка css и больше ничего.
Я так и предполагал что css, но не удается сделать как надо, не могу понять как разделить ряд опций. А вы не могли бы показать этот кусок кода. И какова логика деления, допустим в одном товаре 9 опций, где нужно 3 ряда, а в другом 3 опции которые достаточно расположить в один ряд или строчку. сайт на ocstore 1.5.4.1
Ответила на почту.
Здравствуйте! Решил уже три задачи с помощью материалов вашего сайта. Теперь стоит задача как и у Timur’a, не получается разделить опции по рядам. Буду благодарен если и мне пришлете этот кусок кода. Заранее спасибо!
Ответила на почту.
Помогите и мне опции выставить в ряды. Спасибо.
Ответила на почту.
Здравствуйте. Помогите, пожалуйста установить эти функции. Заранее спасибо
Здравствуйте, какие сложности возникли при установке и настройке модуля?
Здравствуйте, помогите и мне опции выставить в ряды. Спасибо.
Как и предыдущим итересующимся, отвечу, что подобное – горизонтальное расположение опций достигается путем правки css. Поскольку в статье на изображении магазин, созданный не на дефелтном шаблоне, то готового кода Вам дать не могу.
Подскажите и мне как в ряды опции выстроить….
Если Вас еще интересует вопрос расположения опций в OpenCart, посмотрите здесь как расположить опции рядами.
Здравствуйте, скиньте мне пожалуйста инструкцию по разделелению опции по рядам тоже, весь вечер убил, понять не могу..
Заранее благодарен!
Андрей, если Вас еще интересует вопрос расположения опций в Opencart, можете посмотреть здесь как расположить опции рядами.
Здравствуйте! Спасибо Вам за статью. Хотелось бы попросить об одолжении помочь выставить опции товара в ряд. Спасибо!
Посмотрите здесь как расположить опции рядами.
Правил product.tpl и файл product.tpl в vqmod
А какие особенности установки этого модуля? Установка с vqmod не действует. Ничего не происходит вообще. Исправил путь к темме, т.к. она не стандартная
Установка осуществляется исключительно через vqmod – забросили option-image-popup.xml в vqmod/xml и все. Если тема нестандартная, то необходимо изменить название “default” на имя используемого шаблона.
Версия движка? Использовали под нужный модуль отображения изображений (colorbox или fancybox)?
Установил, но почему то при нажатии на картинку опции открывает окно Coloboxa с надписью – Request unsuccessful: Not Found
Что не так сделал?
Последний раз приходилось ставить этот модуль на 1.5.3.1, на новых версиях не использовала. Автор модуль не обновлял, может, есть какие-то несостыковки с версией.
Что интересно, установлено два модуля:
option-image-popup.xml_
Option Image Popup
1.0.0 2.1.6 avot yoyo.dima@gmail.com
и этот
product_option_image.xml_
product_option_image
4.0 1.0 ocextensions.co.uk
По отдельности ни один не работает, а включаю оба – появляется злополучная надпись. OpenCart 1.5.4.1
Да как установить я не понимаю?!!! Там четыре архива, а в описании сказано “Скопируйте содержимое архива в папку с OpenCart.
Куда в папку??????
Тоже была ошибка Request unsuccessful: Not Found на 1.5.5.1 менял размер опций изображения в product.tpl, Помогла замена на такие же значения в option-image-popup.xml
Вот строчка
$this->model_tool_image->resize($option_value[‘image’], 196, 83),]]>
Здравствуйте уважаемые знатоки помогите пожалуйста разобраться.Скачал модуль ” Всплывающие изображения в опциях товаров 1.0.0 “ а vqmod-у меня уже установлена.Вообщем нажимаю на любой товар,а он не отображается на странице,просто белая страница,Что делать?
Можете помочь установить и настроить? (ocshop 1.5.6.3, шаблон дефолтный) Готов оплатить услугу! Если что пишите на e-mail
Ответила на почту.