VMuikit X - Custom Product
Article Index
- VMuikit X
- How to install
- Recommended VM settings for VMuikitX
- Content Sources (Dynamic Content)
- Custom Category
- Custom Product
- VirtueMart Product Details Layout
- Child Products table
- Custom Badges for VM Products
- Add Ask a question button
- Add VM custom fields
- Add Product Ratings & Reviews
- Add Related Products
- Add Previous & Next Product link
- VirtueMart Category Layout
- VM Sub or child Categories
- VM Category Module
- VM Category Sorting Filter
- VM Category Products Prices Display
- VirtueMart Manufacturer Default Layout
- VM Order Thank You Page Layout
- VM Content Fields
- Custom Elements
- VM AddtoCart
- VM Category
- VM Category Grid
- VM Product
- VM Product Grid
- VM Grid
- VM Utilities
- Modules
- Component
- One Page Checkout plugin
- Shortcode Plugin
- Custom changes in VMuikit X override files
- Override VMuikit X modules layout files
- Override VMuikit X OPC layouts
- Override VM dynamic content fields in VMuikit X
- How to fix VMuikit X onepage checkout language issues?
- How to fix VMuikit X layout issues?
- Video Tutorials
- All Pages
Page 6 of 41
Custom Product :
- Open "YOOtheme" website builder inside the Joomla admin and edit the page you want to add the elements with simple custom product using dynamic content.
- Select the preferred builder elements from Yootheme PRO Website Builder elements list with the row settings as Halves.
- Add the elements to the section here we used "Image","Heading","Text","HTML" elements.
- Click "Advanced" menu in the image element and then select the option "Custom Product" from "DYNAMIC CONTENT" and select the product you want to show from "Select Product" or you can also search for your preffered product by name.
- Once a virtuemart content source is selected, its fields are available for mapping.
- To map a content field 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 image field to the selected virtuemart product image , image alt field to the selected virtuemart product image alt and link field to the selected virtuemart product link.
- Once finished all the settings for the element , Click "Save layout" and "Close" the website builder.
- Repeat the same "Advanced" menu settings described above for Heading element.
- Select the content field to map it to the element's field. For example, you can map the content field to the selected virtuemart product name , and link field to the selected virtuemart product link.
- Repeat the same "Advanced" menu settings described above for Text element.
- Select the content field to map it to the element's field. For example, you can map the content field to the selected virtuemart product short description .
- Repeat the same "Advanced" menu settings described above for HTML element.
- Select the content field to map it to the element's field. For example, you can map the content field to the selected virtuemart product add-to-cart.
