Shopify App Dev - Customise Cart
Budget: ₹12,500 – ₹37,500 INR
Here is a full description of the job:
https://docs.google.com/document/d/1gVE98T2E_J2HE393-IS74giyFNbQvWNS0FEMiXXkt78/edit?usp=sharing
Here is a job summary:
SHOPIFY APP:
Objective:
The goal is to develop a Shopify App that allows users to customize their product selection based on logic.
The App should be designed in a way that makes it easy for customers to quickly and accurately select the product variants they need.
The App should also provide a visual representation of the product selection so customers can easily understand their choices and the quantities they require.
Milestones:
Please view milestones below. Please note that all code needs to be uploaded to GIT.
Milestone 1:
The front-end design is completed and responsive.
Milestone 2:
Logic is functioning efficiently and all calculations are being successfully executed.
These calculations include:
- Product Price
- Recommended Quantities
- Recommend Additional Items
- Graphical representation of the product choice
All features should be tested and working on our Shopify store.
CART FLOW 1: Select Product Type:
Customer can choose 1 of 4 different product types.
All product details (colours, thickness, price) will be dynamically pulled in from Shopify Products information. Please note there will only ever be 4 products, but each product will have multiple variants (Colours/Thickness).
See file for image:
https://docs.google.com/document/d/1gVE98T2E_J2HE393-IS74giyFNbQvWNS0FEMiXXkt78/edit?usp=sharing
CART FLOW 2: Select Product Colour and size:
At the top, the customer can reselect a different product/shape.
Customer then selects product thickness.
Then they select a product colour.
Then they input Length and Width.
Please note: Most Buttons, Inputs, Headings and similar are already part of the theme.
See file for image:
https://docs.google.com/document/d/1gVE98T2E_J2HE393-IS74giyFNbQvWNS0FEMiXXkt78/edit?usp=sharing
CART FLOW 3: Graphic Representation + Additional Products:
As product type and colour is selected, the customer is shown a visual representation of the product they are ordering.
Additional recommended products are added (2 types of screws at this stage). The amount of screws offered will depend on the length of the products they order. The formula is 6 screws per meter.
How to calculate the price of product needed:
Width (from form Input) / Product Width = Total Width
Roundup ‘Total Width’ to the nearest integer
Multiple by Length (from form input)
Multiple by product price per meter
This gives the Total Price
(Width / Product Width) * Length * Price Per Meter
How to calculate the cost of overlap required when customer selects ‘Set length of Chapas’:
If the toggle at ① is selected, customers can choose to have the product cut at specific lengths. This requires extra cost because we then need to calculate the extra product needed to allow for the overlap when the chapas are pieced together.
To do so, they need to fill out ‘Cut’ and ‘Overlap’ fields, and our system will dynamically calculate the quantity they will need by the following formula:
Length (from form input) / Cut (from form input)
Round Down to nearest integer
Multiple by Overlap (from form input)
Multiple by [Width of Area / Width of Chapa]
(Length / Cut - Round Down) * Overlap * (Width of Area / Width of Chapa)
* Please note, this formula only calculates the overlap price. This needs to then be added to the Total Price from the formula above.
Example. Someone might need 5m of product, but they want it cut at 2m. We will then need to cut the product twice, resulting in 2 x 2m length and 1 x 1m length (we will also need to add the overlap to the lengths).
Please note the maximum length of a product is 8.5m. Anything above that will need to include a cut/overlap.
----------------------
Shopify Theme:
https://themes.shopify.com/themes/impact/styles/sound
----------------------
Please feel free to message us with any questions.
https://docs.google.com/document/d/1gVE98T2E_J2HE393-IS74giyFNbQvWNS0FEMiXXkt78/edit?usp=sharing
Here is a job summary:
SHOPIFY APP:
Objective:
The goal is to develop a Shopify App that allows users to customize their product selection based on logic.
The App should be designed in a way that makes it easy for customers to quickly and accurately select the product variants they need.
The App should also provide a visual representation of the product selection so customers can easily understand their choices and the quantities they require.
Milestones:
Please view milestones below. Please note that all code needs to be uploaded to GIT.
Milestone 1:
The front-end design is completed and responsive.
Milestone 2:
Logic is functioning efficiently and all calculations are being successfully executed.
These calculations include:
- Product Price
- Recommended Quantities
- Recommend Additional Items
- Graphical representation of the product choice
All features should be tested and working on our Shopify store.
CART FLOW 1: Select Product Type:
Customer can choose 1 of 4 different product types.
All product details (colours, thickness, price) will be dynamically pulled in from Shopify Products information. Please note there will only ever be 4 products, but each product will have multiple variants (Colours/Thickness).
See file for image:
https://docs.google.com/document/d/1gVE98T2E_J2HE393-IS74giyFNbQvWNS0FEMiXXkt78/edit?usp=sharing
CART FLOW 2: Select Product Colour and size:
At the top, the customer can reselect a different product/shape.
Customer then selects product thickness.
Then they select a product colour.
Then they input Length and Width.
Please note: Most Buttons, Inputs, Headings and similar are already part of the theme.
See file for image:
https://docs.google.com/document/d/1gVE98T2E_J2HE393-IS74giyFNbQvWNS0FEMiXXkt78/edit?usp=sharing
CART FLOW 3: Graphic Representation + Additional Products:
As product type and colour is selected, the customer is shown a visual representation of the product they are ordering.
Additional recommended products are added (2 types of screws at this stage). The amount of screws offered will depend on the length of the products they order. The formula is 6 screws per meter.
How to calculate the price of product needed:
Width (from form Input) / Product Width = Total Width
Roundup ‘Total Width’ to the nearest integer
Multiple by Length (from form input)
Multiple by product price per meter
This gives the Total Price
(Width / Product Width) * Length * Price Per Meter
How to calculate the cost of overlap required when customer selects ‘Set length of Chapas’:
If the toggle at ① is selected, customers can choose to have the product cut at specific lengths. This requires extra cost because we then need to calculate the extra product needed to allow for the overlap when the chapas are pieced together.
To do so, they need to fill out ‘Cut’ and ‘Overlap’ fields, and our system will dynamically calculate the quantity they will need by the following formula:
Length (from form input) / Cut (from form input)
Round Down to nearest integer
Multiple by Overlap (from form input)
Multiple by [Width of Area / Width of Chapa]
(Length / Cut - Round Down) * Overlap * (Width of Area / Width of Chapa)
* Please note, this formula only calculates the overlap price. This needs to then be added to the Total Price from the formula above.
Example. Someone might need 5m of product, but they want it cut at 2m. We will then need to cut the product twice, resulting in 2 x 2m length and 1 x 1m length (we will also need to add the overlap to the lengths).
Please note the maximum length of a product is 8.5m. Anything above that will need to include a cut/overlap.
----------------------
Shopify Theme:
https://themes.shopify.com/themes/impact/styles/sound
----------------------
Please feel free to message us with any questions.