Return to previous page

How to change the way variable products appear

This topic has 10 replies, 3 voices, and was last updated 1 years, 4 months ago ago by Rose Tyler

PR

Participant

June 1, 2023 at 04:03

Hello,

when we make the product, a variable product. it gives us to make a choice via a drop down menu.
how can we change that to different blocks/buttons instead? so the customer can select the “blocks/buttons” versus the drop down menu.

we have added some examples in the PCA.

thanks!

Please, contact administrator
for this information.

#358331 Copied Theme version: 9.1.5

9 Answers

Tony Rodriguez

Support staff

June 1, 2023 at 07:17

Hello, PR,

If you would like to modify the attribute style, please follow the steps below:

1. Navigate to the WordPress Dashboard
2. Select Products > Attributes
3. Select Edit Attribute
4. Select Type > Label (square)
5. Update the changes

For reference, please see the image attached. https://postimg.cc/fJ23Drsf

We hope this helps.

Best regards,
8Theme’s Team

#358344 Copied

PR

Participant

June 23, 2023 at 21:59

Hello Tony,

Thanks!
And now how do/can we select this for certain products?

We added one attribute called;

Size & Models
size-models (is the slug)
Checked the enable archives button
Type is = label (square)
Customer ordering

But are not sure what to do next in terms of showing it for a specific product?

Please contact administrator
for this information.

#360158 Copied

Tony Rodriguez

Support staff

June 24, 2023 at 09:39

Hello, @PR,

To show the newly added attribute for a specific product on your website, you can follow these steps:

1. Log in to your WordPress admin panel.

2.Navigate to “Products” and click on “All Products.”

3. Find and edit the specific product for which you want to display the attribute.

4. Within the product editor, locate the “Product Data” section.

5.Click on the “Attributes” tab.

6.You should see a list of attributes that have been created. Find the attribute you added and check the box next to it to enable it for this product.

7.Save the changes to update the product.

Once you’ve completed these steps, the newly added attribute should be visible on the product page for the specific product you edited. Customers will be able to see and select the attribute when viewing that product

Remember to clear any caching plugins or server-side caching if you do not see the changes immediately on the front-end of your website.

Additionally, you can find an official Woocommerce article about product attributes here: https://woocommerce.com/document/managing-product-taxonomies/#product-attributes.

We hope this will solve your issue.

Best regards,
8Theme’s Team

#360192 Copied

PR

Participant

June 24, 2023 at 23:42

Hello Tony,

It still shows a drop down menu.
Is there anyway to make this section boxes?

is it possible to make a demo video for this issue?

#360215 Copied

Tony Rodriguez

Support staff

June 26, 2023 at 08:41

Hello, @PR,

Thank you for using our theme and for reaching out to us.

We have created a video tutorial on our test site to help you resolve your issue. Please watch the video in its entirety and follow the steps outlined.
https://www.veed.io/view/7153f0bc-9485-41cb-91f4-96387a6631be?sharingWidget=true&panel=share

We hope this will be of assistance.

Best regards,
8Theme’s Team

#360277 Copied

PR

Participant

June 28, 2023 at 00:20

Hello Tony,

thanks!
so basically we don’t need any 3rd party plugin (variation switches) as this comes with the theme already?

also, would we need to do this for all products we would like this on? meaning the boxes versus the drop down menu?

because if you go on a product -> make it a variable product and then add the variations and click update, the website will show the variations in a drop down menu form (not boxes)

Thanks for your clarification 🙂

#360474 Copied

Tony Rodriguez

Support staff

June 28, 2023 at 07:01

Hello, @PR,

1.No, you do not require a third-party plugin for this. Xstore has an in-built option for variation swatches.

2. You only need to edit the Products > Attribute and select the type dropdown to assign a particular attribute to the product. This will work on all products to which you have assigned a particular attribute.

We hope this helps.

Best Regards,
8Theme’s Team.

#360510 Copied

PR

Participant

June 28, 2023 at 22:05

Hello Tony,

thanks!
so we just need to make the specific attributers and assign them to specific products?

#360607 Copied

Rose Tyler

Support staff

June 29, 2023 at 08:54

Hello,

Yes, here is a video about our variation swatches – https://youtu.be/LgzC4iK-j6A

Please watch also video about the variable product type from WooCommerce – https://woocommerce.com/document/variable-product/ Each variation can have its own price.

P.S. 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 need to use global attributes for our variation swatches https://youtu.be/LgzC4iK-j6A and for elements.

Best Regards,
8Theme’s Team.

#360656 Copied
Tagged: appearance, change, themes, variable products, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)