Shopify Color Filters Tutorial 2024 - Color Swatches (finally!)

Shopify's recent update supports "visual filters". Now we can set up color swatches in filters across all themes - including Dawn and all the free themes.

Color Palettes:
https://materialuicolors.co/
https://flatuicolors.com/
https://htmlcolorcodes.com/color-char...

📢 STAY UPDATED

Subscribe to my newsletter: https://ed.codes/newsletter
Youtube won’t always show you my latest videos, subscribe to be notified and see other content that I don't post on Youtube.

🙏 SUPPORT THE CHANNEL

Buy me a coffee - https://www.buymeacoffee.com/edcodes
Patreon -   / edcodes  

🛠 CODE SHOP

https://ed.codes/shop
Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.

👍 MY FAVOURITE APPS & THEMES

All listed on my website - https://ed.codes/tools

📚 MY SHOPIFY CODING EBOOK

https://ed.codes/shopify-coding-handbook
Learn HTML, CSS and Shopify Liquid from the beginning and specifically for Shopify.

👨🏼‍💻 WHO AM I?

Hey! My name is Eduard.
I teach the tech side of starting and running a Shopify store.
I'm a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.

Visit my website: https://ed.codes

Join "Shopify DIY" on Discord
Chat with me and other store owners and developers:
https://ed.codes/community

⏭ CHAPTERS

00:00 Intro
01:22 Requirements
02:12 My demo products
02:38 Variant filters (old)
04:32 Metafield filters (old)
06:45 Metaobject color filters (new)
07:51 Define the Metaobject
08:40 Create your colors list
09:58 Create color metafield
11:19 Connect products to colors
12:02 Create the filter
13:24 Image swatches

#Shopify #Colorfilters #shopifyfilters