Collection page, colors swatches not appear correctly (some colors appear to be missing)

Store Design
1

Hello all,

Thank you in advance for your help.

I’m having this issue here, In the Collection pages, some colors swatches seem to be missing, BUT in the products page all the colors appeared correctly.

I’ve already added the colors swatch (.PNG) files in the assets as well, but still unable to resolve the issue.

Thank you in advance for your help and input.

Pearlle.

signal-2021-10-15-180407_001.jpeg
signal-2021-10-15-180407_001.jpeg739×1600 117 KB

signal-2021-10-15-174627_001.jpeg
signal-2021-10-15-174627_001.jpeg1125×2436 157 KB

signal-2021-10-15-174623_001.jpeg
signal-2021-10-15-174623_001.jpeg1125×2436 136 KB

1 Like
2

@pearlle

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

Www.pearlle.com

Thank you very much

1 Like
4

@pearlle

thanks for URL

that was white color swatch doesn’t show proper so please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.product-swatch-inline__dot {border: 1px solid #ccc;}
1 Like
5

@KetanKumar

Thank you,

The code you provided is great, added the border to the colors swatches, help with display the white color properly.

Thank you very much!

Pearlle.

1 Like
6

@pearlle

yes, its my pleasure to help us