How to Customize Variable Product Page?

Hello, I am a wordpress newbie.
Would you mind to give me some insights on how to customize the variable product page design?
If you don’t mind, would you like to send me the product page xml like in your demo in https://demo.xtemos.com/basel/shop/other/coffee/juhos-spezial/.

I will really appreciate your help. Thank you very much

Hello,

The required product layout includes in our demo content, it is called “Variable product example”. All you need to do after this is to change the product page design to default. This option can be found here “Theme Settings => Product Page => Product page design”.

Kind Regards
XTemos Studio

Thank you for your response.

One more question, is it possible to hide the side menu like in https://demo.xtemos.com/basel/home-coffee/? I mean how do I add a button to the menu so I can hide it and reveal it again if I click the button? Thank you

Hello,

Unfortunately, there is no such feature in our theme. We will consider adding this feature to our future updates.

Kind Regards
XTemos Studio

Sorry, but how do I resize the swatch images in the product page?
Please apologize me for my stupidness..I am new to wordpress..

You can control your product images sizes in WooCommerce -> Settings -> Products -> Display. Don’t forget to regenerate all thumbnails after changes.

Kind Regards
XTemos Studio

I mean the “swatches” not the whole product image and its thumbnails.
After I have followed your instruction, my image swatches sizes are the same it is so small.

What I want is like the example at your home coffee page.

Do you have any suggestion? Should I change the CSS? How?

Thank you

Why is my image not shown?
Here, I post it again..
My Small Image Swatches: http://imgur.com/a/Ze40v
Big Swatches: http://imgur.com/a/nftIT

Hello,

Could you please provide a link to your site, where we can see the problem.

Kind Regards
XTemos Studio

Hello,

I am actually still in the local development process.
What I mean is that my image swatches are so small compare to those swatches in your example like what I meant in the previous message.

Please look at my image here compared to your Big Swatches.

What could possible I have done wrong?
FYI, my image are 512 px x 512 px.
Please, help me.
Thank you..

Hello,

You can set a different size for your attribute swatches in the Dashboard -> Products -> Attributes -> edit attribute.

Regards

[Author]

Posts