Несколько просмотров товаров в WooCommerce с ролловерами

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

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

Любая помощь чрезвычайно ценится.


wordpress e-commerce woocommerce
person Sam    schedule 30.01.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Я нашел этот http://www.magictoolbox.com/magiczoomplus/, и он обрабатывает то, что мне нужно. Я просто установил масштаб на внутренний, чтобы он не открывал окно масштабирования, и у него есть миниатюра, которая заменяет основное изображение. Может быть, это может помочь кому-то с похожей проблемой.

person Sam    schedule 25.03.2013

arrow_upward
0
arrow_downward

Честно говоря, я не понимаю, зачем вам вообще нужен плагин для этого, обычный javascript/jQuery будет работать нормально.

 $( ".smallImage" ).hover(function() {
         var smallSrc = $(this).attr("src");
         $( "#bigImage" ).attr("src", src );
     }, function() {
         // Code here for mouse out
     }
 );
person Chizzle    schedule 27.03.2014