Product Page Variants as Separate Products

Shopify Discussion

Topic summary

A user is seeking a way to display product variants (like color and size) as separate product pages that redirect when clicked, similar to a reference website. The goal is to have each variant exist as its own product in Shopify’s backend while appearing as selectable options on the product page.

Suggested Solutions:

  • Custom coding is possible but more complex
  • Third-party apps offer easier implementation:
    • Swatch King, Product Colors Linkify – for color/image swatches with cross-product linking
    • Easify Product Options – supports image/color swatches and “Option URL” feature for linking separate products; also offers conditional logic for multiple option types
    • King Linked Options – allows grouping related products
    • Variant Robot – automatically links separate products based on product data with multiple display modes
    • Variants on Collection – displays variants as separate items on collection pages
    • Variantify – no-code solution for showing variants as separate collection items

Key Consideration:
The user wants this functionality for multiple variant types (color, gas type, size), not just color swatches. Apps with conditional logic features are recommended for handling complex multi-option scenarios.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
9

There are two ways to separate variants as products on the collection page:

  1. Manual Method: You can modify the collection template to list variants separately instead of grouping them under a single product. This requires editing Liquid code and handling variant selection logic manually.
  2. Automated Method: You can use a third-party app that modifies the template dynamically without requiring manual code changes.

I’m the owner of Variants on Collection app, which helps merchants display variants as separate products based on any combination (e.g., Color, Color & Size, etc.). It also allows showing price ranges without modifying the template. If you’re looking for an easier solution, feel free to check it out!

Screenshot 2025-03-07 at 14.39.39.png
Screenshot 2025-03-07 at 14.39.39.png1676×984 139 KB

Screenshot 2025-03-07 at 14.39.57.png
Screenshot 2025-03-07 at 14.39.57.png1126×972 112 KB