On a product detail page, when I hover over an image, it is merely enlarging the existing image, rather than using the original large-sized image. It seems the code is calling on the -l- thumbnail for display and for the zoom and when clicked on.
How do I get the zoom and click to use the original (large sized) image for zooming?
This is what the generated code looks like:
Code: Select all
<a href="/images/phocacartproducts/floral/thumbs/phoca_thumb_l_FLWR001.jpg" class=" phjProductHrefVItemP1 phImageFullHref phImageGalleryHref" data-href="/images/phocacartproducts/floral/thumbs/phoca_thumb_l_FLWR001.jpg">
<img src="/images/phocacartproducts/floral/thumbs/phoca_thumb_l_FLWR001.jpg" alt="Floral 001" class="img-responsive img-thumbnail ph-image-full phImageFull phImageGallery phjProductImageVItemP1" data-image="/images/phocacartproducts/floral/thumbs/phoca_thumb_l_FLWR001.jpg" data-image-large="/images/phocacartproducts/floral/thumbs/phoca_thumb_l_FLWR001.jpg">
</a>
Using version 3.5.0 on Joomla 3.9.18, Duka Template