Powered by

# Input

The Input block allows you to input item quantities and to set custom filters for your inputs.

If you want to add an Input block inside a parent block:

  1. Open the Quick Insert panel in the parent block
  2. Search for the Cwicly Input block
  3. Click on the Cwicly Input block to insert it into your parent block

If you want to add an Input block outside any other block on the page:

  1. Click on the ➕ ​​icon to open the Inserter Panel
  2. Search for the Cwicly Input block
  3. Click on the Cwicly Input block to insert it into your page

# Input Type

The Input Type property allows you to select the type of input you wish to add, such as Quantity or Custom.

# Quantity Input

. The Quantity Input property allows you to select Quantity as your input type.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Quantity in the Type dropdown

# Custom Input

. The Custom Input property allows you to select different types of fields for your Quantity Input. You can set specific options for each field. This allows the customer to give more information before they add an item to their cart, such as Name, Default Value, Placeholder, Title, Field Type, Autocomplete, Input Mode, Readonly, Required, Autofocus, Disabled, Checked, Multiple, Pattern, Length etc.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown

# Name

The Name property allows you to select your input by Name.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Name

# Default Value

The Default Value property allows you to select a Default Value for your Input.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Default Value

# Placeholder

The Placeholder property allows you to Input a Placeholder (text inside a form field that shows the user what to type in).

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Placeholder

# Title

The Title property allows you to Input a Title.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Title

# Select Type

The Type property allows you to Select a filter for your input, such as button, text, checkbox, color, date, email, file, hidden number, password, radio, research, search, submit, tel, url.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Select Type in dropdown (button, text, checkbox, color, date, email, file, hidden number, password, radio, research, search, submit, tel, url)

# Autocomplete

The Autocomplete property allows you to automatically add information to your imput, including default, on, off, name, email, username, new-password, current-password, one-time-code, organization-title, organization, street-address, address-line1, address-line2, address-line3, address-level1, address-level2, address-level3, address-level4, country, country-name, postal-code, cc-name, cc-given-name, cc-family-name, cc-number, cc-exp, cc-exp-month, cc-exp-year, cc-csc, cc-type, language, sex, tel, url,

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Select Autocomplete element in the dropdown (default, on, off, name, email, username, new-password, current-password, one-time-code, organization-title, organization, street-address, address-line1, address-line2, address-line3, address-level1, address-level2, address-level3, address-level4, country, country-name, postal-code, cc-name, cc-given-name, cc-family-name, cc-number, cc-exp, cc-exp-month, cc-exp-year, cc-csc, cc-type, language, sex, tel, url,)

# Input Mode

The Input Mode property allows you to Select dynamic criteria for Input Mode, including default, none, text, tel, url, email, numeric, decimal, search.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Select Input Mode in dropdown (default, none, text, tel, url, email, numeric, decimal, search)

# Readonly

The Readonly button allows you to toggle on/off Readonly.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Toggle on/off Readonly

# Required

The Required button allows you to toggle on/off Required fields.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Toggle on/off Required

# Autofocus

The Autofocus button allows you to toggle on/off Autofocus.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Toggle on/off Autofocus

# Disabled

The Disabled button allows you to disable an input field.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Toggle on/off Disabled

# Checked

The Checked button allows you to toggle whether an input has been checked or not.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Toggle on/off Checked

# Multiple

The Multiple property allows you to input multiple fields.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Multiple information

# Pattern

The Pattern property allows you to select a particular pattern.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Pattern

# Min Length

The Min Length property allows you to select a minimum length.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Min Length

==-ay¡

# Max Length

The Max Length property allows you to select a minimum length.

  1. Select an Input block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Input Settings panel
  5. Select Custom in the Type dropdown
  6. Input Max Length
blocks input

© Copyright 2022. Cwicly. All rights reserved.