Return to previous page

Elementor – Single Product Page – Variations Not Showing

This topic has 9 replies, 3 voices, and was last updated 3 months, 1 weeks ago ago by Andrew Mitchell

KSwan

Participant

January 7, 2024 at 21:56

Hello,

We’re editing the single product page using the Elementor editor (as prompted by the theme), and we can’t seem to show the variations on the front end as images.

For example: We have attributes that are colours (as image squares – an option from the theme), but they only show as “additional details” as plain text when brought into elementor.

We need to show these as images and ideally would like to use this as a module, so that we can have multiple attribute sets, all with images, for each product.

Please bear in mind our website is in catalogue mode as we’re not “selling these” online, but they are set to “show variations” on product page.

Please see website with our link, and see screenshot here of IDEAL situation.

Ideal situation: https://snipboard.io/D6RjT5.jpg

Please help,

Thank you for the help.

#378983 Copied Theme version: 9.2.5 WooCommerce version: Latest

8 Answers

Tony Rodriguez

Support staff

January 8, 2024 at 06:32

Hello, @KSwan,

Thank you for using our theme and for contacting us.

Please record a video of the problem for a better understanding. Upload it on a filesharing service, for example – https://wetransfer.com/ , and provide us with URL.

Furthermore, we would appreciate it if you could create temporary wp-admin access and share the details via the private content area. This will allow us to review your settings and better understand the issue at hand.

We kindly recommend that you take a complete backup of your site before proceeding.

Thank you for your cooperation.

Kind Regards,
8theme team.

Please contact administrator
for this information.

#378994 Copied

KSwan

Participant

January 8, 2024 at 12:36

Hello,

We’re happy to provide details on this, we have attached a visualised solution below and problem.

Essentially we can’t find any way using elementor for the product builder, to display variations with images. We can’t seem to find the block for it. – For showing the actual variations, OR for allowing the user to select a variation (linked to an image).

VISUALISED PROBLEM: _______

Problem visualised: https://snipboard.io/kBdJpK.jpg

VISUALISED SOLUTION: _______

Simple Product Version: https://snipboard.io/hVGzFY.jpg
Variable Product Version (IDEAL SOLUTION): https://snipboard.io/Y95kwB.jpg

Thank you again for the help.

Please contact administrator
for this information.

#379056 Copied

Tony Rodriguez

Support staff

January 8, 2024 at 12:58

Hello, @KSwan,

We would like to take this opportunity to provide you with an explanation.

Two different product attributes are available in WooCommerce, local and global product attributes. In WooCommerce both options are called attributes, but there is a difference in the functionality of these attributes.

Global attributes: These are the properties that you will find in the WP-Admin under Product > Attributes. All attributes created here are at on a global website level and can be used with all products.

Local attributes: These attributes are created when you create or edit a product. You cannot use these attributes to filter and they are only visible on the product page itself.

You can use only global attributes for our variation swatches – https://youtu.be/LgzC4iK-j6A

This is how it works.

Kind regards,
The 8Theme Team

#379059 Copied

KSwan

Participant

January 8, 2024 at 17:40

Hello,

Whilst I understand the logic of these variables, I’m still not able to display these on the frontend either way.

All the global attributes do not show at all on the single product page with Elementor for the single page, and there isn’t a “block” to add for these either.

This is the problem.

Kind regards.

#379132 Copied

Tony Rodriguez

Support staff

January 9, 2024 at 12:00

Hello, @KSwan,

Thank you for your response.

We hope this message finds you well. After a thorough investigation, we regret to inform you that our theme currently does not provide a specific theme option or functionality to show attributes on the single product page in a separate block. We understand this may not align with your expectations, and we apologize for any frustration this may have caused.

As an alternative, we encourage you to share your request on our Task Board at this link: https://www.8theme.com/taskboard/ . This platform allows our users to submit feature requests and ideas. If your suggestion gains sufficient votes from our community, our development team will seriously consider incorporating it into one of the upcoming updates.

Kind Regards,
8theme team

#379232 Copied

KSwan

Participant

January 9, 2024 at 20:52

Hello.

So essentially I can’t display variable products at all If I use the Elementor builder?

If this is the case I may need to discuss the use of the theme further as It’s a basic function on any ecommece site to be able to “pick a colour” or “variation”?

Is there no way to do this using the elementor single product builder, which is prompted by the theme?

Regards

#379392 Copied

Tony Rodriguez

Support staff

January 10, 2024 at 09:04

Hello, @KSwan,

Thank you for reaching out to us regarding the issue you’re facing with displaying variable products using the Elementor builder.

After thorough investigation, we regret to inform you that our theme currently does not provide an option or functionality to showcase attributes separately on the Single Product page. Specifically, local attributes, which are created during product creation or editing, cannot be used for filtering and are only visible on the product page itself.

However, our theme supports global attributes for variation swatches. As a default functionality, XStore allows the display of image attributes on variable products near the “Add to Cart” button. Unfortunately, the separation of variation swatches into a distinct block is not supported.

For your convenience, we have prepared a video demonstrating the proper functioning of variation swatches on variable products. You can access the video through the link provided below:https://www.veed.io/view/0bf238bb-defc-404f-b391-22ae6aeb7fc9?sharingWidget=true&panel=share

Before testing this, we recommend turning off the catalog mode for a better experience.From the XStore>>Theme Settings>>Woocommerce(Shop)>>Shop>>Catalog Mode.

For a visual guide, please refer to the attached image: https://imgur.com/a/PeKYxnx

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
The 8Theme Team

#379437 Copied

Andrew Mitchell

Support staff

January 29, 2024 at 00:18

Dear KSwan,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#381462 Copied
Tagged: elementor product page troubleshoot, elementor woocommerce fixes, product page variations issues, single product page elementor, woocommerce variations not showing, wordpress themes solutions, wordpress woocommerce elementor help
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Elementor – Single Product Page – Variations Not Showing’' has been successfully resolved, and the topic is now closed for further responses

Elementor – Single Product Page – Variations Not Showing

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection