So, I am trying to implement the "quick view" feature from the Category pages. You hover over the thumbnails and a "quick view" button pops up, and you click on it to have some sort of 'lightbox' (excuse me if i'm using the incorrect terminology) pop up with pics and info from the products' page. Everything works properly on the Category page.
Now, i've taken this code:
<mvt:if expr="l.settings:seo_settings:sl_active">
<span class="button button-square bg-olive white quick-view" data-product-link="&mvte:product:link;?show=quickview">QUICK VIEW</span>
<mvt:else>
<span class="button button-square bg-olive white quick-view" data-product-link="&mvte:product:link;&show=quickview">QUICK VIEW</span>
</mvt:if>
and placed in the similar spots for the Carousel on the storefront page and also the Carousel for the Related Products section on product pages.
The 'quick view' bar shows up when I hover over the thumbnails on both of those pages, but when I click, no lightbox comes up and it just takes me to the product page.
I know i'm missing a key step, but I don't know what it is.
Can anyone point me in the right direction please? It would be much appreciated.
-Ilyoung
Now, i've taken this code:
<mvt:if expr="l.settings:seo_settings:sl_active">
<span class="button button-square bg-olive white quick-view" data-product-link="&mvte:product:link;?show=quickview">QUICK VIEW</span>
<mvt:else>
<span class="button button-square bg-olive white quick-view" data-product-link="&mvte:product:link;&show=quickview">QUICK VIEW</span>
</mvt:if>
and placed in the similar spots for the Carousel on the storefront page and also the Carousel for the Related Products section on product pages.
The 'quick view' bar shows up when I hover over the thumbnails on both of those pages, but when I click, no lightbox comes up and it just takes me to the product page.
I know i'm missing a key step, but I don't know what it is.
Can anyone point me in the right direction please? It would be much appreciated.
-Ilyoung
Comment