How to create custom color swatches for products

Hi,

I am new to Shopify and helping a brand to operate their website which has been running for 2 years.
I face challenges in creating color swatches for the products when the color swatch is a pattern rather than a solid color.
I am using Ari template & the website is: https://parallel51.co/

The way we are current using for normal color swatches are below

1/ Add the product to the navigation
“Online Store” > “Navigation” > “Product Color Nav”
https://gyazo.com/c3ca5b510969983bfe17ca6fe709cd1f

https://gyazo.com/aef3ffc1063ae57b3b292f9dad69b44a

2/ Add the color hex code to the theme
“Online Store” > “Live theme” > “Actions” > “Edit code” > “Assets” > “swatches.json”
https://gyazo.com/06ab75f13c86d315cc73543633372958

When I look at the codes for pattern color swatches, i see a jpg is being refered to rather than hex code.
Anyone knows where and how I can upload the patterned color swatches jpg?

Thanks a lot!!

1 Like

Hi @tiffanymwc

Youll need a developer or you can check this one.