The product images load the wrong product photos

Hello,

Thank you for reaching out to us.

To assist you more effectively, we kindly request that you record a video demonstrating the issue and the steps leading to it. This will help us better understand and replicate the problem on our end.
Upload the video on a filesharing service, for example – https://fex.net/ , and provide us with the URL.

Warm Regards,
The 8Theme Team

Hello @Shazard Ramjohn,

We have analyzed the issue and identified the following possible solutions for your case:

1. Our theme includes built-in swatches that have been demonstrated on our demos and thoroughly tested by our customers. You may disable the third-party plugin currently used for swatches and recreate the swatch attributes using our built-in functionality. Please refer to the following guide: https://www.8theme.com/documentation/xstore/video-tutotials/variation-swatches-3/.

2. Alternatively, it appears there may be a conflict between our theme’s slider and the custom swatches plugin. In this case, please copy the file woocommerce/templates/woocommerce/single-product/product-image.php to your-child-theme/woocommerce/single-product/product-image.php and test again.

If you require our assistance, kindly provide temporary FTP access in the private content area.

Best regards,
Jack Richardson
The 8Theme Team

Hello,

Thank you for wp-admin access.

Could you please provide temporary FTP access?

For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.

Warm Regards,
The 8Theme Team

Hello @Shazard Ramjohn,

We have analyzed the content of your single product page and noticed that multiple product galleries and “Add to Cart” forms have been created – some are displayed on desktop and hidden on mobile, while others are shown on mobile and hidden on desktop. This configuration may cause issues with incorrect image display, as WooCommerce scripts by default locate the first gallery on a single product page and modify the images there. If you can minimize the duplications and just re-order the elements on devices using settings in Advanced tab -> https://prnt.sc/Q-bNsiQwEEmF. It will make the benefit on page loading for your customers, so we kindly recommend you to check it and re-structure the single product template content.

Additionally, we noticed that a CDN is active on your website (https://gyazo.com/41f0e83e5f3441bda8b1da9f8b1245aa), which prevented us from making certain changes. Could you please temporarily disable it so that we can proceed with further checks?

We would also like to verify whether the functionality of your custom swatches plugin correctly switches images when using a default theme such as Storefront, as our analysis shows that all attributes were created according to the requirements of your custom plugin.

Furthermore, we observed a deeply nested structure on your page (https://gyazo.com/971e6836e74e5b4c04342af964912dc2), which may cause issues with page testers. We recommend restructuring the code to minimize the use of multiple nested containers.

Best regards,
Jack Richardson
8Theme Team

Hello @Shazard Ramjohn,

Please check now. We have activated the following option: https://prnt.sc/RHC2Ec6Zg3Yp, and disabled the following option: https://prnt.sc/UmNkrP5iCl1G.

Kindly clear your browser cache as well as the plugin’s cache installed on your website, then verify the results.

Best regards,
Jack Richardson
8Theme Team