How to I split a multi color sku product into different product pages?

JMule
Visitor
1 0 0

Hello,

 

Our store sells jackets and vests. A few of our skus have multiple color options. Currently we have one product listing with all the skus built into it. I noticed some high end apparel companies will list the same product on a collection page but show each color option in the collection. When you click on one of the color options in the collection and go to the main product page you can then click through the multiple color options from there. Does shopify or a certain theme have these capabilities?

Screenshot-1.jpgScreenshot-2.jpg

Replies 3 (3)

pawankumar
Shopify Partner
512 65 91

Hi @JMule 
Although, it is possible with custom liquid code, but you will require a deep knowledge of liquid to implement this.

There is a shopify theme Impact that has this feature, This is documentaion of the feature

Thanks!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan

gr_trading
Shopify Partner
1761 142 187

Hi @JMule ,

 

You can list the product independently and use code to create option like below.

 

 

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee

EasifyApps
Shopify Partner
541 16 42

Hi @JMule,

One approach you might consider is creating each color as a separate product.

Then, you can add custom code or use the Easify Product Options app, specifically leveraging the Option URL feature combined with Image Swatch/ Color Swatch/ Button/ Dropdown option types. This setup allows you to create cross-product links.

So, when customers select a color variant, they're taken to that specific product page where they can see all available colors. If they click on another color, they'll be redirected to the corresponding product page. Visually, it'll resemble switching between regular Shopify color options, but it's actually transitioning among different products.

Below is an example:

  • Storefront:

EasifyApps_0-1713932382892.png

EasifyApps_1-1713932392923.png

EasifyApps_2-1713932403578.png

 

  • Simple app settings:

EasifyApps_3-1713932491120.png

 

Share your specific requirements, and I can provide tailored setup suggestions. Alternatively, you can reach out to the Easify team via the in-app live chat for quick assistance.

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support