Next, navigate to the ad posting form on the front end, where you’ll find all the forms loaded: Classified Listing, Property Listing, and Car Listing.

Conditional Logic for Field

1. Model Field: We aim to implement conditional logic for the “Model” field, wherein if a user selects a car make like Toyota, the “Model” field will become visible.
2. Conditional logic icon: This icon indicates that this field is conditional.
3. Enable Conditional Logic: You can enable conditional logic using the toggle button. This will reveal the related fields for configuring the logic.
4. Relation: Choose the dependent field, specify the condition, and select the value that triggers the display of the Model field.

Conditional Logic for Section

Depending on the specific field selection we can enable a section.

1. Section Car Specification: We create a section named “Car Specification” and configure it to display in its entirety when the “Listing Type” is set to “car“.
2. Conditional logic icon: This icon indicates that this field is conditional.
3. Enable Conditional Logic: You can enable conditional logic using the toggle button. This will reveal the related fields for configuring the logic.
4. Relation: Choose the dependent field, specify the condition, and select the value that triggers the display of the “Car Specification Section“.

1. Text Input Field
2. Textarea Field
3. Number Field
4. URL Field
5. Date & Time Field
6. Color Picker Field
7. Dropdown Field
8. Switch Field
9. Radio Button Field
10. Checkbox Field
11. File Upload Field
12. Hidden Field
13. Custom HTML Field

Text Input Field

1. Text Input: Drag the Text Input field into the fields container, then click the edit icon to customize its properties.
2. Text Input Property: You can define the Label, Label Placement, Name attribute, Placeholder, and specify whether the field is Required or not.
3. Filterable and listable: This is a Pro feature. If you enable “Filterable,” the field will be displayed in the sidebar filter. If you enable “Listable,” the field will be shown in the listing display.

Advanced Options:

Each field has this property

1. Conditional Sign: This symbol indicates that the field has conditional logic enabled.
2. Advanced Option: Clicking on the dot (….) icon allows you to add the default dynamic value for this field, set a unique ID, container class, and help message. If you check “Admin use only,” this field will not be visible on the front end but will only appear in the admin end.
3. Conditional Logic: A crucial setting for the field is conditional logic, allowing you to display or hide the field based on specific conditions.

Textarea Field

1. Textarea: Drag the Textarea Input field into the fields container, then click the edit icon to customize its properties.
2. Textarea Property: You can define the Label, Label Placement, Name attribute, Editor Type (Textarea or WP Editor), Rows, Placeholder, and specify whether the field is Required or not.

Number Field

1. Number: Drag the Number Input field into the fields container, then click the edit icon to customize its properties.
2. Number Property: You can define the Label, Label Placement, Name attribute, Placeholder, and specify whether the field is Required or not also min and max value, digits and number format.
3. Filterable and listable: This is a Pro feature. If you enable “Filterable,” the field will be displayed in the sidebar filter. If you enable “Listable,” the field will be shown in the listing display.

URL Field

1. URL: Drag the URL Input field into the fields container, then click the edit icon to customize its properties.
2. URL Property: You can define the Label, Label Placement, Name attribute, Placeholder, and specify whether the field is Required or not, Validate URL yes/ not also custom error message.

Date Field

1. Date: Drag the Date Input field into the fields container, then click the edit icon to customize its properties.
2. Date Property: You can define the Label, Label Placement, Name attribute, Placeholder, Date Format, Date Type (Single/ Range) and specify whether the field is Required or not.
   Note: You can change the date to date range field by selecting Date Type Range.
3. Filterable and listable: This is a Pro feature. If you enable “Filterable,” the field will be displayed in the sidebar filter. If you enable “Listable,” the field will be shown in the listing display.

Color Picker

1. Color: Drag the Color field into the fields container, then click the edit icon to customize its properties.
2. Date Property: You can define the Label, Label Placement, Name attribute, and specify whether the field is Required or not.
3. Filterable and listable: This is a Pro feature. If you enable “Filterable,” the field will be displayed in the sidebar filter. If you enable “Listable,” the field will be shown in the listing display.

Dropdown Field

1. Dropdown: Drag the Color field into the fields container, then click the edit icon to customize its properties.
2. Dropdown Property: You can define the Label, Label Placement, Name attributes, and specify whether the field is Required or not.
3. Dropdown Options: Clicking on the (+) icon allows you to add new options while clicking on the (-) icon removes an option. Additionally, clicking on “Show value” enables you to edit the option value.
4. Shuffle available options:
5. Enable Searchable Smart Option:
6. Filterable and listable: This is a Pro feature. If you enable “Filterable,” the field will be displayed in the sidebar filter. If you enable “Listable,” the field will be shown in the listing display.

Custom Swatches

Swatches field noted the field value Yes or No. You can checked the field also make it required or not.

Radio Button

1. Radio Button: Drag the Radio button field into the fields container, then click the edit icon to customize its properties.
2. Radio Options: Clicking on the (+) icon allows you to add new options while clicking on the (-) icon removes an option. Additionally, clicking on “Show value” enables you to edit the option value.
3. Direction: You can specify the option direction as either Horizontal or Vertical.
4. Required: You have the option to make the field mandatory or optional.
5. Filterable/ Listable Field: This is a Pro feature where this field can be displayed in the sidebar filter or in the list view.

Checkbox

1. Checkbox: Drag the Checkbox field into the fields container, then click the edit icon to customize its properties.
2. Checkbox Options: Clicking on the (+) icon allows you to add new options while clicking on the (-) icon removes an option. Additionally, clicking on “Show value” enables you to edit the option value.
3. Direction: You can specify the option direction as either Horizontal or Vertical.
4. Required: You have the option to make the field mandatory or optional.
5. Filterable/ Listable Field: This is a Pro feature where this field can be displayed in the sidebar filter or in the list view.

File Upload

1. File Uploads: Drag the Uploads field into the fields container, then click the edit icon to customize its properties.
2. Button Text: You can specify your own custom text for the button here..
3. Required: You have the option to make the field mandatory or optional.
4. Max File Size: Enter an integer value in megabytes (MB) for the maximum file upload size..
5. Error Message: Input a customized error message for file size-related errors.
6. Max Files Count: Specify the maximum number of files that can be uploaded.
7. Error Message: Enter custom error message of max files count.
8. Allowed Files: You can select the field extensions that are allowed for upload.
9. Error Message: Please input a custom error message for the file type.
10. File Location Type: You have the option to select the file location type from either Global Settings or Custom.
11. Save Uploads In: You can choose the file location from either the Classified Listing default or the media library.

Hidden File

1. Hidden File: Drag the Hidden File field into the fields container, then click the edit icon to customize its properties.
2. Admin Label: Specify the admin label.
3. Default Value: You have the option to designate a particular field value as a hidden field.

Custom HTML Field

1. Custom HTML field: Drag the Custom HTML field into the fields container, then click the edit icon to customize its properties.
2. HTML Code: You can include custom HTML code to be displayed on the front end.

]]>