Compare commits

..

No commits in common. "bug-update" and "main" have entirely different histories.

3 changed files with 7 additions and 13 deletions

View File

@ -26,7 +26,6 @@ import $ from 'jquery';
import prestashop from 'prestashop'; import prestashop from 'prestashop';
import ProductSelect from './components/product-select'; import ProductSelect from './components/product-select';
import updateSources from './components/update-sources'; import updateSources from './components/update-sources';
import EasyZoom from './easyzoom';
$(document).ready(() => { $(document).ready(() => {
function coverImage() { function coverImage() {
@ -52,9 +51,9 @@ $(document).ready(() => {
productCover.attr('alt', newSelectedThumb.attr('alt')); productCover.attr('alt', newSelectedThumb.attr('alt'));
modalProductCover.attr('alt', newSelectedThumb.attr('alt')); modalProductCover.attr('alt', newSelectedThumb.attr('alt'));
// Update EasyZoom instance // Get data from thumbnail and update cover sources
const easyZoomApi = $('.easyzoom').data('easyZoom'); updateSources(productCover, newSelectedThumb.data('image-medium-sources'));
easyZoomApi.swap(newSelectedThumb.data('image-medium-src'), newSelectedThumb.data('image-large-src')); updateSources(modalProductCover, newSelectedThumb.data('image-large-sources'));
}; };
$(prestashop.themeSelectors.product.thumb).on('click', (event) => { $(prestashop.themeSelectors.product.thumb).on('click', (event) => {
@ -170,9 +169,6 @@ $(document).ready(() => {
imageScrollBox(); imageScrollBox();
addJsProductTabActiveSelector(); addJsProductTabActiveSelector();
// Initialize EasyZoom
const $easyzoom = $('.easyzoom').easyZoom();
prestashop.on('updatedProduct', (event) => { prestashop.on('updatedProduct', (event) => {
createInputFile(); createInputFile();
coverImage(); coverImage();

File diff suppressed because one or more lines are too long

View File

@ -36,7 +36,7 @@
{block name='product_images'} {block name='product_images'}
<div class="js-qv-mask mask" > <div class="js-qv-mask mask" >
<ul class="product-images js-qv-product-images flex flex-row lg:flex-col gap-6 w-full h-auto"> <ul class="product-images js-qv-product-images flex flex-row lg:flex-col gap-6">
{foreach from=$product.images item=image} {foreach from=$product.images item=image}
<li class="thumb-container w-14 md:w-24"> <li class="thumb-container w-14 md:w-24">
<img <img
@ -47,7 +47,6 @@
alt="{$image.legend}" alt="{$image.legend}"
title="{$image.legend}" title="{$image.legend}"
itemprop="image" itemprop="image"
> >
</li> </li>
{/foreach} {/foreach}