Custom Order - Product Page

huruharareza
Shopify Partner
9 0 0

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?

Replies 8 (8)

made4Uo
Shopify Partner
3805 713 1128

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. 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
huruharareza
Shopify Partner
9 0 0

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
Shopify Partner
3805 713 1128

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

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
huruharareza
Shopify Partner
9 0 0

 

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

made4Uo
Shopify Partner
3805 713 1128

Hi @huruharareza,

 

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

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
huruharareza
Shopify Partner
9 0 0

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
Shopify Partner
3805 713 1128

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

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
huruharareza
Shopify Partner
9 0 0

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