Calendar Placement

3 June 30, 2025
Contents hide
1 Placement Options:
2 Using the Setup Wizard:
2.1 1. Cart Page Placement
2.2 2. Cart Drawer Placement
2.3 3. Product Page Placement
3 Important Notes:

The “Change Calendar Placement” feature allows you to control where the delivery date calendar appears on your storefront. This helps the calendar blend seamlessly with your theme and cart setup for a better user experience.

Placement Options:

  1. On Cart Page:
    Displays the delivery calendar on the standard cart page—ideal for most Shopify themes using a dedicated cart page.

  2. On Cart Drawer:
    Suitable for themes using a slide-out drawer/cart popup. The calendar appears directly inside the drawer.

  3. On Product Page (Requires Product scheduler plan):
    Shows the delivery calendar on the product details page, allowing customers to select a delivery date before adding a product to the cart.
    If you’re using the Product scheduler plan, this option also lets you adjust the calendar’s position on the product page.

Use the built-in Setup Wizard to manually reposition the calendar on the Cart page, Product page, or Cart Drawer as per your layout needs.

Steps to Change Calendar Placement:

  1. Log in to your Shopify admin panel.

  2. Go to the Apps section and open the Stellar Delivery Date & Pickup app.

  3. Navigate to Settings > General Settings.

  4. Under the “Change Calendar Placement” section, select the preferred location:

    • On cart page

    • On cart drawer

    • On the product page (only if Product sceduler plan is installed)

  5. Click on “Run Wizard” to launch the placement tool.

  6. You will be redirected to your storefront. Follow the instructions below based on the selected option.

Using the Setup Wizard:

1. Cart Page Placement

  • Choose “On cart page” and save.

  • Click “Run Wizard”.

  • Add a product to the cart.

  • Use the popup to go to the cart page.

  • Click “Ok, I see the cart” to begin placing the calendar.

  • Set the position and save it.

2. Cart Drawer Placement

  • Select “On cart drawer” and follow the same process as above.

  • Once on the cart drawer, set the position for the calendar.

3. Product Page Placement

  • Select “On product page” (visible only if the Product scheduler plan is installed).

  • Click “Run Wizard”.

  • Open any product details page.

  • Click “Ok, I see the product” to begin adjusting the calendar placement.

Important Notes:

  • Product page placement is only available if you’ve installed the Product Calendar Add-on.

  • The wizard tool ensures proper placement across different themes without requiring coding.