Return to previous page

Quick View Loader Stuck on Archive Pages When “Variation Swatches” Is Enabled

This topic has 11 replies, 3 voices, and was last updated 5 months, 3 weeks ago ago by Regis

Regis

Participant

July 4, 2025 at 12:31
Hi 8theme support,

I’m experiencing an issue with the “Quick View” feature in XStore.

When using the XStore Product Grid widget on a custom page, the Quick View modal and loader work as expected.

However, on archive pages (like product category pages), the Quick View modal appears, but the loader icon keeps spinning indefinitely and never stops, even though the product preview is visible.

In the browser console, I get the following JS error:

Uncaught TypeError: ST_WC_FRONT_SWATCH.productLoop.variationsQuickViewQty is not a function at success (.../wp-content/themes/xstore/js/modules/woocommerce.min.js?ver=0.0.1:12) at jQuery at quickView (.../wp-content/themes/xstore/js/modules/woocommerce.min.js?ver=0.0.1:12)

After testing, I found that disabling the “Variation Swatches” feature in Theme Options resolves the issue — the loader stops correctly.
However, I do not use “Variation Swatches” to show product variations via swatches — I enable it only to use the “Swatch Filter” widget, which allows filtering by color attributes.

So currently, I’m stuck between broken Quick View or losing the useful swatch filter.

Could you please help with a fix or workaround to make Quick View work properly on archive pages when “Variation Swatches” is enabled, even if no actual variation swatches are used in the loop?

Thanks in advance for your help.
#448930 Copied
10 Answers

Alex Carter

Support staff

July 4, 2025 at 12:39

Hello, Regis,

Please ensure that you are using the latest version of the theme and the core plugin.
https://www.8theme.com/documentation/xstore/theme-installation/theme-update/
https://www.8theme.com/documentation/xstore/plugins/plugins-update/

Once this is confirmed, kindly provide us with temporary access so that we can check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.

Best regards,
8Theme Team

#448931 Copied

Regis

Participant

July 4, 2025 at 14:11

Hello,

Thank you for your response.

I have updated the theme from version 9.4.14 to 9.5.1, and the XStore Core plugin was already up to date. Everything seems to be working fine now regarding the previous issue.

I have another question about the Quick View button icon: currently, it shows a cart icon, but I think it would be more intuitive to use an eye icon to indicate the preview.
Could you please advise how I can change that icon?

Best regards,
Regis

#448954 Copied

Alex Carter

Support staff

July 4, 2025 at 14:27

Hello,

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Warm Regards,
The 8Theme Team

#448957 Copied

Regis

Participant

July 4, 2025 at 14:37

Thank you for your response.
Please, find the credentials in the private content area.
Best regards,
Régis

Please contact administrator
for this information.

#448960 Copied

Alex Carter

Support staff

July 4, 2025 at 15:30

Hello,

We appreciate your prompt response.

https://prnt.sc/0ECDO7Ey-g7O
We kindly request that you disable the restriction for users in Ukraine and let us know.

Warm Regards,
The 8Theme Team

#448978 Copied

Regis

Participant

July 4, 2025 at 15:52

Hello,

The firewall restriction has been disabled, you should now have access from Ukraine.

Best regards,
Regis
Standing with Ukraine 🇺🇦

#448988 Copied

Alex Carter

Support staff

July 4, 2025 at 16:03

Hello,

Thank you for your message.

Please remove this code https://prnt.sc/dWS8yLndgAaG to get the next result https://prnt.sc/LgXPrU86wHEr

Best regards,
8Theme’s Team

#448990 Copied

Regis

Participant

July 4, 2025 at 16:17

Hello,

Thank you — that’s perfect!
It’s exactly what I was looking for. I guess it must be a small customization someone added during the initial setup of the XStore theme…

One question though:
Why do I need to keep part of the CSS code, specifically display: inline-block in the global styles?
Without that rule, the icon doesn’t show up. Isn’t this supposed to be the theme’s default behavior?

Thanks again for your help!

Best regards,
Regis

#448993 Copied

Jack Richardson

Support staff

July 4, 2025 at 16:25

Dear @Regis,

Thank you for reaching out.

Our theme has a clean and minimalistic approach for some product hovers, which is why the quick view feature is implemented with no icon by default for such hover type. However, we have retained the main icon code for customers who prefer to display the icon using the CSS property display: inline-block

You can view the default hover functionality on our demo site here: https://xstore.8theme.com/product-category/all/
For your reference, please see the screenshot: https://prnt.sc/6VLocdMOMmR6

If your original inquiry has been resolved, we kindly ask you to mark this topic as solved.

Best regards,
The 8Theme Team

#448996 Copied

Regis

Participant

July 4, 2025 at 16:33

Thanks for the support! My topic “Quick View Loader Stuck on Archive Pages When “Variation Swatches” Is Enabled” has been successfully resolved.

#448999 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Quick View Loader Stuck on Archive Pages When “Variation Swatches” Is Enabled’' has been successfully resolved, and the topic is now closed for further responses

Quick View Loader Stuck on Archive Pages When “Variation Swatches” Is Enabled

Explore our best WordPress WooCommerce Themes collection