Posts

Showing posts with the label checkoutfieldeditor

Custom Sections in WooCommerce Checkout Field Editor

Image
Using WooCommerce Checkout Field Editor plugin, you can also add new sections in the WooCommerce checkout form. Sections are used to separate fields according to their divisions.  Default sections in WooCommerce are the Billing Section, Shipping Section and Additional Fields Section . WooCommerce Checkout Field Editor allows you to add new sections and define new fields to them. Following are the operation that can be performed on newly created sections: Edit new sections  - Properties of new sections can be edited later. Duplicate new sections  - A copy of an existing new section can be made. Remove created sections -  The sections cannot be disabled, but can be removed if necessary. Following are the entry fields in Add new section: Name/ID *:  This is the unique html ID for the created section. No two sections can have the same section name. CSS Class :   Here, you can add a CSS class for the section. You may need to define the st...

Conditionally Display Fields/Sections based on Date Picker

Image
Make easy customisations to your checkout form with Checkout Field Editor for WooCommerce plugin. Add, edit, modify, delete, or change the display order of checkout fields with this easy WooCommerce checkout manager. Besides adding custom fields, create and include custom sections to your WooCommerce checkout form. Functioning hand-in-hand with the WooCommerce Multistep Checkout plugin from ThemeHigh, create custom checkout steps and include custom fields and sections to these steps using the Checkout Field Editor. While setting a rule based on the Date Picker field type, insert the date in the format ' DD/MM/YYYY '. The date format defined for the field in the field properties will not be validated when a conditional rule is defined. For setting a rule based on a day of a week, enter the input values as the first three letters of the day after choosing the condition ‘ Day equals to/ Day not equals to ’. (Example ‘ SUN ’ instead of Sunday)

Conditionally Display Fields/Sections based on User Role

Image
Make easy customisations to your checkout form with Checkout Field Editor for WooCommerce plugin . Add, edit, modify, delete, or change the display order of checkout fields with this easy WooCommerce checkout manager. Besides adding custom fields, create and include custom sections to your WooCommerce checkout form. Functioning hand-in-hand with the WooCommerce Multistep Checkout plugin from ThemeHigh, create custom checkout steps and include custom fields and sections to these steps using the Checkout Field Editor. By setting a display rule based on User Role, the fields/sections will be visible only while logged in for the defined user role. Follow below Steps: From the drop-down, choose  Show/Hide  to display or hide the  field/section  at checkout. From the dropdowns below, set conditions based on User role. Select the User role(s) from the select field at the right and save the changes. P.S: The User Role ‘ Customer ’ is a registered user. In ...

Custom Validation Rules in WooCommerce Checkout Field Editor

Image
Make easy customisations to your checkout form with Checkout Field Editor for WooCommerce plugin . Add, edit, modify, delete, or change the display order of checkout fields with this easy WooCommerce checkout manager. Besides adding custom fields, create and include custom sections to your WooCommerce checkout form. Functioning hand-in-hand with the WooCommerce Multistep Checkout plugin from ThemeHigh, create custom checkout steps and include custom fields and sections to these steps using the Checkout Field Editor Custom validator feature can be used to define custom validation rules using RegEx which can be selected from 'Validations' drop-down when creating or editing checkout fields. To create new custom validators, Go to   Dashboard → WooCommerce →  Checkout Form  →   Advanced Settings   page. You can see a section Custom Validators with 4 fields showing Validator Name, Validator Label, Validator Pattern, and Validator Message. Fill the ...

Product Variation Swatches for WooCommerce | Variation Swatches for WooCommerce

Image
The WooCommerce Product Variation Swatches allows you to configure & display product variations visually. The plugin gives the following swatch types Radio Color Image/Icon Label/Button You can access the WooCommerce Product Variation Swatches settings from  Dashboard → Products → Swatches options  after installing & activating the plugin. Product Variation Attribute Attribute for a Product Variation is decided by following fields. Attribute Name – The field name to identify an attribute. It should be unique. Attribute Type – By default for Woocommerce the available type is SELECT. Using Woocommerce Product Variation Swatches, you can choose the different type of attributes. Available types are Color, Image, Label and Radio. Term Tooltip Type – Tooltip type allows you to choose the type of tooltip for a term. The available types are Image, Term Name, Description and None. Icon Properties – The display icon for each attribute can be styled. You c...