Помощь Подгрузка части карточки при наведении на картинку

[erectus]

Добрый день, товарищи!

Подскажите, кому не влом, как оптимально организовать следующую штуку:

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

Хотя бы алгоритм.

 

[duke1999]

Простейшая без аяксов - в шаблоне яваскрипт скрипт вызова окошка, сразу заполняется массив данных обо всех нужных аттрибутах, по ховер вызывается попап с нужным id.

<script>
var attributes = [ ];
attributes[1] = ['чёрный' , '200руб.'];

function popup(id){
/*здесь вывод самого окошка*/
alert(attributes[id]);
}

.... onmouseover="popup(1)"; ...
</script>

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

 

[erectus]

Простейшая без аяксов - в шаблоне яваскрипт скрипт вызова окошка, сразу заполняется массив данных обо всех нужных аттрибутах, по ховер вызывается попап с нужным id.

<script>
var attributes = [ ];
attributes[1] = ['чёрный' , '200руб.'];

function popup(id){
/*здесь вывод самого окошка*/
alert(attributes[id]);
}

.... onmouseover="popup(1)"; ...
</script>

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

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