The “Change Calendar Placement” feature allows you to customize where the delivery date calendar appears on your storefront, enhancing user experience by ensuring it fits well with your theme and cart setup. You can choose to display the calendar on the cart page, in a cart drawer, or on the product page if you have the Product scheduler plan. To change the calendar placement, log in to your Shopify admin, access the Stellar Delivery Date & Pickup app, and navigate to Settings > General Settings.
Select your preferred location and click “Run Wizard” to start the placement tool. Follow the prompts to adjust the calendar's position according to your choice. Remember, product page placement is only available with the Product Calendar Add-on, and the wizard simplifies the process without needing any coding skills.
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:
On Cart Page:
Displays the delivery calendar on the standard cart page—ideal for most Shopify themes using a dedicated cart page.On Cart Drawer:
Suitable for themes using a slide-out drawer/cart popup. The calendar appears directly inside the drawer.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:
Log in to your Shopify admin panel.
Go to the Apps section and open the Stellar Delivery Date & Pickup app.
Navigate to Settings > General Settings.
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)
Click on “Run Wizard” to launch the placement tool.
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.