Return to previous page

Only show color swatches on grid views in home and shop page

This topic has 6 replies, 2 voices, and was last updated 3 months ago ago by Luca Rossi

Safe Desires

Participant

August 19, 2024 at 07:19

Since different products will have different sizes to offer, I cannot think of a consistent way to have all products line up horizontally.

In the attached video, the user has the option to select different colors to view a swipe-enabled gallery. The user can choose to add this item to the cart. If so, there is a pop-up which ask for sizing. If that part is not an option with Xstore, it would at least be great to have the image change to the corresponding color when clicking on the color swatch. On my site, nothing changes.

In the screenshot, you can see that the image and swatches (so top to bottom) are lined up, even though the left product has only 3 less lines of text. How can we accomplish the same?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#410671 Copied Theme version: 9.3.17

5 Answers
Luca Rossi

Support staff

August 19, 2024 at 10:41
Hi @Safe Desires,

To hide the size swatches on home & shop pages, please try adding this custom CSS codes:
```
.home .et_st-default-holder[data-et-holder="pa_size"],
.woocommerce-shop .et_st-default-holder[data-et-holder="pa_size"]{
    display: none;
}
```
Hope it helps!
#410703 Copied
Safe Desires

Participant

August 19, 2024 at 17:32

That did not seem to work. I cleared cache and used incognito. The size swatches are still showing up in edit mode as well.

#410746 Copied

Luca Rossi

Support staff

August 20, 2024 at 05:37

Dear Safe Desires Team,

We hope this message finds you well.

We have noticed some discrepancies in how certain pages are appearing and would like to ensure that you are viewing the most updated version of our site. Please find below the links to the screenshots showing how the pages currently display on our end:

– Shop Page: [https://prnt.sc/bmBWT0maMcQu](https://prnt.sc/bmBWT0maMcQu)
– Home Page: [https://prnt.sc/1iZw2fXvEpk-](https://prnt.sc/1iZw2fXvEpk-)

Could you kindly clear your browser cache and check the pages again? This often resolves any display issues by loading the latest versions of the web pages.

Thank you for your attention to this matter. Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

#410773 Copied

Safe Desires

Participant

August 23, 2024 at 00:33

I did not make any changes but suddenly, size and color swatches have been replaced by dropdowns. How do I revert it back? The only thing I did was delete the following plugin, which has been inactive for months:
Variation Swatches for WooCommerce

#411219 Copied

Luca Rossi

Support staff

August 23, 2024 at 04:59

Dear @Safe Desires,

We hope this message finds you well.

We would like to inform you that we have noticed an issue where the color and size attributes on your platform were inadvertently reset to the ‘select’ type. Please refer to the screenshot for your reference: https://prnt.sc/DvxFg-Nac97B.

We have taken immediate action and corrected this by reverting the attributes back to the ‘color’ and ‘label’ types. We have verified that they are now displaying correctly.

Thank you for your attention to this matter. Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

#411230 Copied
Tagged: color swatches, customization, grid views, home page, shop page, woocommerce themes, wordpress
Viewing 6 results - 1 through 6 (of 6 total)