Custom Order - Product Page

[huruharareza]

Hi,

I am trying to build custom order product page. Here is it https://coastalvillahomeware.com/products/custom-sized-laundry-basket

The goal is to make customer input size they wanted for the product the want to order. Once they put and click Buy/Add to Cart button system will count the size and chosen the right option for them so they can see the right price. Or perhaps when they fill the size field all the option will be disabled except the right one.

I am quite new using Shopify. Do you have any solution for that?

[made4Uo]

Hi @huruharareza, 

I believe you can achieve this by using the variant options in the product. You can set the price depending on the matching size and color. 

To set this up. 

1. Go to Admin store. Click Product.

2. Choose the product you want, and under options, provide the option for Size and Color. Set the price in each option combinations. 

[huruharareza]

Hi @made4Uo 

Thank you for your answer. I appreciate it.
I add two custom fields above "add to cart" button, so customer can put their custom basket size. I put the size option within a range.

For example if you wanted ( 35cm width + 50cm height = the total size would be 85cm) so you would choose option, range 81 - 90cm for pricing.

The purpose is to make it easier to the customer, when they put they size they want, the system will count and chose the right option for them. Is it possible to do it by just using variant option on each product?

[made4Uo]

Yes. If you are selling by cm then the price will be by cm. You will need a calculator and input text instead of a radio buttons or dropdown. I am building a calculator for someone without any app

[huruharareza]

Do you have a reference or example that I can have a look?

[made4Uo]

Hi @huruharareza,

Just visit my demo store here. Password: made4uo. Product is floor mat

[huruharareza]

Thank you so much @made4Uo 

I've tried using calculator (app) and remove the product variant then I got issue in defining shipping cost of our product, it is depending on the product volume.

[made4Uo]

Oh. I do not use app in my codes. This is written javascript codes

[huruharareza]

Hi @made4Uo 

I managed to count the price. How to make the system use the calculated price instead of the price that I put in the product?

Live page: https://coastalvillahomeware.com/products/custom-sized-storage-basket-02