I"ve found a tutorial on how to add a calendar onto the cart page. I'm also wanting this on the product page itself but up above the ADD TO CART Button.
Can anyone tell me where to place the code in the product.liquid so it sits nicely above the ADD TO CART button and not at the bottom of the page.
The website is still in development stage: https://north-steyne-emporio.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Here you go.
Insert the following code to the product-template.liquid file at line 218:
<label for="deliveryDate"> Pick a delivery date </label> <div class="product-form__input"> <input type="date" name="properties[Delivery Date]" id="deliveryDate"> <div style="display: inline-block; margin-bottom: 5px;"> <i>We deliver Monday to Friday. Please call for weekend deliveries.</i> </div> </div>
This should return the following output:
Note the input will be stored as 'Delivery Date' in the order.