VM Grid Custom Element :

• Open your site "YOOtheme" website builder inside the Joomla admin and edit the page section in which you want to add the "VM Grid" custom element.
• Then you can easily add listed VMUIKITX custom builder element VM Grid from the list of Vmuikit X custom elements.

• Now you can add a new item from the "Add Item" option .

• Click the "Advanced" option in the newly added item and select the "dynamic content" type for your grid element. Here we used "Virtuemart->Custom Category"

• Also you can set the various settings which supports the selected "dynamic content" source. change the settings for the element under "Settings" tab in which how it will be displayed in your website.

• To map various dynamic content source fields to an element's field, open the Content tab of an element. Each element field shows a Dynamic button on the right which opens a dropdown with a list of all available content fields.

• Select the content field to map it to the element's field. For example, you can map the title to the name of the product in the selected category , image field to the product images and so on.

• Apart from the default grid element fields "VM Grid" element has some more additional fields for your layout design conveniences. You can also mapped for the desired layout.

• "Link to panel" grid settings not worked if "Show Add to cart" enabled.

Add Custom Field Text content Badge to the product

• Create a new VM custom field with type text area as per the below settings and make sure "Searchable" option is enabled.

• Now assign the newly created custom field to the product you want to add

• Once assigned you can map the custom field to "Badge" as a dynamic content source.

• Once finished all the settings for the element, Click "Save layout" and "Close" the website builder.