Hi, I recently used siblings to our new products, is there a way to show the siblings swatches under the products when they are displayed in the product collection page or the home page?
I actually don’t have product variants, on each product. I made separate product page per color and to show the variants on each product, I used the siblings metaobject to show the siblings as variants. If that makes sense.
Would this still work?
Hi @Smbnz ,
Please send the website link, I will check it for you
Hi there,
If you’re open to using an app, you might want to take a look at Easify Custom Product Options. It can help you display color swatches directly on collection pages, homepage product sliders, and other featured product sections — not just on the product page.
For your use case, you can create a Color Swatches or Image Swatches option and link each swatch to its corresponding sibling product using the Cross-product Links feature. This way, customers can easily browse different color versions directly from the collection page without needing to open each product first.
Here’s how it works:
- This is the result:
- This is the app setting:
After creating your swatches, simply connect each color option to its corresponding product URL using the Cross-product Links feature. When customers click a swatch, they’ll be redirected to the matching sibling product page.
You can then go to Settings → Other Pages and enable the pages where you’d like the swatches to appear, such as:
-
Homepage Product Slider
-
Featured Product
-
Collection Page
This creates a much more visual shopping experience and makes it easier for customers to browse all available color options directly from your storefront.
Easify is very beginner-friendly and doesn’t require any coding. If you need any assistance during setup, our 24/7 in-app live chat support team is always happy to help 