Home page featured collection - single product with multiple variants only

Technical Q&A

Topic summary

A user running Dawn 15.3.0 wants to display a single product with multiple color variants as separate items in a featured collection on their homepage, similar to the Spotlight theme demo.

Two solutions were proposed:

  1. YouTube Tutorial Approach: A video tutorial demonstrating how to show variants as separate products on collection pages in Dawn was recommended.

  2. Custom Liquid Section Method: A detailed implementation involving:

    • Creating a new custom Liquid section in the theme code
    • Using provided code that loops through product variants and displays each with its image, title, and price
    • Adding the section to the homepage via the Theme Customizer
    • The code includes responsive grid styling (1 column mobile, 2 tablet, 4 desktop)

Both solutions require code customization. The custom Liquid approach provides ready-to-use code snippets but needs the product handle to be specified. No follow-up from the original poster indicates whether either solution was tested or successful.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

For my home page, I’m looking to create a featured collection of a single product, but with multiple variants (colors) showcasing, similar to the the demo theme Spotlight. Happy to input a script as long as it works fine and easiest to implement.

I’m on Dawn 15.3.0.

Website: https://cy88vi6zvskzmq20-58952089718.shopifypreview.com

Thank you so much!!!

Screenshot 2025-05-08 at 2.14.41 pm.png
Screenshot 2025-05-08 at 2.14.41 pm.png2032×772 148 KB

2

Hello @sunday_april ,

There is a tutorial on Youtube on how to show variants as separate products on collection page using Dawn.

You can try and see if it works for your store.

3

Hi @sunday_april To display multiple variants (e.g., colours) of a single product as individual items in a Featured Collection-style layout on your Dawn 15.3.0 homepage—similar to the Spotlight demo theme—you’ll need a customise. Follow the steps –

  1. Find the Product Handle

  2. Create a Custom Liquid Section

Select Edit code in the theme option of the online store. Go to the sections and add a New Section and paste the code below-

{% assign product_handle = ‘classic-hoodie’ %}
{% assign featured_product = all_products[product_handle] %}

{% for variant in featured_product.variants %} {% endfor %}
.featured-variants { margin-top: 3rem; gap: 2rem; } .card { display: block; text-align: center; } .card__media img { width: 100%; object-fit: cover; }
  1. Add the Section to Your Homepage

Go to the Theme Customizer and select Custom Liquid in the Add Section and paste the below code-

{% section ‘featured-variants’ %}

Let me know if this works for you.