Shopify Development 
When running a Shopify store, you don’t want customers to miss your best product options. By default, Shopify only shows a single product on the product grid, even if you have multiple colors, sizes, or styles.
The solution is to show variants directly on the Shopify product grid. This way, shoppers can instantly see all available options without clicking into each product. In this tutorial, we’ll walk you through the exact steps using the NS Color Swatch Variant Images app.
STEP 1: Install & Set up NS Color Swatch Variant Images
1. Go to the Shopify App Store and install NS Color Swatch Variant Images.
2. From your Shopify admin, open the app and follow the Get Started setup guide.
3. Click Embed App → this takes you to Shopify’s Theme Editor.
4. Toggle ON the app and click Save.
The app is now active and ready to display variants.
STEP 2: Enable variants on Shopify product grid
With the app installed, it’s time to show variants on your Shopify product grid.
1. Go to Variant split in the app sidebar.
2. The first time you open this feature, a pop-up will explain what will change.
👉 Click Turn On to start setup.
3. You’ll see a confirmation warning:
“Turning on Variant Split will disable the following features:”
- Show option swatch on collection page
- Quick view
That’s because once Variant Split is enabled, each product variant will display as its own item in the product grid instead of being grouped under a single product card.
👉 Click Confirm to proceed.
4. Once enabled, you can fully customize how your split variants will be shown.
STEP 3: Preview the result on your storefront
After saving your settings, visit your product grid. You’ll now see:
- Each variant is displayed as an individual product in the grid.
- Separate titles and images for each variant (e.g. Blazer for Men vs Blazer for Women, or Curtain in White vs Pink)
This makes your store more visual, searchable, and conversion-friendly since every variant gets its own spotlight.
Bonus: Video tutorials – How to Show Variants as Separate Products on Shopify Collection Page – Split Variants into Products
Prefer to watch instead of read? Check out our YouTube tutorial where Oliver walks you through everything step-by-step.
FAQs
1. Is it possible to show different swatch styles for each product?
Yes! With the NS Color Swatch Variant Images app, you can customize how variants appear on the product grid for each product. You’re not limited to one style, choose between:
- Color swatches (great for apparel and fashion)
- Image swatches (ideal for furniture, home decor, or items with visual differences)
- Text swatches (perfect for sizes or style names)
This flexibility ensures that every product is displayed in the most clear and conversion-friendly way possible.
2. How can I combine multiple products into a single listing on Shopify?
This improves product organization, SEO, and makes your store easier to navigate.
Sometimes, stores have separate products for each color or style, which can clutter the grid. Instead, you can combine them into one clean listing:
- Select one product as the main listing (parent product).
- Add the other products (different colors, styles, or designs) as variants.
- Or, use NS Color Swatch Variant Images to automatically create a combined listing with swatches on the grid, while hiding the duplicate original products.
This makes your grid easier to navigate and helps boost SEO performance by consolidating traffic into one strong product page.
3. How can I hide the original variant products after combining them into one listing?
Many Shopify apps let you merge products into a single listing and hide the original product pages. The downside is that some of these tools require extra coding, manual tags, or theme edits, which can be time-consuming.
For a smoother solution, NS Color Swatch Variant Images makes the process effortless:
- One-click activation with no coding required
- Automatically hides duplicate products from both your storefront and search engines
- Protects your SEO by avoiding duplicate content issues
- Allows you to group variants into a clean, professional listing with customizable swatch styles
Whether you’re dealing with color options, different sizes, or multiple product designs, NS ensures a simple, user-friendly setup, even if you’re not technical.
