YayExtra - WooCommerce Extra Product Options
  • YayExtra Documentation
  • Getting Started
    • Introduction
    • How to Install
    • Enter License Key
    • System Requirements
    • How to Update YayExtra
    • Uninstall and Delete
  • How it Works
    • How to Create Option Set
      • Add div element for option sets to style
    • How to Add Different Option Types
    • Common Options Settings
    • Sorting
    • Option Types
      • Text Option
      • Number Option
      • Button Option
      • Dropdown Option
      • Swatches Option
      • File Upload Option
      • Date Picker Option
      • Time Picker Option (with Conditional Logic)
      • File Download
      • Image Upload
      • How the Above Sample Appears on the Product Page
    • Add Action to Options Using Conditions
    • Assign Option Set to Products
    • Add Percentage Custom Fees
  • Customize
  • Settings
  • Developer zone
  • Why Upgrade?
  • Other Links
    • FAQs
    • Changelog
    • Support
Powered by GitBook
On this page

Was this helpful?

  1. How it Works
  2. Option Types

Time Picker Option (with Conditional Logic)

PreviousDate Picker OptionNextFile Download

Last updated 22 days ago

Was this helpful?

The GIF example below shows how we selected the Time Picker Option, named it Delivery Time

We can also add Class (for CSS purposes) and make other settings in the Advanced Settings tab and Conditional Logics tab.

Conditional Logic

In this Time Picker Option example, we set a conditional logic that would only make the Delivery Time become visible on the product page if the Delivery Date is interacted with and a date is selected within a specified date on the calendar ( 26th - 31st ).

A GIF image showing how the Time Picker Option's condition shows in the frontend.