Hello. I would like to display multiple variants of the same product on the home page. Or I would like to create a separate product per variant in my collections. Is this possible? I’m using the dawn theme. Thanks in advance.
Topic summary
A merchant wants to display product variants as separate items on their home page using the Dawn theme.
Solutions discussed:
-
Manual duplication method (confirmed working): Duplicate the product for each variant, delete unwanted variants from each copy, add tags to duplicates, and create a collection based on those tags. The original poster successfully implemented this approach, though noted it’s tedious.
-
Custom coding: Possible but requires technical expertise. A community forum thread with third-party code was referenced, though it’s unverified and would need testing on a duplicated theme.
-
Third-party apps: Multiple options mentioned including apps that display variants on collection and home pages, with customization options to filter or show specific variants. Video tutorials and tools for managing duplicated products were also shared.
Status: Resolved through the manual duplication method, with additional resources provided for alternative approaches.
Hi,** @DapperGent **!
The easiest and most cost-effective way to do this is to separate your variants and create them all as individual products. In this way, they’ll all appear individually on your store’s collection and home pages. If you’d like to keep all of your variants within the same product however, rather than separate them as individual products, this should be possible by adding a custom code onto your store’s theme. You can look into hiring one of our Shopify Experts to help you code a tailored solution onto your theme if you’re not comfortable with coding.
The other option is to look at installing a third-party app. An app such as this one may be able to help. Though because the app states that they can show variants on the collection page, you might need to check with the app support team to see if it’ll give you the ability to also show variants on the home page.
Thanks. I know i can split the variants in oberlo but only when it’s in my import list. After I add the product to my store, I no longer see an option. I’m comfortable with the second method of modifying the code. I just need to know what code to use and where to place it. The third method is too expensive for what I want to do.
** @DapperGent **
I found a Community Forums thread here that discusses this further if you’d like to have a look. There is a link within that discussion of a third-party code, although it isn’t a Shopify supported tutorial so we can’t verify whether or not the code will work. It may require some testing on your end, and if you’re interested in doing that I suggest duplicating your theme before making any code changes so that you have your current theme to revert back to.
@Kimi_2 So after a bit of research I figured out how to accomplish what I want to do. I just went into the product page and duplicated it and deleted all variants except for the variant I want to turn into a separate product. Otherwise I kept the settings the same. I did this for each variant and now have a separate product for each. Then I added a tag to the duplicates and created a collection based on the tag. It’s tedious but it works. Thanks for your help.
** @DapperGent **
Great to hear that you’ve accomplished what you were looking to do! Thank you for sharing this with us too, it’ll definitely help any other merchants that are looking to accomplish something similar.
Here’s a tool & liquid code which can help with all of this and managing those duplicated products:
Third-party apps make it easy to separate variants. I own the Stamp – Collection Variants app , and we help merchants display variants separately on the collection page and home page. You can customize the settings per collection to show or hide specific variants, filter variants, or separate them by specific options. For example, you can create a “Gold” collection and display only gold-related variants.