Table of Contents
The Time Picker option type allows customers to select a specific time, such as appointment times or delivery time slots.
Option Settings #
- Option name: Give your Time Picker option a unique internal name, which will also be visible to your customers. Ensure that different options in the option set have distinct names.
- Option label: Add a label that is visible to your customers such as “Delivery Time”. Option labels can be the same or different for various options in the option set.
- Required: Make the Time Picker a mandatory field if you want, ensuring customers select a date before adding the product to cart.
- Hide option label: Hide the option label if you wish to keep the interface cleaner or prefer it not to be visible to users.
- Add price: Set a price for this option if you want to charge an extra fee for time selection.
- Time format: Select your preferred time format (12 or 24 hours).
- Column width: Adjust the width of the Time Picker field if you want, choose from 25-33-50-66-75-100%. For instance, if you intend to incorporate both the Time Picker and Date Picker on a single line to optimize the product page space, simply adjust the column width of each to 50%.
- Help text: Provide additional instructions or information for your customers to assist them in the time selection process.
- Info: Create an informative tooltip that appears when users hover over a small icon, providing more context or assistance.
- Placeholder: Add a short text inside the date picker field when no date is selected yet. For instance: “Select delivery time”, “Select your pickup time”.
- Conditional logic options: Determine the visibility of the Time Picker, ensuring it appears only when specific custom options or Shopify variants are selected. To set up the condition logic for your Time Picker, follow this guide.
Need Assistance? #
If you run into any challenges while configuring your custom options, feel free to reach out to us for assistance through our convenient in-app live chat, by submitting your request via our contact form, or by sending an email to support@tigren.com. We’re here to help!