Return to previous page

Swatches on product archive page – show only colors

This topic has 20 replies, 3 voices, and was last updated 5 months ago ago by Andrew Mitchell

Simeon Iliev

Participant

July 11, 2024 at 06:56

Hello,

Is it possible to display only the color swatches on the product archive page? Currently are displayed color and size.

Files is visible for topic creator and
support staff only.

#404146 Copied Theme version: 9.3.14

19 Answers

Rose Tyler

Support staff

July 11, 2024 at 10:21

Hello MEXESS,

Thank you for reaching out to us with your query.

We regret to inform you that we are currently unable to access your website. Could you please verify the site’s status on your end?

Regarding your query on customization, you may select the “Primary Attribute” by navigating to Theme Options > WooCommerce > Shop Elements > Variation Swatches in your site’s dashboard. To remove any unwanted content, you can apply custom CSS code.

We trust this information will be of assistance to you. Should you have any further questions, please do not hesitate to reach out.

Best Regards,
8Theme’s Team

#404189 Copied

Simeon Iliev

Participant

July 11, 2024 at 11:38

Hello,

Theme Options > WooCommerce > Shop Elements > Variation Swatches – this is set.

To remove any unwanted content, you can apply custom CSS code. – the CSS code hides all swatches (color + size). I want to hide only the size swatches.

#404207 Copied

Rose Tyler

Support staff

July 11, 2024 at 11:59

Hello MEXESS,

We hope this message finds you well. We are writing to inform you that we are unable to access your site with the URL you provided. In order to assist you with the custom CSS code, we kindly request that you make your site accessible to us.

Thank you for your attention to this matter. We look forward to your prompt response.

Best Regards,
8Theme’s Team

#404213 Copied

Simeon Iliev

Participant

July 11, 2024 at 12:01

Hi,

My store URL is https://mexess.com/

#404214 Copied
Rose Tyler

Support staff

July 11, 2024 at 12:11
Hello MEXESS,
```
.st-swatch-preview li.type-label.subtype-square {
    display: none;
}
```
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/
, and disable “Show More Link” in Theme Options > WooCommerce > Shop Elements > Variation Swatches

Best Regards,
8Theme’s Team
#404222 Copied
Simeon Iliev

Participant

July 11, 2024 at 12:20

Hi,

CSS code pasted in Custom Theme CSS – done.
disable “Show More Link” in Theme Options > WooCommerce > Shop Elements > Variation Swatches – done

No results, the sizes swatches are still visible even after cach cleared

#404224 Copied

Rose Tyler

Support staff

July 11, 2024 at 13:43

Hello MEXESS,

We appreciate your prompt response.

Please provide temporary wp-admin access, we need to check your settings.

Best Regards,
8Theme’s Team

#404252 Copied

Simeon Iliev

Participant

July 15, 2024 at 07:46

Private

Please contact administrator
for this information.

#404728 Copied

Rose Tyler

Support staff

July 15, 2024 at 08:18

Hello MEXESS,

Private Content

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#404737 Copied

Simeon Iliev

Participant

July 15, 2024 at 09:41

Hi,

Admin access in the private area.

FYI – in the code you sent me i have added !Important in the end and then it hid the size swatches from the Product archive template but it also hid the size swatches from the entire site (product page, left coloumn filter and etc.)
Currently the code is removed from the CSS theme field.

Please contact administrator
for this information.

#404757 Copied

Rose Tyler

Support staff

July 15, 2024 at 10:17

Hello MEXESS,

We can’t access your Dashboard:
“403
Forbidden
Access to this resource on the server is denied!”

Please contact your hosting provider to solve this.

Best Regards,
8Theme’s Team

#404767 Copied

Simeon Iliev

Participant

July 15, 2024 at 10:21

Hi,

Please try again now

#404768 Copied

Rose Tyler

Support staff

July 15, 2024 at 10:27

Hello MEXESS,

Please check now – https://prnt.sc/fSi17HBveEdu

Best Regards,
8Theme’s Team

#404773 Copied

Simeon Iliev

Participant

July 15, 2024 at 10:31

Hi,

This code does not works well. The sizes option are now hidden entire store. Check in the Product page. The option to select a size is hidden.

#404779 Copied

Rose Tyler

Support staff

July 15, 2024 at 11:03

Hello MEXESS,

Here is a screenshot from the single product page https://prnt.sc/fUGXLHQesSEu and this one from the shop page https://prnt.sc/0PjDFRcmL7sB
Please clear the cache before checking.

Best Regards,
8Theme’s Team

#404791 Copied

Simeon Iliev

Participant

July 15, 2024 at 11:10

Hi,

Cached cleared and looks good now on the English and Bulgarian versions but in the German the size swatches are still visible. Shouldn’t the code hide them from all language versions?

#404793 Copied

Rose Tyler

Support staff

July 15, 2024 at 12:12

Hello MEXESS,

Could you please provide us with the URL at your earliest convenience?

Best Regards,
8Theme’s Team

#404805 Copied

Simeon Iliev

Participant

July 15, 2024 at 12:33

It looks all good now. Thank you

#404808 Copied

Andrew Mitchell

Support staff

July 15, 2024 at 12:33

Dear MEXESS,

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

#404809 Copied
Tagged: best selling themes, color swatches, e-commerce design, online store customization, product archive page, swatches display, woocommerce themes
Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘Swatches on product archive page – show only colors’' has been successfully resolved, and the topic is now closed for further responses

Swatches on product archive page – show only colors

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection