fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

The variation swatches are not showing up in product grid (elementor/jetwoobuilder)

Beate Siljan

Hello!

We just purchased your plugin and I have done the settings from your video, but the product color attributes are not showing up.
I have used elementor/ jet woobuilder plugin for my products grid, and it does not look like they are compatible?  Can you help me? I would really appreciate it.

Hakik Zaman

Hi Beate,

Thanks for reaching out to us. I have created a child theme for you.

Then added jet-woo-builder folder inside the child theme’s root area- https://paste.pics/R52J2

Then I have enabled this option from here- https://paste.pics/R52JK

Now it displays like this- https://paste.pics/R52JW

Please check now and let me know how it goes.

Thank You

Beate Siljan

Hello again!

Thank you so much for this, it was really helpful! I am experiencing two issues:
1. It seems like when I click or hover on the variations attribute, it redirects to the product page instantly. Where is this configurated?
2. Is it possible to show the colors attributes but not the button/label that says “velg alternative” ?

Hakik Zaman

Hi Beate,

1. It seems like when I click or hover on the variations attribute, it redirects to the product page instantly. Where is this configurated?

You have enabled this option- https://paste.pics/R52SY

It wrapped all the elements including the swatches. Therefore Swatches redirects to the single product page.

I have disabled that for you. Please check now.

2. Is it possible to show the colors attributes but not the button/label that says “velg alternative” ?

I have added the following snippet to disable the add-to-cart button on your archive/shop page.

// Remove the add to cart button from the shop/archive page
add_filter( 'woocommerce_loop_add_to_cart_link', '__return_false' );

Please check now and let me know whether it meets your requirements or not.

Hope to hear from you soon.

Thank You

Beate Siljan

Thank you so much! You are really quick and very helpful – it is so much appreciated! <3
This did help with the issues I was having and solved them.

However, I am facing another issue with this now, the attribute settings seems to overrule the settings where image #2 is shown on hover/rollover for the image. This option seems to have been disabled now – is it possible to have both?

Also, it seems that some attributes are crossed out, when in fact we do have the color. Is this also a setting I have missed?

Thank you again for your great help!

Hakik Zaman

Hi Beate,

Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out the issue.

Thank you

Hakik Zaman

Hi Beate,

I have added the correct image selector here- https://paste.pics/R5BOX as per your archive product setup.

Please check now and let me know whether it is working as expected or not.

Before checking don’t forget to flush your caches like- browser cache, caching plugin cache, and server-side cache [if you have one]

Hope to hear from you soon.

Thank You

Beate Siljan

Thank you so much, your help is amazing! It really is a life saver.

I am sorry to be taking up so much of your time, but I am new to this and really learning a lot!

I have two more questions/issues

As you previously mentioned, all the elements including the swatches seems to be wrapped. I have unchecked the option for “hover on touch” also, but it seems like even if I have set the swatches to also change the hover image on the product. Is this also another setting?  am sorry if I am unclear, but please see if you can understand here:

https://www.loom.com/share/13f8a4e92aa64246828fb4e09a50f7ff?sid=b7b9e866-8c18-47f1-a878-d47f8fc3cdfe
As previously also mentioned – there seems to be an issue with items that does indeed have all the color variations – but still just a few of them show up. I have checked the products and they have several color attributes. Is there another setting I have missed?

again – thank you for great support!

Hakik Zaman

Hi Beate,

I have unchecked the option for “hover on touch” also, but it seems like even if I have set the swatches to also change the hover image on the product. Is this also another setting?

I am not clear but I have changed the settings, please check and let me know whether it is the expected result or not.

As previously also mentioned – there seems to be an issue with items that does indeed have all the color variations – but still just a few of them show up. I have checked the products and they have several color attributes. Is there another setting I have missed?

Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out the issue.

Thank You

Beate Siljan

Thank you again!

I have changed this back – it was correct what you did the first time. 🙂
Hovever – the issue lies in that the hover is triggered when i hover over the swatches, not the image. This is confusing to the user – can it be changed?

https://www.loom.com/share/281dffe956154c10b0c6fc83d4a0f825?sid=5a6926a9-554f-4c51-b33f-d737d138719e
Yes, if you can see here, does this make it easier?
https://www.loom.com/share/372f34f734a9429ea40a4449945f4f18?sid=bbe3a3cc-51dc-4969-80a3-9f17a558823a

Hakik Zaman

Hi Beate,

Hovever – the issue lies in that the hover is triggered when i hover over the swatches, not the image. This is confusing to the user – can it be changed?

Unfortunately, the hover image structure is from the widget you are using on your site. Both swatches and images are inside the same wrapper. When you hover over the wrapper it displays the second image. It is out of our control.

Yes, if you can see here, does this make it easier?

You haven’t added prices for those variations- https://paste.pics/R5EFW

Please set prices for the variations.

Thank You

Beate Siljan

Ok, I understand.

Thank you so much for your help, it has been really great!