Avada Duplicate Gallery

When using the Avada theme with the Smart Variations Images plugin, you might notice that product pages display two galleries. This duplication is typically caused by the Avada builder injecting one gallery for desktop and another for mobile.

How to Resolve the Issue

You have two options to resolve this issue – choose one or the other:

Option 1: Use the [svi_wcsc] Shortcode

If you insert the [svi_wcsc] shortcode in your product pages, the Smart Variations Images gallery will be forced to display consistently across all devices. This method ensures that only one gallery is active and avoids the duplicate injection from the Avada builder.

Option 2: Apply Custom CSS to Hide the Duplicate Gallery

If you prefer not to use the shortcode, you can add the following custom CSS rule to hide the second (duplicate) gallery:

.gallery-svi.avada-product-gallery:nth-of-type(2) {
display: none !important;
}

This rule specifically targets the second instance of the gallery, effectively hiding it from view.

Additional Notes

The duplicate gallery issue is a result of the Avada builder creating separate blocks for desktop, tablet, and mobile views. Using one of the options above will ensure that only one gallery is displayed, which in turn improves the functionality of image variations on your product pages.

If you continue to experience issues or have further questions, please refer to our documentation or contact our support team.