Help Center

How to Create Checkbox Meta Field Type and Display it in Listing Grid

How to Create Checkbox Meta Field Type and Display it in Listing Grid

In this tutorial, you will find out how to create a Checkbox type meta field and display it in Listing Grid with the JetEngine plugin.

The JetEngine plugin for Elementor comes with rich opportunities, and it totally meets the needs in dynamic functionality. Let’s continue reading the tutorial to know how to work with the plugin.

Firstly, in order to add a Checkbox type meta field to the Post Types, you need to create Post Types (follow this tutorial). After it’s done you will be able to display custom posts in the Listing Grid widget.

How to Add Checkbox Meta Field Type

First of all, proceed in WordPress Dashboard to JetEngine > Meta Boxes and add a new one (or if you have already created a Meta Box for a Custom Post Type, just open it and proceed).

Scroll the editing page to the Meta fields section and click on the “New Meta Field” button. Fill out the Label and Name/ID fields with the appropriate text value. In the Field type menu, you should choose the “Checkbox” option.

checkbox meta field

Enter the text into the Description textarea, if you need to. In the Options Lists click the “New Field Option” button.

Fill in the Value and Label fields with the necessary values (the ones that will allow the website user to choose the options they want). The meaning in the Value field is what systems read as the name of a field. The meaning in the Label field the users will see as the name for the field.

checkbox field options

After the settings are done, click on the “Add meta box” button or “Update meta box” button.

Now you need to go to each post in the Post Type and check the needed options that are required for a certain post.

checkbox meta field in post

How to Display Checkbox Type Meta Field in Listing Grid

The first step you should do is to create a Listing template with the necessary content. Follow this link for the detailed tutorial which describes how to do it.

In the Elementor page builder editing window search for the Dynamic Field widget, drag-n-drop it to the free section on the page where you want it to be placed.

dynamic field widget

In the Content tab choose the “Meta Data” source type. Select the necessary Meta Field from the dropdown menu. Alternatively, you can fill out the Or enter meta field key bar with the necessary slug (Name/ID field value). Set the other options as you like.

Toggle on Filter field output option. In the Callback dropdown, you should choose the “Checkbox field values” option. In the Delimiter field, you can enter the sign that will separate several options.

dynamic field settings

Now you can easily display the Checkbox type meta field in Listing Grid with the help of the JetEngine plugin.

Was this article helpful?

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.