Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
SushiMonster

How to customize product form that responds with price change?

Recommended Posts

Site URL: http://salmonsamurai.com

I've launched my food delivery site, and the concept is salmon poké bowls, which allows customers to modify their bowls according to their preference. The more items they add, the pricier it gets. Currently I can only add 2 options of toppings, when at the restaurant they're allowed to add extra protein, extra base, extra toppings etc. Is there a way of customizing a form instead that will change the price accordingly before they add to cart? 

Share this post


Link to post
1 hour ago, SushiMonster said:

Currently I can only add 2 options of toppings

It may look as though you can only add two topping options, but this is because the size of the 'Edit Product' window is very small, it isn't very obvious that there are further columns on the right where you can add further variants.

If you scroll to the right, you should see the plus (+) sign and be able to add further toppings. Here's how it should work for you:

spacer.png

You should then see this:

Four-Topping-Variants.png.7f8e25065823fd6a434de58c4b018466.png

 

1 hour ago, SushiMonster said:

Is there a way of customizing a form instead that will change the price accordingly before they add to cart? 

Yes. Right now, when a customer views a product, none of the variant options will be pre-selected, forcing the customer to select a valid option. With some code, we could change this so that the first 'no topping' option is initially selected. If customers don't change them, they will be able to add the basic item to their cart. If they choose another option, they will see the price change, like this:

 

spacer.png

 

Let me know if you'd like help to do this.

-Paul


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post

Hi Paul!
Thanks for helping. I did add more options but that will unfortunately create way too many variants that the system can't handle. My team and I are still thinking of ways we can still allow our customers to fully customize their orders to provide the somewhat full experience that they would get in store. 

Sure, I would love your help with the coding. Thank you! 

Share this post


Link to post
On 4/20/2020 at 5:48 PM, paul2009 said:

Yes. Right now, when a customer views a product, none of the variant options will be pre-selected, forcing the customer to select a valid option. With some code, we could change this so that the first 'no topping' option is initially selected. If customers don't change them, they will be able to add the basic item to their cart. If they choose another option, they will see the price change, like this:

 

spacer.png

 

Let me know if you'd like help to do this.

-Paul

Hi Paul, 

I need to do exactly this for my website. Is there any code I can inject to achieve this? I need 2 drop-down menus for my products. 

Thanks,

Lucy

Share this post


Link to post

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

spacer.png


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post

Just as an addition to @paul2009's  response -- the Item Product page can be expanded using Squarewebsites Admin Ui Tweak.  I'm happy he added that because this was a big problem for me.  Just click the upper right and expand the popup window (you see it in the screenshot above).

Share this post


Link to post
On 4/26/2020 at 7:45 PM, paul2009 said:

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

spacer.png

Hello Paul, 

is there a chance you could share the code with me? I am looking for a way to be able to pre-select the standard / basic variant.

thx!

Share this post


Link to post

Hi@paul2009can you share the code with me as well? Because my store has so many options, I want to use a form to change the product price. I understand code so if you have a solution, may I also use it?

Share this post


Link to post
On 4/27/2020 at 3:45 AM, paul2009 said:

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

spacer.png

Hi Paul, 

I need to do exactly this for my website. Is there any code I can inject to achieve this? 

Many Thanks
Bef

Share this post


Link to post
On 4/27/2020 at 3:45 AM, paul2009 said:

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

spacer.png

Hi Paul,

I need this apply this for my website too. Would you be able to send me the code to achieve this? Thank you!

Shezlie

Share this post


Link to post
18 minutes ago, Shezlie said:

I need this apply this for my website too.

Hi Shezlie

This is available as the Variant Pricing extension here:

Click to view this product on our website

Let me know if you have any questions.

-Paul


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post

I’m also in need of this piece of code. I currently have three “add-on” options, but will the code allow me to add or take away options without much fuss?

Share this post


Link to post

The code doesn't affect product editing. I'll DM you.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...