ONE Variant Color Picker for product

cromano44
Visitor
2 0 1

Good day to anyone reading this.

 

I am creating a custom uniform bundle for a baseball team that will pick a jersey, pant, and hat.  In doing this, I need to know what their THREE primary colors would be.   So, for example, I want them to tell me our main colors are RED, WHITE, BLUE.    

 

I do not want to list all the color options, they can pick any three colors.  Most solutions I have found want to list out every possible color.   I do not want to do that.  

 

I just want to know Color 1, Color 2, and Color 3.  

 

I could do this on the Jersey Product, where I just ask them for the 3 colors....but what I dont want to do is have a variant for each jersey that has the three colors....I dont need that many products (3 variants * 14 jersey styles = too many products to manage).

 

I could just ask them on the product page, but the bundle app does not seem to like that.

 

I would like to have a color picker as a product, and just tell them they need to choose three....but I have no idea how to do that, and not have to list out every possible color...when they can pick any color they want.

 

Is there a simple solution that would allow me to present the customer with a box that they click, choose the color, and do that three times?

Replies 4 (4)

product_options
Excursionist
23 5 4

You can use Product Options App for this requirement.
Try our app https://apps.shopify.com/product-options-addons 

Checkout this example created using this App:  https://product-addons-demo.myshopify.com/products/community-example-2484658

Product Options Add unlimited product options using an easy-to-use drag-and-drop form builder
cromano44
Visitor
2 0 1

thanks...taking a look now

Sweet_Savior_3
Shopify Partner
1054 86 94

Hello @cromano44 

 

Welcome to Shopify Community

 

As an option a color picker field can be given on the PDP page and when user clicks on it the colors will be passed as Product properties.

 

So what needs to be done is to

1. Add Color field: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_color

2. Add the selected field as product properties and here you go.

https://community.shopify.com/c/shopify-design/product-pages-get-customization-information-for-produ...

 

Please note if you are not good with code rather ruining the theme by edit seek help of a developer to integrate this at reasonable cost.

 

Let me know if you need one.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

EasifyApps
Shopify Partner
472 11 38

Hi @cromano44,

You might find it beneficial to integrate 3 Color Pickers into your product pages with the Easify Product Options app, utilizing the Color Picker option type. For example:

EasifyApps_1-1712734648627.png

EasifyApps_2-1712734668336.png

EasifyApps_3-1712734687550.png

 

EasifyApps_0-1712734621420.png

 

Give the app a try, and if you encounter any challenges during setup or usage, don't hesitate to reach out to the Easify team via the in-app live chat for prompt 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