How can i have a product with one (or no) variant, but multiple colors for filtering

Solved

How can i have a product with one (or no) variant, but multiple colors for filtering

Outlinedau
Visitor
2 1 2
I am trying to implement color filters on the products in my store, but it seems my requirements aren't as simple as i had thought. I want to have a product with one or no variant that has multiple colors assigned to it. I don't mean color options here, i mean the product is two colors at the same time. To give an example of what i am trying to achieve: Say I have a fashion store and sell handbags. One of my handbags is half red and half white. I want to have a color filter for my products and i want this item to appear in the following scenarios: - When the user selects the red color filter and no other filters. - When the user selects the white color filter and no other filters. I have tried metatags and can only get one color assigned. Variants are treated as options and not my scenario. The best i have so far is using the metatags and only specifying the primary color, but i feel that my store would be much more user friendly and successful if i can implement my request.
Accepted Solution (1)

Outlinedau
Visitor
2 1 2

This is an accepted solution.

To close the loop on this based on the features currently available in Shopify, my question isn't possible with vanilla Shopify. You can add tags and search by them, or you can add the metafield and have one color per product, but I never found a solution that allowed multiple colors until I installed a filter plugin.

I tried 3 filters which I would regard as top picks. Sparq, BoostCommerce and SoBooster.

Personally for my needs and from an integration point of view, I chose SoBooster for my website

https://apps.shopify.com/ultimate-search-and-filter-1

Please install and try whichever plugins suit your requirements and meet your budget as my situation was a little complicated. I needed something that worked with quick view, wishlists, reviews, social login, rewards and filtering, so it was a in depth task to review these apps and get them working just as I wanted.

I couldn't be more happy with the solution provided by the team at SoBooster. They spent a fair amount of time making sure everything was integrated and the quick view worked with their collection code.

 

The important thing for anyone who is going down the same path to remember is that every filter app that I found has custom code to render the collection grid, so won't just work with any quick view plugin. This was the thing that was the hardest for me.

View solution in original post

Replies 3 (3)

JasonH
Community Moderator
198 57 110

@Outlinedau,

 

Thank you for bringing your question to the community. It sounds like a great idea to let customers find their preferred products by color. Let me provide some resources for your reference!

 

You can add tags to a product and use color names as searchable filters.

 

  1. Go to your product page, and add tags.     
  2. Click Save to confirm.

tagging color filter.png

 

 

Your customers can now search for products by either color.

Search result.png

 

Our help center in creating and using tags for product search may come in handy along the way.

 

You can then describe colors in the product details. It’s a great idea to be mindful and try our 10 Ways to Write Product Descriptions That Persuade (2021).

 

I hope that helps!

Jasoh | Community Moderator @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog


YellowStars1
Tourist
7 0 2

Hey I found this.

 

"

Hello! I just had a long support chat with Shopify, and I am very proud, that the support and I found a solution together. I wanted to share with you what we found out, since you are facing the same problem.

You can select only one color per product. But the support told me, he found out, that many Shopify users have this problem since 2.0 and if its possible, Shopify will be updated to fix this problem completely. After the update you can choose more than one color for your product. But at the moment you can only define one color.  I hope this is helpful for you, it worked for me. My Shopify is in german, and i am german, so please excuse me, if my english is not perfect 

YellowStars1_3-1653266516951.png

 

 I do my best for you 

YellowStars1_4-1653266516918.png

 

 

try this:
1) Set up you color swatches by uploading th colors as a .png them into your files.  be sure to name your pngs correctly as you need them. you will need the name of the png later to display the color correctly in your filter. 
2) Set up metafield: create a new single-line text metafield for products. Don't use the color picker, use text. this is important!

you can add additional rules to define your color names already in metafields. Type in all the color names separately (one line for each color) this will see you time, when you define the colors in your products.

3) go to your navigation. in 2.0 you will find a new field named "Filters" underneath the menus. 

Add a filter. Now you can add the metafield in your filter. Select the one you just created.

4) go to the products where you want to add the color. scroll down. you will find the metafield you just created. find the right color in the dropdown list you just created. save product. 

 

Now open your shop. Your filters should show the color swatches and you should be able to filter by color, as easy as it was by tags. 

YellowStars1_5-1653266516985.png

 

 

let me know if this is understandable for you and if this worked for you. 

vicky"

Outlinedau
Visitor
2 1 2

This is an accepted solution.

To close the loop on this based on the features currently available in Shopify, my question isn't possible with vanilla Shopify. You can add tags and search by them, or you can add the metafield and have one color per product, but I never found a solution that allowed multiple colors until I installed a filter plugin.

I tried 3 filters which I would regard as top picks. Sparq, BoostCommerce and SoBooster.

Personally for my needs and from an integration point of view, I chose SoBooster for my website

https://apps.shopify.com/ultimate-search-and-filter-1

Please install and try whichever plugins suit your requirements and meet your budget as my situation was a little complicated. I needed something that worked with quick view, wishlists, reviews, social login, rewards and filtering, so it was a in depth task to review these apps and get them working just as I wanted.

I couldn't be more happy with the solution provided by the team at SoBooster. They spent a fair amount of time making sure everything was integrated and the quick view worked with their collection code.

 

The important thing for anyone who is going down the same path to remember is that every filter app that I found has custom code to render the collection grid, so won't just work with any quick view plugin. This was the thing that was the hardest for me.