WIP: Image swatches & Image Gallery

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

On WooCommerce product page i have 2 attributes as Product Swatches. First one as images, second one as dropdown. There is a product gallery element in the left column.

Issue after page reload:

  1. The main image is not changing to the product swatch, the gallery is working
    Issue afer click on swatch

Issue after selecting the 2nd swatch (dropdown)
2) The swatch images all go into 1 variation (same image) although the slider works now showing the clicked variation.

Setup (passw: breton)
https://go.screenpal.com/watch/cT10imnXHdF

Variation Swatches (passw: breton)

  • not changing main image on click on initial load
  • changing main image after selecting second swatch
  • first swatch is going into 1 color after selecting 2nd swatch

https://go.screenpal.com/watch/cT10iJnXHdE

2

Hi there,

Thank you so much. I can replicate the 2nd issue and have recorded it in the bug tracker.

For the 1st issue, that is the correct behaviour. If your variation has 2 or more options, they are required to select all options (Color and size in your case), then WooCommerce can detect the final variations and change the main Image.

Regards,
Jenn