Product Page Swatches Displaying Inconsistently (Images vs Letters)

Hello Xtemos Support Team,

I’m experiencing an issue on the product page with variation swatches. Some swatches are displaying correctly as images, while others are showing as letters/text instead.

Could you please let me know how to fix this so all swatches display consistently as images?

I’ve attached a screenshot for reference.

Thank you for your help, and please let me know if you need any additional details from my end.

Best regards,
Nirajan

Attachments:

You must be logged in to view attached files.

Hello,

Please share the page URL of the product page where the issue persists and share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Attached

Hello,

Enable the “Text swatch” for the attributes: https://postimg.cc/H8dXSFHw where the images are not showing, I have enabled it in the “Artichoke” attribute and the variation image showing fine in this attribute on “ZUZUMO:MO- Women’s high-waisted t-shirt” product.

Best Regards,

still having issues

Attachments:

You must be logged in to view attached files.

Hello,

You have not disabled the text swatch option for the attribute terms. Please navigate to Products > Attributes > Configure terms for the Color attribute, edit the desired term, and disable the Text Swatch option.

Please check these steps on how the variation images work:

Enable the “Use images from product variations” in Theme Settings > Shop > Variable products: https://postimg.cc/4K0cgmGy

Define the image for the variation in the settings of the product: https://postimg.cc/phYnnkj7

Enable the “Text swatch” for the attributes: https://postimg.cc/H8dXSFHw

Navigate to Theme Settings > Shop > Variable products > set them as “Grid swatch attribute to display”: https://postimg.cc/FfxThbRd

When this option is enabled, the swatches will automatically use the images assigned to product variations.

For more details, please review these helpful guides:https://xtemos.com/docs-topic/variable-products-and-swatches/, https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

Best Regards,

Still not working

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the product page URL so I can further check on your site and give you a possible solution?

Best Regards,

hello, I still have not gotten this issue resolved. Can someone help with this?

Appreciate it
nirajan

Hello,

Can you please share the product page URL where the images are not showing in swatches so I can further check on your site and give you a possible solution?

Best Regards

Thank you for getting back. I’ve provided an example for a product links where swatches are working as designed vs where it is not working as designed.

Not working for this product:
https://bellymonk.com/product/zuzumomo-womens-relaxed-t-shirt/?preview_id=28890&preview_nonce=e1ceeee874&_thumbnail_id=28933&preview=true

Working for this product
https://bellymonk.com/product/womens-relaxed-t-shirt-2/

Hello,

Your issue has been resolved. I have increased the AJAX variation threshold value under Theme Settings > Shop > Variable products, check back your site and check the issue.

See Screenshot for clarification: https://postimg.cc/RN5y8J06

Best Regards

This is awesome, Thank you,

Is there a way to remove the side navigation bars just one main page landing such has Women’s or Men’s or Accessories?
for example on this page: https://bellymonk.com/product-category/womens/

but I still would love to have the side navigation bar under category page such as Women’s Tee/ or Men’s Tee
for example: https://bellymonk.com/product-category/womens/womens-tee/

Hello,

Try to use the theme preset feature of our theme for a specific condition (Term ID) for a specific category and disable it from the theme settings.

Here is our documentation on how to use theme presets: https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards

Hi Support Team,

I’m having an issue when trying to edit a page using Elementor. When I click to edit the page with Elementor, the editor keeps spinning/loading indefinitely, and I’m unable to access Elementor or make any changes.

Could you please take a look and advise what might be causing this issue and how I can resolve it?

Please let me know if you need any additional information from my side.

Thank you for your help!

Hello,

It seems to be due to the low memory limit on your server. Update these limits in the PHP file. You need to contact your hosting provider and ask them to increase it.

If the issue remains, please deactivate all the third-party plugins, then clear the cache and check back.

Please follow this Elementor guide and configure the options: https://elementor.com/help/cant-edit-with-elementor/

After applying the recommended settings, clear all caches and test the editor again.

Best Regards

Hi,

Thank you for the suggestions.

I did reach out to my hosting provider and had the memory limit increased. I also deactivated the third-party plugins, cleared the cache, and followed all of the recommended steps in the Elementor guide you provided.

Unfortunately, the issue still seems to persist and the editor is not working properly for some reason.

Could you please advise on what else I can try or what might be causing the issue? I’d really appreciate any further guidance.

Best regards,

Hello,

I have checked your site and noticed a critical PHP error related to Elementor Pro:

Class “ElementorPro\Core\Modules_Manager” not found
This indicates that the Elementor and Elementor Pro files may not be loading correctly or that there may be an issue with their current installation/version combination.

Please try the following:

Make sure Elementor and Elementor Pro are updated to their latest compatible versions.

If they are already up to date, reinstall Elementor Pro to ensure that all of its files are present and correctly loaded. Please make a backup before reinstalling.

Temporarily deactivate Elementor Pro and check whether the Elementor editor loads with the free Elementor plugin only.

Also, I see that you have activated the Hello Elementor theme rather than WoodMart, the issue appears to be related to the Elementor/Elementor Pro environment rather than the WoodMart theme.

Best Regards

Thank you for checking the site and providing the details.

I’ve tried several different ways to resolve the issue, including the steps you suggested, but unfortunately the Elementor editor is still not loading and I’m still getting stuck with the spinning/loading screen.

At this point, I’m really stuck and unable to make any changes to the website. What would you suggest I do next? If possible, could you please take a closer look at the Elementor/Elementor Pro installation and let me know exactly what needs to be fixed?

I’m also happy for you to guide me through the next steps or let me know if there is anything you need from my end to troubleshoot this further.

I would really appreciate your help because I’m currently unable to do anything in the Elementor editor.

Thank you,

Hello,

Thank you for the update.

First of all please try to increase the PHP Max Input Vars value to theme required 10000 from the server and then check back the site: https://ibb.co/jvGGQtQL

If still the issue will not solve then, please try the following steps:
1. Delete and reinstall Elementor Pro using the latest compatible version.
2. Make sure both the free Elementor plugin and Elementor Pro are updated to the latest compatible versions.
3. Clear all website, server, and browser caches.
4. Try opening the Elementor editor again.

Please note that we have also tested the issue with the Hello Elementor theme, and the same issue occurs there as well. This confirms that the issue is not related to the WoodMart theme.

If the issue persists after reinstalling Elementor Pro and ensuring both Elementor plugins are compatible and up to date, please contact Elementor Support regarding this issue. They will be able to guide you better.

Best Regards

[Author]

Posts