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

Variations won’t display on shop archive

Eric Embacher

I’ve configured the plugin to show variation swatches on my shop archive page. However, they do not appear. How can I troubleshoot this? I’ve tried disabling other plugins and have ruled out a plugin conflict.

Note that they appear fine on single product pages, it’s just the archive page that has the problem.

Screenshot 2024-06-28 at 12.57.11 PM.png

Hakik Zaman

Hi Eric,

Thanks for reaching out to us. Your /wp-admin is redirecting to the homepage. The login page needed an email- https://paste.pics/RA22E

Can you please give us temporary admin access to your site? We’ll try to investigate the issue for you.

You can also use this plugin to share a temporary login link to your dashboard.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin, and set the info here.

Add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Eric Embacher

I added the email address to the private ticket details.

Hakik Zaman

Hi Eric,

Unfortunately, I am not familiar with Bricks Builder.

Use this shortcode- [wvs_show_archive_variation] inside your product shop loop.

Thank You

Eric Embacher

OK, I added the shortcode and they now appear. Strangely, I use your plugin on another site—also built with Bricks—and I did not need the shortcode.

Hakik Zaman

Hi Eric,

It depends on the widget/block of bricks you are using.

The swatches will automatically appear if `woocommerce_after_shop_loop_item` hook found in any widgets/blocks.

Thank You

Eric Embacher

I found a side effect of using the shortcode approach: any javascript used on variation selectors for products that appear on pages after the first page of the product grid is not initialized. Therefore once you navigate to page 2 of the grid (assuming the grid has more items than will fit on each page—24 in my case) you can no longer interact with any variation swatches.

I can execute some javascript after the second set of products has loaded into the grid. How would I re-initialize the all variations swatch elements in the grid when one navigates to a new grid page (i.e. what function can I call)?

Hakik Zaman

Hi Eric,

Please reinitialize Swatches Script using `after new product loads event`

Here is the trigger-

jQuery(document).trigger("woo_variation_swatches_pro_init");

You should call the above trigger after the new product loads event.

Thank You