Product Style Hide Attributes in archives

9 replies4 participantsUpdated by Rose Tyler

  • Avatar: Tom S
    Tom S
    Participant

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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
    Avatar: Tom S
    Tom S
    Participant

    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
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

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

    Regards

    #205441 Copied
    Avatar: Tom S
    Tom S
    Participant

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

    outstanding support so far! 😀

    #205446 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!
    Have a nice day.

    Regards

    #205447 Copied
    Avatar: Apolloneos
    Apolloneos
    Participant

    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
    Avatar: Olga Barlow
    Olga Barlow
    Participant

    Hello,

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

    Regards

    #261968 Copied
    Avatar: Apolloneos
    Apolloneos
    Participant

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

    #262080 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!

    Regards

    #262083 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register

Similar topics