WIP: Product Gallery: slider doesn't work

[joep]

Hi Guys,

Fom thispost i know that the Gallery component is not meant to work as “Native Image Swatch” for products outside of WooCommerce (Product only?) pages:

WIP: WooCommerce Gallery element - Image links to media file

Hi Timmse, If i may vouch for the Products Gallery element with link to the product page. It is being used as showcase for products on the homepage; I have built it with a normal query loop as well showing the main image (linking to product) + gallery below but the downside here is that the swatches are not working this way. [image] Could also be another way that somehow we can enable the swatches in this element structure with featured image/ Image Gallery. Jasper

On WooCommerce archive I have the variation image swatches (not the terms) working with a structure like this :

Now when the slider mode is enabled for the gallery on WooCommerce archive page the swatches are not working anymore.

Video:
https://go.screenpal.com/watch/cTioYpnl7tz

The goal is (still) to show image swatches on the WooCommerce Archive page; but using the “Products” component:

won’t work either

Jasper

[timmse]

Hi Jasper,
Thank you for your report!

To avoid any confusion: we are talking about product gallery thumbnails, not “swatches.” The term ‘swatches’ is only used in the add to cart element, keyword “variation swatches.” However, the thumbnails in the product gallery are not variation swatches, but simply images that have been assigned to the product gallery.

Regarding the problem: I can confirm the slider problem in the product gallery element and have created a task for it.

Within the products element, you could insert the product gallery images using {woo_product_gallery_images}, but only without a slider, as the dd tag does not contain slider functionality (this is not a bug, but a non-existent feature).

Best regards,
timmse

[joep]

Hi Timmse,

Thanks for your answer.
Yeah i might be looking for functionality which does not exist (yet).
I understand that “swatches” are only available at product level at the moment.

But then i think:
How am i able to advertising variable products on the Archive page when you can only show the main image and gallery with no clickable variations? Isn’t that a feature of every shop when advertising variable products?

I created a demo of what i hope will be a feature update then:
Protected Content (passw: jasper)

• Show all variations of a particular attribute under the main image
• Variation is clickable to the product directly showing the attribute
  The example above is built with the “Products element” which is not use-able on a WooCommerce Archive page as it wil not respond to Product Filters.

Working example Archive

So i decided to dig deep into ChatGPT and some knowledge of myself and made a working soluton for the Archive page, wrote an tutorial Work in Progress:

• The swatches are NOT working yet after product filtering; need a solution for that (suggestions?)

WIP: Image swatches on WooCommerce archive page

Working example of Product Swatches on WooCommerce Archive page PreRequisites: I am using Core Framework The swatches are NOT working yet after product filtering; need a solution for that (suggestions?) Related questions: Based on multiple questions from me about swatches possible on the archive i decided to dig deep into ChatGPT and some knowledge of myself and made a working soluton for the Archive pag with a query loop: What the script does: Show all variations of a particular attri…