Return to previous page

Enable label of swatches/attribute on product archive

This topic has 10 replies, 3 voices, and was last updated 3 weeks, 5 days ago ago by Andrew Mitchell

ju

Participant

October 29, 2024 at 11:38

Hi, we would like to enable/ show the label of our swatches on product archive page. Could you please help with CSS or Code…
Regards

Files is visible for topic creator and
support staff only.

#420841 Copied Theme version: 9.4.1

9 Answers
Rose Tyler

Support staff

October 29, 2024 at 11:48
Hello,

Thank you for reaching out to us.

We understand that you would like to enable or display the label of your swatches on the product archive page. We would be happy to assist you with this. Please find below the necessary CSS or code to achieve this:
```
.content-product .st-swatch-in-loop:before {
    content: "Color:";
}
```
Best Regards,
8Theme’s Team
#420846 Copied
ju

Participant

October 29, 2024 at 11:57

That works fine without Xstore Page Builder and only one attribute.
What about if we would like to implement in Product Archive List (Page Builder Widget in Elementor) with more than one attribute, e.g Armchair with different color and size…

#420850 Copied

Rose Tyler

Support staff

October 29, 2024 at 11:59

Hello,

Please provide URL of page where you have a few attributes on the products grid page and we will check what can be done to help you.

Best Regards,
8Theme’s Team

#420852 Copied

ju

Participant

October 29, 2024 at 12:03

https://interiordome.com/product-category/romantic-chic/tische-romantic-chic/

Look at the first product: Label 1 is “Design wählen” Label 2 is “Größe” as it shows in Single Product Page…

#420853 Copied
Rose Tyler

Support staff

October 29, 2024 at 12:46
Hello,

We appreciate your prompt response.
```
.content-product .st-swatch-in-loop [data-et-holder="pa_color"]:before {
    content: "Design wählen:";
}
.content-product .st-swatch-in-loop [data-et-holder="pa_groesse"]:before {
    content: "Größe";
}
```
Best Regards,
8Theme’s Team
#420857 Copied
ju

Participant

October 29, 2024 at 13:41

Thanks, that works, is there also a possiblity to implement this code and changes all attribute labels automatically?

#420867 Copied

Rose Tyler

Support staff

October 29, 2024 at 14:42

Hello,

Could you kindly provide more details regarding your request?

Best Regards,
8Theme’s Team

#420881 Copied

ju

Participant

October 29, 2024 at 15:08

it’s ok, for the moment ist works fine. Thanks

#420889 Copied

Andrew Mitchell

Support staff

October 29, 2024 at 15:08

Dear ju,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

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

The issue related to '‘Enable label of swatches/attribute on product archive’' has been successfully resolved, and the topic is now closed for further responses

Enable label of swatches/attribute on product archive

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection