Public Ticket #114294

Swatches issues with how it is displaying and working.

Jodie Griffiths

2 years ago

I wish to display the colour swatches bigger and more of a circle not eclipse, also with no tick.
Also if I select Shape it should only show the size rugs for those shapes not all of them.
Also I can’t select runner or round rug for some reason.

https://therugcollective.com.tr/product/distressed-vintage-kendra-area-rug/

I want to look more like this.

Hakik Zaman

2 years ago

Hi Jodie,

Thanks for reaching out to us.

I wish to display the colour swatches bigger and more of a circle not eclipse, also with no tick.

Please check this tutorial to make one attribute bigger. To get a circle shape please make sure your width and height are the same. To hide the tick, please add the below CSS at Appearance > Customize > Additional CSS

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before { background-image: none; }

Also if I select Shape it should only show the size rugs for those shapes not all of them.,

Also I can’t select runner or round rug for some reason.

Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out the issue.

Thank you

Jodie Griffiths

2 years ago

have shape as well, but I don’t want all the sizing to appear, only when it is related to the shape

For instance

When you click Area Rug – should display 120×170, 160×230, 200×290, 240×310 – Round – should only only display 183×183, 240×240 for instance, Not all of them. https://therugcollective.com.tr/product/distressed-vintage-kendra-area-rug/?attribute_pa_color=kendra-ash&attribute_pa_size=160x230cm&attribute_pa_shape=area-rug

Also the swatches aren’t changing when you select the small one the large one isn’t showing. Also isn’t showing on the other swatches as thumbnails next to the large image

Jodie Griffiths

2 years ago

https://www.loom.com/share/5c6ffd6b240749b19e248ea8458c56e2 here see what I mean by the variante images are missing. Also the main image doesn’t change when you select colour. Also the rug sizes are all showing, should only show when the Shape is selected. Also why are the words Shape, Colour, Size on the side now. Before they up top

Hakik Zaman

2 years ago

Hi Jodie,

When you click Area Rug – should display 120×170, 160×230, 200×290, 240×310 – Round – should only only display 183×183, 240×240 for instance, Not all of them.

Please enable this option and check.

I mean by the variante images are missing.

Make sure you have added variation images for each variation like this.

BTW, I couldn’t access your site because your given login credentials are not working.

Thank You

Jodie Griffiths

2 years ago

Okay that worked, but how come I can upload only one image at a time, that is very time consuming. Also under Shape, it is only showing Area Rug, I still want Round, Runner to show, so they know they click on them headings, and sizing will appear.

Also as mentioned before, the headings, Colour, Shape and Size used to appear at time, now it is on the side.

Backend password is – gBondMll4Z&k)8K5XLk!VrKl

Hakik Zaman

2 years ago

Hi Jodie,

Also under Shape, it is only showing Area Rug, I still want Round, Runner to show, so they know they click on them headings, and sizing will appear.

You have the default selection from the product edit page. Check this screenshot.

So, they will not appear on the first load. BTW, it is a default feature of WooCommerce.

Also as mentioned before, the headings, Colour, Shape and Size used to appear at time, now it is on the side.

Did you mean attribute titles should on one line? If so, please contact your theme support because the design is coming from your theme.

Thank You

Jodie Griffiths

Please login to re-open this ticket