Return to previous page

Product Style Hide Attributes in archives

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

Tom S

Participant

December 5, 2018 at 14:07

Hi, great theme btw, epic! 😀

I would like to remove the product attributes from my shop archive listings as I have too many and they are cluttering up the site.

I am using Product Content Effect ‘Light’ which is ideal for me however the attributes are listed below and I can’t seem to get rid of them. (Please see screen shot. https://ibb.co/98Lk6S2 )

[EDIT: It appears to be attached to the ‘Price’ Product Content Element as when the ‘Price’ element is disabled the attributes disappear.]

Many thanks,
Tom. 🙂

#205436 Copied Theme version: 5.1.3 WooCommerce version: 3.5.2

9 Answers
Rose Tyler

Support staff

December 5, 2018 at 14:18
Hello,

Thanks for using our theme.
You can disable Variation swatches in Theme Options > Shop elements
or add this code in custom css area:
```
.st-swatch-in-loop {
    display: none !important;
}
```
Regards
#205438 Copied
Tom S

Participant

December 5, 2018 at 14:25

Fantastic, I may choose to disable Variation swatches however I do like how they present on singe products so I’d prefer to use the CSS however it’s throwing up an error:

https://ibb.co/j41hTDX

thanks again!

#205439 Copied

Rose Tyler

Support staff

December 5, 2018 at 14:28

Please see screenshot – http://prntscr.com/lr1how

Regards

#205441 Copied

Tom S

Participant

December 5, 2018 at 15:08

Haha! I’m such a dope, thanks so much.

outstanding support so far! 😀

#205446 Copied

Rose Tyler

Support staff

December 5, 2018 at 15:13

You’re welcome!
Have a nice day.

Regards

#205447 Copied

Apolloneos

Participant

November 30, 2020 at 17:44

Hello,

is it possible the Variation swatches to be hidden only in loop, but not via CSS, so that they are not loading and improve performance? Which file should we customize and add it in child theme? Or can we add any function to hide them?

Thanks

#261958 Copied

Olga Barlow

Support staff

November 30, 2020 at 18:34

Hello,

Go to Theme Options > WooCommerce > > Shop elements > Variation swatches > Swatch Position > choose disable.

Regards

#261968 Copied

Apolloneos

Participant

December 1, 2020 at 17:21

I thought that this would hide Variation swatches from product page too.
Thank you!

#262080 Copied

Rose Tyler

Support staff

December 1, 2020 at 17:35

You’re welcome!

Regards

#262083 Copied
Viewing 10 results - 1 through 10 (of 10 total)