Всем привет!
Необходимо сделать быстрый просмотр карточки товара без перехода по аналогии с wildberries.ru.
Как это можно реализовать?
Впринципе слева понятно что выводится jcarousel с пейджером.
Кнопка быстрый просмотр отсылает к jqmodal/lightbox/colorbox/fancybox и т.д. с телом ноды.
Все эти элементы в теории можно сорганизовать views`ом или переопределить шаблон product-teaser.
А сам всплывающий блок при наведении как лучше реализовать, просто jquery селектором по наведению?
Есть ли у кого опыт или информация о готовых решениях?
Вложение | Размер |
---|---|
example.jpg | 98.16 КБ |
Комментарии
готовые решения есть только у тех кто делал подобное.... в принципе сделать можно, но надо поиграться
Большое спасибо за ответы, попробую реализовать
реализовали такое на lightbox. в личку примеры скину, в скайп стучите, если что.
тормозить стало дико, когда товаров набилось под пару тысяч.
потанцевали с кешами, отлегло.
но на данный момент планируем разработку под клиента решения на базе кастомного js/ajax
Посмотрел модуль quicktabs и мини патч на hover.
Views цепляет отлично, ajax подгрузка.
Если вместо табс с именами переопределить его на тизер типа ноды, и сделать onMouseOver OnMouseOut для скрытия то получится, то что нужно. Только с вьюхой поиграться надо, чтобы строилась по контексту.
По крайней мере его наработки можно использовать.
на результат сейчас или потом бросите сюда линк?
Занимаюсь этим в фоновом режиме, конечно будет линк, только позже.
ай не тупи)))
из контриб берем field_slideshow cloud_zoom colorbox_node
вьюха: диспл.1 стр. каталог(полями все), диспл.2 стр. товара(арг. nid).
каталог:
nid перезаписать как: кнопка "быстрпросмотр" - адрес быстрпросмотр/[nid]?width=600&height=600 класс colorbox-node
(не забыть подтянуть либы клодзума)
быстрый просмотр:
все поля что надо, адрес быстрпросмотр/[nid]
темизация вьюхи - работа - не бей лежачего))
css:
display:none; -на все ненужные поля (превью field_slideshow, тех.данные и т.д.)
ховер на блок ноды - показываем что надо, как надо (включая ссылку на просмотр)
это универсальный принцип (причем один из многих))
p.s.
TS - raskolbass it !
Блин *рукалицо*, field_slideshow перед глазами все мелькал и не обращал внимания))
Сейчас расколбасим)), посмотрим как работает. Единственное colorbox тот еще тормоз)
Спасибо)
Все отлично работает без вариаций товаров.
Следующие проблемы возникли:
1. Если есть variations, как реализовано в commerce_kickstart через product reference, то вьюха начинает капризничать. Relationship не поддерживает multiple-values и берет только первое значение. Патч http://drupal.org/node/1378656#comment-5922278 не спас и выдал «EntityMetadataWrapperException: Unknown data property» как здесь
Хотя я возможно запутался и не в ту степь пошел?
Сомнения т.к. field_slideshow работает в рамках ноды, а у нас здесь разбиение на product display включающий в себя ряд product entity, в которых уже нужные field_images по вариациям товаров. Как еще можно изображения выхватить с вариациями?
Впринципе частично решить можно, если вывести images из product variations на уровень product display, но потеряется гибкость карточки товара.
2. Локально подтормаживает до 4 секунд открытие "быстрого просмотра"))
2. - нужно кешировать вьюс быстрпросмотр/[nid]
1. - field_slideshow для нескольких изо в одном поле,
если хочется, чтоб фото было на стороне product,
а мелкие превью - как кнопка выбор атрибута, то это другая песня))
Ага, по одному атрибуту выбор хотя бы нужен, к примеру цвет - голубая рубашка, рыжая рубашка) И при быстром просмотре стрелять на вариацию с превьюхи.
http://drupal.org/project/commerce_fancy_attributes
в виде модуля.
а собрать из модулей понятно что можно
изначально, тут больше по темизации, нежели по функ-лу вопрос.
но если углубляться, то
ет понятно все))),
но я предлагал схитрить: на сторону display_product(возможно дополнительно с product) вынести фото(всех вариантов),
и тогда field_slideshow.
а fancy_attributes - для отправки в корзину.
иначе - ет садиться и писать свое решение по реализации атрибутов.
(а в таксономию вместо универсального цвета уникальные фото товаров - не вариант)
очень тонкое предложение))) Попробуем, спасибо