Variation swatches

Hello,
I would like to show the variation swatches on the productsite in one line.
How do I do that?

Futhermore I would like to show different variation types in the product archive / product quick view. With some product the size is relevant and with some color is relevant. How is that working?

Thanks.
Lisa

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

1) You can read our detailed documentation about swatches in the following link:
https://xtemos.com/docs/woodmart/variable-products-swatches/

2) Sorry but there is no option in Theme Settings available for that. It requires customizations and this is beyond our limitations and support policy.

Regards
XTemos Studio

Thanks for the reply.

Unfortunately my question is not answered in the link you sent.

Is there any way to show swatches in one line only?

Lisa

Hello,

You are Most Welcome.

Could you please elaborate with the help of some relevant screenshots that you require to check it myself and help you out accordingly?

Regards.
Xtemos Studios.

Hi,

here is a screenshot of one of my product pages.
The size swatches are shown in 3 lines.

I would like to show them in one only.

Best regards

Lisa

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please provide the URL of the page to check it myself and help you out accordingly.

Best Regards

Thank you.

It’s a staging area.
So you will need the password.

Hello,

The Error in the variation display is because of the CSS loading from your website cache.

Screenshot for Clarification: https://gyazo.com/c40269b98159eb14c86ff94cd9bbe1d6

Please deactivate the cache plugin and check back.

Regards.
Xtemos Studios

Hello,

sorry, did I get you right? I should only deactivate the ‘WP-Optimize – Clean, Compress, Cache’ Plugin?
It did. Nothing changed. Maybe I understood you wrong?

All the best.
Lisa

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single-product form.cart .variations {
    width: 100% !important;
}

Best Regards

Thank you! That helped a lot! Now it’s as I want it to be!

Hello,

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts