Jun 8

WoodMart Variation Image swatch conflict

The Problem: On variable products using two attributes—Color (color) and Size (megethos)—clicking on a color swatch fails to update the main product gallery image (on the single product page) or the thumbnail image (on the product grid) unless a size is selected first. Technical Analysis: The WooCommerce Dependency Lock: By default, WooCommerce native scripts do not trigger the found_variation event until a complete and unique variation combination is chosen (Color + Size). Because clicking a color swatch leaves the size undefined, WooCommerce blocks the image change. The Swatch/Slider Conflict: WoodMart handles advanced swatches beautifully, but because the theme’s slider gallery (Slick/Owl) relies on native WooCommerce events to track variations, the gallery stays frozen on the initial image. The Multilingual Selector Miss: Standard scripts looking for generic attributes like size fail to find the elements because the size attribute uses the Greek localization pa_megethos. The Impact on User Experience: Customers clicking different color swatches see no visual response from the main gallery. They assume the color switches are broken or that different color photos do not exist, unless they happen to choose a size first.

Closed