Add check box option with price to variants product page

Hi there,

I am very new to Shopify and not all that tech savvy but wanted to ask a question.

I have been able to use a combo of elements for my variants which I am loving. I have a drop down option for quantity and swatch selector for colour. I am now wanting to add a check box underneath the colour swatch and before the ‘add to cart’ button. How am I able to do this? Additionally it needs to be able to change the price, as when client checks the box it is for an extra service (I hope I am making sense).

Product example:

https://prettyonprints.com.au/products/amore-invitation

Hi @Helen21

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

If you want to add 1 more function and can change the price, you can use the 3rd app to set it up. can you tell me what that function is and then I will give you some app suggestions to respond to your request?

PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

Hello,

It will require code changes where you have to create a product, show it a checkbox on the product page and when user will select it Javascript code will add it with the original product price and will add both the product in cart. It will require code changes in liquid and JS. Please hire a developer to help you add this functionality.

Hello,

Thank you for your response. I didn’t think it was going to be easy. Appreciate the reply.

Hello,

If you want to work with that then i can help you to modify it.

Hi @helen21 ,

It has been a while since you raised the topic, and I’m uncertain if you have already found a solution for your store. However, I would like to suggest a simple solution that you (and other members) can consider in case you encounter a similar issue in the future. The best part is that no coding is required :hugs: .

To set up your product options, I recommend using the Easify Product Options app. Here’s a quick demonstration:

  • Create a new option set:

  • Add a Checkbox option and provide the necessary details, including the extra charge:

  • Assign the option set to your relevant product(s), and the Checkbox option will be displayed alongside your product variants.

That’s it! The process is simple and efficient, thanks to the app :blush: .

I encourage you to try it out yourself, as there are many more exciting features waiting for you to explore!

Are you still offering help? :sweat_smile: