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

Preloader keeps on running

Jatin1 Paliwal

I have a shop page on which I am using WPgrid builder faucets to filter the product grid, when the page is first loaded the images load fine and the variation image also changes according to the variation selected but after I select a filter and the products get filtred the gallery keeps on loading indefinitely.

Hakik Zaman

Hi Jatin1,

Thanks for reaching out to us. Can you please give us an exact product link to check?

If you record me reproducing your issue using a tool like this- https://www.useloom.com
It will help me to quickly figure out the issue.

Thank you

Jatin1 Paliwal

Hi Hakik,

I was able to solve the issue with the image variations but the swatches still don’t work.

I used the ‘init’ trigger for the variation gallery I found on WordPress but the same does not work for the Swatches plugin, do I need to raise a separate ticket or you can help me with that here?

 

Thanks

Hakik Zaman

Hi Jatin1,

We can continue here. Can you please share the trigger here? It will help me to understand.

If you record me reproducing your issue using a tool like this- https://www.useloom.com
It will help me to quickly figure out the issue.

Thank You

Jatin1 Paliwal

Hi Hakik,

Below is the trigger I used to fix the issue with the variation gallery.

‘woo_variation_gallery_init’

I am running this trigger after a 2sec delay after the ajax filters have been executed.

But the same for variation swatches do not work, i.e. ‘woo_variation_swatches_init’ does not work.

 

Thanks

Hakik Zaman

Hi Jatin1,

I am running this trigger after a 2sec delay after the ajax filters have been executed.

The trigger you are using is not the trigger for Variation Swatches Pro.

You can try this: woo_variation_swatches_pro_init

Thank You

Jatin1 Paliwal

Hi Hakik,

I am not using the pro version on the variation swatches tried using both triggers, i.e.

‘woo_variation_swatches_pro_init’ and ‘woo_variation_swatches_init’

both do not work.

Thanks

Hakik Zaman

Hi Jatin1,

I see you are not a Pro user. How you are displaying the swatches on the shop/archive page?

If you are using another plugin or snippet to bring it, please contact the corresponding plugin or snippet author regarding this issue.

Thank You

Jatin1 Paliwal

Hi Hakik,

I am using the following plugin woo-variation-swatches and it automatically changed the variations to swatches after activating.

As for displaying the variations I am using the default add-to-cart block from oxygen builder.

 

Thanks

Hakik Zaman

Hi Jatin1,

In our standard/free version, we have no feature to display swatches on the archive/shop page.

So, I guess the add-to-cart block is displaying the auto dropdown which is converted by our plugin.

Unfortunately, we have no workaround for this kind of block. Because we are not displaying that.

I hope I could clear up your confusion.

Thank You

Jatin1 Paliwal

Hi Hakik,

Even with the pro version and using the trigger ‘woo_variation_swatches_pro_init’ it does not help.

 

Thanks

Hakik Zaman

Hi Jatin1,

Is there any other cart button block in Oxygen Builder to display only the cart button?

I think this should exist as an option or block in Oxygen Builder. If you are unable to find it please contact oxygen support.

Then you can use the shortcode: [wvs_show_archive_variation] to display swatches on the archive/shop page and the trigger woo_variation_swatches_pro_init will work properly there.

Thank You

Jatin1 Paliwal

Hi Hakik,

is there any shortcode for the variation gallery too?

Thanks

Hakik Zaman

Hi Jatin1,

Unfortunately, there is no shortcode for the Variation Gallery.

Variation Gallery will automatically work where the default WooCommerce gallery is loaded.

BTW, our gallery plugin was not developed for the shop/archive page.

Thank You

Jatin1 Paliwal

Hi Hakik,

Is there a way i can get it to work on shop page,

 

Thanks

Hakik Zaman

Hi Jatin1,

Unfortunately, there is no workaround for the shop page when you are using the Variation Gallery Plugin.

Thank You

Jatin1 Paliwal

Hi Hakik,

I am using the shortcode you provided to display the swatches but how do I connect the add to cart button to it, the default block for add to cart button takes input from the default form instead of the shortcode.

 

Thanks

Hakik Zaman

Hi Jatin1,

I am not an Oxygen Builder expert. But as I can see you are making it complex.

Without making it complex use this: https://paste.pics/O0C8E

Thank You

Jatin1 Paliwal

Hi Hakik,

Got it to work just having a redirection problem now.

Thanks for the help.

 

 

 

Hakik Zaman

Hi Jatin1,

Can you please give me an exact link to where it is working?

I have visited your staging site but I got it the same as it was before.

Thank You

Jatin1 Paliwal

Hi Hakik,

https://staging.nortekled.com/shop/

Above is the link where I got it working but as of now after selecting variables the add to cart button redirects to the product page instead of adding the product to the cart but preserves the options selected.

 

Thanks

Jatin1 Paliwal

Hi Hakik,

I know you asked me to use the product list instead but it does not provide the functionalities I needed so I am using a repeater instead.

Thanks

Hakik Zaman

Hi Jatin1,

You are using a form just like a single product page on the shop page.

Our plugin will not work like that. I hope I could clear up your confusion.

The way you are displaying products is not a common/standard in WooCommerce.

WooCommerce uses a shop loop and displays only a button with each product. But you are using a form on the archive.

When you override the WooCommerce way, it is your responsibility to make it work. It is beyond our support scope when you change the WooCommerce behavior.

Thank You