I want to make a color swatch but wanted to use on every page like product collection ,product detail page , product recommendation, cart page and all how can i make this please help me if anyone know the code then please provide me and on hover on that color image should also change smoothly . I’m using dawn theme
Topic summary
A user working with the Dawn theme seeks to implement color swatches across multiple pages (product detail, collection, cart, recommendations) with smooth image changes on hover.
User Requirements:
- Color swatches functional on all store pages
- Hover effect that smoothly changes product images
- Code-based solution preferred
Suggested Solution:
One respondent recommended Easify Product Options app, which:
- Creates reusable option sets applicable to multiple products
- Displays swatches on homepage, collection, and product pages without coding
- Offers manual or conditional product assignment
- Includes 24/7 live chat support
Current Status:
The original poster declined the app suggestion, specifically requesting a code-only implementation. The discussion remains open with no code solution provided yet.
2 Likes
Can you just simply tell me the process how can i do this I’ll do by my self
Hi @amisha-29
Yes, with Easify Product Options, you can create one option set and apply it to multiple products, either manually or using conditions.
The app supports showing swatches on the homepage, collection page, product page – super easy to use, no need to repeat setups and no coding required. Here’s how it works:
- This is the result:
- This is the app setting:
You can apply the option set manually or using conditions:
Then, go to the App Settings and choose which pages you want your options to appear on the ‘Other pages’ section.
Easify is perfect for setting up product options without touching any code—super easy to use. And if you ever need help, our 24/7 in-app live chat support is always here for you! 
Thankyou but i want to do this by code only
1 Like