Shopify Product Template / Check Out Process Customization

I’m building a Shopify store that sells trophies. I've built a few other Shopify stores.

I need a shopify expert to customize my product template and cart template to accommodate color swatches, custom line item properties, cart attributes, and linked select elements (or YOUR BETTER SOLUTION).

A few details:

-I’m developing locally with Shopify Theme Manager.

-My source code is under version control, and on You can develop on a branch to be merged to production when project is complete.

-I’d like you to heavily comment your code—so if I decide to make modifications in the future I’m not completely lost.

-I’ll need cross-browser capability IE 7+, Mozilla, Chrome, Safari, Opera.

I’d like customers to experience the following process (in this order) when adding product to their cart:

1.) Pick the quantity of a product

2.) Select the color via color swatches

3.) Choose whether or not they want engraving

4.) Enter the engraving in a text input on the product page BEFORE adding to cart.

5.) Choose Whether or not to upload a file / logo

6.) Use transloadit ([url removed, login to view]) to upload that file if Yes


The select elements must somehow be linked (I tried linked select elements without success) or logic must be implemented so that the engraving text inputs are hidden by default and only appear when the customer select "yes" to the "Would you like engraving?" select element.


Fail #1. I tried using cart attributes and including the attribute[engravings] but it applied it globally to all items in the cart.

Fail #2. I've played around with Linked Select Elements without success.

Fail #3. I implemented liquid logic to only show the engraving text inputs when the customer chooses Yes...But I'm not good with jQuery and don't understand how the [url removed, login to view] works.


Detailed Specifications for Sequence of Ordering:

1.) Define Quantity using Select Form

--Update Price When Quantity is Selected Using jQuery with [url removed, login to view] (no add to cart required)

--Assign ‘Quantity_Value’ to Some_Value to determine # of engraving text inputs are needed

--Show a discounted value for quantities 20-30, 30-40, 40-50 etc. etc. Comment this out so I can adjust prices when needed

EG: IF ‘Quantity_Value’ >= 10 THEN price = [url removed, login to view] * .95 * Quantity_Value and so on.

2.) Select Color from Color Swatches, update without saving to cart....

I’ve already implemented this using the swatches tutorial.

3.) Select Engraving Yes / No from Select Form

Default selection should be ‘No’ so that engraving text inputs are hidden by default.

Text inputs should appear when customer chooses ‘Yes’

4.) If Engraving = Yes

Then Display Correct Number of Text Inputs

Pass text string(s) to backend

5.) Select Yes/ NO for file/logo upload

6.) If yes display transloadit upload input

7.) Add To Cart -- Submits form and passes line item properties, cart attributes, etc. to backend. It’s extremely important to be able to access the customs objects/properties from the backend to include in order email updates and for building an app for order fulfillment at my warehouse.

Engraving Form Specs:

-Max Characters = 20 (use HTML5 required attribute)

-Fields *Required If Select_Engraving == ‘Yes’

-Popup or notification if “add to cart” submitted without engraving while “yes” selected for Engraving logic. “Must enter engraving text to add to cart” etc.

I will style the form.

In your proposal please elaborate on how you would solve this issue.

Are you going to use line item properties? How will you modify the [url removed, login to view] As you can see I’ve tried a few things, each with their own issues. I’d also like to see previous work done on Shopify stores.

If you’d like I can provide access to my github repo, and the front end of my shop. I’ve been working through this problem for 3 days but don’t have jQuery skills to complete it.


Skills: eCommerce, HTML, Shopify, Shopping Carts, Website Design

See more: shopify check input, shopify custom cart elements, shopify quantity input update price, custom project, your other warehouse, www shopify com prices, website specs template, website developing process, website design template input, website building on shopify, warehouse manager experience needed, upload my own logo, update email template, tutorial string, tutorial solution, tutorial on building a website, tutorial for building a website, the price of a shopify expert, template website design proposal, template prices, template html5 price, template for a project proposal, template design shopify, string tutorial in c, string tutorial

About the Employer:
( 22 reviews ) New York, United States

Project ID: #4532755

20 freelancers are bidding on average $618 for this job


**********************.. YOUR SEARCH ENDS HERE .. ********************** GET IT DONE RIGHT THE FIRST TIME! Hello Sir/Ma'am, I look forward to talking to you further and getting started. I've been working in simple and More

$1030 USD in 8 days
(118 Reviews)

Ready to help

$773 USD in 15 days
(177 Reviews)

We have all the required designer and developer you are looking for and can allocate dedicated resources for your project. You will be very happy and satisfied of our services.

$670 USD in 15 days
(58 Reviews)

Time bounded Delivery. Fast and Quick Response. Quality Assured. Let's do it. Check PMB for more details.

$736 USD in 15 days
(50 Reviews)

Hi, we have expertise in HTML5 / CSS3 (Mobile Browser Compatible & Responsive), jQuery, PHP/MySQL, .Net, OsCommerce, Wordpress, Joomla, Drupal, Magento, ZenCart, Mobile Apps etc. You can see more details with PMB, Than More

$773 USD in 20 days
(26 Reviews)

Greetings, we can meet your requirements! _____________ please check PM for more details__________ Thank you

$1030 USD in 30 days
(9 Reviews)

Hi! We are sure that we can very easily complete your shopify project with perfection. Please just check our Portfolio for your satisfaction.Please give us a chance for your project. Check PM for portfolio and detai More

$463 USD in 9 days
(45 Reviews)

Hi, Consider its done! I would love to get this opportunity of working with you. I can guarantee complete satisfaction if you select me to execute this project. Please check your private message board. Thanks

$618 USD in 7 days
(23 Reviews)

we can do this work very well ready to start immediate

$777 USD in 20 days
(12 Reviews)

Hi, Experts team of SEO/Wordpress/PHP/cakephp/joomla/Drupal/Magento/AJAX/Codeigniter developers and designers. Thanks Gaurav

$742 USD in 18 days
(23 Reviews)

Hi, check message.

$315 USD in 9 days
(25 Reviews)

Kia ora! are a NZ based web and software design company who have seen you here on the freelance market and are really excited about working with you and treating you to the full service, professional ex More

$659 USD in 10 days
(5 Reviews)

Ready to supply to serve you.

$515 USD in 14 days
(9 Reviews)

Hello, We have reviewed your requirement and We want to start of your project from today itself. Thanks John

$638 USD in 18 days
(19 Reviews)

Shopify EXPERTS here. Please check our samples in PMB. Thanks,

$473 USD in 3 days
(6 Reviews)

Hello. I am a web developer with 11+-year experience . I work remotely on DigitalRay company - - LA (USA). Technical knowledges: 1PHP JavaScript Ruby RoR ASP.Net C#, Zend, CakePHP, Symphony frameworks More

$555 USD in 23 days
(17 Reviews)

Ready to start

$526 USD in 7 days
(14 Reviews)

Hello, Please do check your PMB. Regards,

$526 USD in 7 days
(1 Review)

We are two computer science majors at Harvard and we have a company called Crimson Coders. We develop websites and mobile applications. We have a team of 50 developers and designers who have 5+ years of experience. You More

$515 USD in 3 days
(1 Review)

Hello, i am well known Web-developer and We provide services like/Wordpress/php/mysql/.net/Sql/ artist with exp over15 years.we have team of 60 developers ready to start right now

$773 USD in 3 days
(0 Reviews)