Product & Variants Options
  • 📍Overview of creating product options
  • 📍Step-by-step set up product options
    • 1️⃣Select option types
      • Text box
      • Number field
      • Checkbox
      • Dropdown menu
      • Dropdown menu with thumbnail
      • Radio button
      • Swatch
      • Button
      • File Upload
      • Date & Time
      • Color picker
      • Text Area
      • Instruction
    • 2️⃣Set display conditions
    • 3️⃣Add advance features
      • Add price to options (Price add-on)
      • Options on Order Confirmation Emails and Packing Slips
      • Options show on Featured products
      • Discount box on the Cart page
      • Options display on mini cart, cart slider
    • 4️⃣Customize option display
      • Design Settings & Translation Texts
      • Change the position of Option sets
    • 5️⃣Export/Import Option Sets
  • 📍FAQs
    • How to set up Advanced option settings?
    • How to set up Select quantity for options?
    • How to set up the Conditional Logic Options?
    • How to set up variant's SKU for Option set?
    • Can I assign an option value to a product variant?
    • How to translate the app interface into other languages?
    • How to see the store's collaborator code?
    • How to approve our partner request?
Powered by GitBook
On this page
  1. Step-by-step set up product options
  2. Select option types

Date & Time

PreviousFile UploadNextColor picker

Last updated 11 months ago

This is a quick overview of Date & Time option.

Step 1: Please create an option set (follow this guide for more details)

Step 2: Choose option type: Date & Time and set the General Information

  • Date & Time picker: allows your customers to choose a date and time for that date.

  • Date range: allows your customers to choose a date range (with specific time), which does not include any disable or inactive dates/time.

Step 3: Set the Active Dates (Optional)

Under the Active Dates section, you can set the active dates as you want. This feature allows you to set up date & time that customers can select.

In the image above, store owner restricted customers from selecting Tuesday & Wednesday. On Friday & Saturday, customers can only select the time between 09:00 AM and 02:00 PM.

On the Online Store, customers can select valid date & time only.

Step 4: Choose the Display Date/Time type. You can choose between 3 types:

  • Date & Time

  • Only Date

  • Only Time: only available when you choose Date & Time picker

You can also choose the time format for each Date/Time Type.

Here is some examples of how the Date & Time Picker looks in your store:

● Date & Time

● Only date

● Only time

Step 5: Choose Disabled Dates (Optional)

  • Cut-off date/time: You can choose between 5 types: Minutes, Hours, Days, Weeks, or Months. In the image below, the customers only can select the date from 2 days after the current date.

If you set up the conditions as above: cut-off time = 2 days (current date: 25th July 2023), customers only can select the date starting from July 27th at the Online Store.

  • Specific dates: You can disable multiple specific dates as you want.

For example, you want to disable August 14th, August 15th, and August 16th:

At the storefront, these 3 days are disabled, and your customers cannot select them.

  • Range date: You can select multiple ranges as you want.

For example, you want to disable August 1st to August 5th and August 29th to August 31st:

At the storefront, these 2 ranges are disabled, and your customers cannot select them.

  • Disable past dates: You can disable past dates/time to disallow your customers to choose these dates/time. Customers cannot select dates before the order date.

At the storefront, past dates are disabled, and your customers cannot select them.

Step 5: Make sure everything is correct and Save.

Here are some examples that you can see at your storefront:

  • Date & Time picker:

  • Date range:

If you have a problem when setting up this feature, please feel free to reach us at or Live Chat if you need any assistance.

📍
1️⃣
support-sbc@bsscommerce.com