Adding Color Swatches to Collection Page

JErgo
Excursionist
24 1 9

Having an unusually difficult time trying to get color swatches on to my collection pages.  I'm using a great app that I love called Variant Customer Product Options by Relentless Apps, but it currently only applies color swatches to product pages. 

Does anyone recommend an app that adds color swatches to the collection page or lists each color variant separately as its own product on the collection page?  I've tested Variants Options Swatch King and Color Swatch Pug on my site and they did not work well for me.

Open to adding code as well to get the swatches on the collection page. I have already created swatches or uploaded image swatches for all my products via the current app I'm using so I'm also a little hesitant to duplicate work that might affect the site's performance.

Here's my theme preview: Theme Preview . You can see the color swatches are on the product pages, but not on collection pages.

Replies 2 (2)

KetanKumar
Shopify Partner
36839 3635 11971

@JErgo 

https://gist.github.com/carolineschnapp/ed47c42d48ae4100f7be

https://gist.github.com/joe-dempsey/6ef2e9e047e8e95fde0342b7667b8289

https://business.czarto.com/2012/03/02/adding-color-swatches-to-your-shopify-collections-page/

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
oliversinz
Shopify Partner
96 7 17

Thanks.

- Was my reply helpful then Click Like and Mark it as an Accepted Solution

- Feel free to contact me regarding any help on: Twitter | LinkedIn | My website



- Want to modify or custom changes on store Hire me.
Shopify Partner | Full Stack Software Developer