Delivery Date Picker
Visit the Shipping Schedule page in ShipFare to make sure it is properly set up.
Non Shopify+ Stores
- Go to Themes → Edit Code
- Navigate to your theme.liquid file and add the following code just before </body>
- <script src="https://unpkg.com/shipfare_delivery_date_picker/dist/datePickerWidget.es.js" type="module" async></script>
- <script src="https://unpkg.com/shipfare_delivery_date_picker/dist/datePickerWidget.es.js" type="module" async></script>
- Locate your cart file and add the following code to where you want the Date Picker to appear.
- <shipfare-date-picker></shipfare-date-picker>
- The date selected will appear in your Shopify Notes section.
- If you want to preview/test before making it live on your store then you can create a copy of your current live theme and add the code there. If it looks fine, you can publish this copy.
Shopify+ Stores
- Go to Settings → Checkout in your Shopify store.
- Click on the dropdown menu at the top and select "Shipping." Select "Add app block" in the left side menu
- Add "ShipFare Delivery Date" app and Save