Delivery Time

This option allows you to show the Delivery time message to the Single Product Page

In Theme Customize > Go to Product page > Choose Product Main option > Click Add block button to add the Delivery Time block to the Product information next to the product image.

Add the Delivery Time block to the Product main option, then drag it to any position that you wanna show it.

Click on the Delivery Time block, the right settings sidebar will open and you guys can configure some options below:

  • Hide with ‘pre-order’ checkbox: Tick on this checkbox to hide the Delivery time message on all Pre-order products.

  • Icon/ IMG format: You can show an icon or a custom image here. Choose None if you don't wanna use a custom icon/ image before the Live view message.

  • Icon class name: works when choose the Icon format. Click the Get name icon button to navigate to the The4 Line Awesome icons Library.

  • Image: works when choose the Image format, you can upload your custom image here.

  • ICON / IMG animation: Choose an animation style for the Live view icon/ image. If you don't wanna use animation, please choose None.

  • Delivery Text: You can add the text that you wanna show on the Delivery Time here. The value: hour, date_start, and date_end should be put in [...] otherwise it cannot show the time correctly.

  • Exclude Days From: This option allows you to configure the time set for Only Delivery and Shipping & Delivery.

1. Exclude Days From: Only Delivery

Note: For only delivery, if your shipping and delivery dates overlap with the exclusion date, the time will be rolled over to the next day (the date does not overlap with the exclusion date).

  • Delivery Start Date: You set Delivery Start Date: 4 days; today is Tuesday, 28th June and Exclude Days as SAT, SUN (You have excluded Saturday, 2nd July and Sunday, 3rd July).

=> Tuesday, 28th June + Delivery Start Date: 4 days = Saturday, 2nd July; however the shipping date overlaps with the exclusion date, and your time will be moved to Monday, 4th July.

  • Delivery End Date: You set Delivery End Date: 8 days; today is Tuesday, 28th June and Exclude Days as SAT, SUN.

=> Tuesday, 28th June + Delivery End Date: 8 days = Wednesday, 6th July is the Delivery End Date (Because your delivery date does not coincide with the exclusion date)

2. Exclude Days From: Shipping & Delivery

Shipping & Delivery times are calculated as follows: If your shipping and delivery times coincide with an exclusion date, add that date to your total shipping and delivery dates. Follow the example to explain below:

  • Delivery Start Date: You set Delivery Start Date: 4 days; today is Tuesday, 28th June and Exclude Days as SAT, SUN (You have excluded Saturday, 2nd July and Sunday, 3rd July).

=> Tuesday, 28th June + Delivery Start Date: 4 days = Saturday, 2nd July; however the shipping date overlaps with the exclusion date, and your time will be added 2 days. So the shipping time is Monday, 4th July.

  • Delivery End Date: You set Delivery End Date: 8 days; today is Tuesday, 28th June and Exclude Days as SAT, SUN (There are have Saturday, 2nd July and Sunday, 3rd July)

=> Tuesday, 28th June + Delivery End Date: 8 days + 2 days excluded = Friday, 8th July. This day the product will be delivery for customer.

You can read this article to know how to use Metafield to configure different Delivery Start/ End date for some specific products.

  • Exclude Days From: This option allows you to configure the time is set for: Only Delivery or Shipping & Delivery.

  • Exclude Days: You can add the day in a week that you wanna exclude here.

  • Delivery date format: you can pick a format that you wanna use.

  • Delivery Time Cut Off: You can set the time in the day that you want to cut off the delivery here.

Example: You wanna cut-off Delivery time at 16:00 pm and after that, the time will move to the next day and show the countdown timer. You can use Metafield to configure the Delivery Time Cut Off for some specific products.

  • Text hours/ minutes: This option allows you can customize the text of the Text hours/ minutes. Example: In your language, the hours/ minutes are Stunden/Minuten. You can use Metafield to configure the text of the time for some specific products.

[Private Offer] EComposer Partner Plan

Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Kalles with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated