Enjoy 20% Off on Friday & Cyber Monday Deal. To Get the Discount Code, Check here

Archive swatches – untidy single product page

Nigel Wood

Hi

 

Could you take a look at my product page on say  https://badrags.com/product/chunky-knit-toque/       (site in build!)

The variations are untidy –    color / images / cancel are inline

The images move when a color is selected etc and all seem a bit cramped

 

Is it possible to get the variation name to appear on line above, then the variation images below, then the cancel command – all as per your demonstrations

Is there any option to change the background color from grey (I am sure I can write CSS, but wondered if it was in the plugin’s configuration

 

Yes – the quantity and add-to-cart is deliberately removed in CSS for now.

Many thanks

 

Nigel

Shamser Suzon

Hi Nigel,

Could you please explain a bit more with some screenshots? I am sorry that I could not get your query.

Thank you

Nigel Wood

Please go to this link and try making a selection    https://badrags.com/product/chunky-knit-toque/

 

Nigel Wood

I dont think your upload image is working on this reply system???

 

Shamser Suzon

Hello Nigel Wood,

You can use google drive to upload images.

Thanks

Shamser Suzon

Hello Nigel Wood,

The orientation of the texts are coming from your theme and the background color also.

The job of our plugin to replace variation select dropdown into swatches.

Thanks

Nigel Wood

 

Well thats not right as the   Variant label  (example  Color:Heather grey ) is controlled by your CSS

.woo-variation-swatches.wvs-show-label .variations td {
display: block;
width:auto!important;
}

I dont think this comes from theme does it?

 

????

 

Shamser Suzon

Hello Nigel Wood,

example Color:Heather grey

Yes, Only the color name is coming from our plugin and the swatches. Nothing else.

 

Thanks

Nigel Wood

This is my 6th email about this issue and you are not addressing the problem – can you please escalate within your company

I have attached a document showing the problem – your plug in is changing the spacing of the variants on the page

See https://docs.google.com/document/d/17ffBoFJNKO_pqssRUlCwadbb8EgqUPAHNZYhpD2nufM/edit?usp=sharing

and also my site   https://badrags.com/product/premium-flat-brim-fitted-hat/

I can control the background color – but not the spacing of the label column.

Do you have someone that can show me how to resolve this – maybe with CSS or something – as it looks terrible….

Thank you

Nigel

 

 

 

Nigel Wood

 

Please close this ticket now.

I have given up and moved to another similar plug-in which seems to operate better