SpiceGems Knowledge Base
All AppsContact Us
Order Delivery Date
Order Delivery Date
  • Overview
  • Getting started
  • Delivery Date Settings
  • Delivery Availability
  • Calculations of Blackout Days, Cut Off Time and Delivery Lead Times
  • All orders Information
  • Installation
    • Auto installation
    • Manual installation
    • Manual installation in 2.0 Theme
  • Speed Up Delivery Date Picker (Non 2.0 Themes)
  • Speed Up Delivery Date Picker (2.0 Themes)
  • FAQs
Powered by GitBook
On this page
  1. Installation

Manual installation

PreviousAuto installationNextManual installation in 2.0 Theme

Last updated 2 months ago

Manual integration is a critical process and requires an understanding of the editing theme codes.

You can follow the below step to integrate the calendar snippet on the cart page in your theme.

The integration process differs according to the theme structures.

Step 1: Copy the Snippet code below or you can also find the same code in the installation instructions page of the app.

<div class="spicegemsodd" id="spicegemsoddappID"></div>

Step 2: Go to Online Store –> Themes –> Actions –> Edit Code

Step 3: Find the cart.liquid file in your theme. In some cases you need to check for cart-template.liquid

Step 4: Find the <form> tag and </form> tag

Step 5: Paste the code above </form> tag and click on Save!

Bingo! You can now find the calendar displayed on the cart page of your store.

  1. If you don’t paste snippet in cart.liquid file, the app will not be able to display the calendar in the checkout page. The snippet must be installed in the cart.liquid file to display the calendar.

  2. If you want to set the calendar in a specific position on the cart page, then you can paste the snippet accordingly where you want to display the calendar on the cart page.

Here is a quick video tutorial about it.

Need Installation assistance? Feel free to email us at – help@spicegems.com