VMuikit X - Shortcode Plugin
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
- 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 33 of 40
Shortcode Plugin :
From the VMuikit shortcode plugin you can implement "Add to cart" buttons within other builder elements like Grid, Text, Overlays etc. Full flexibility to create the good shopping experience for the shopper.
- From the main joomla menu click “Extensions -> Plugins”. Use the Search or Filter feature to find the installed "VMuikit shortcode plugin", and then click on the plugin. And check for the plugin is enabled.
- Now open "YOOtheme" website builder inside the Joomla admin and edit the page you want to add the VMUIKIT shortcode add-to-cart.
- Then you can easily add any listed custom builder elements which supports content editor in Yootheme PRO Website Builder. Here we take text element.
- You can use the shortcode add-to-cart in two ways: Basic or Advanced.
- In basic usage you simply use as {vmuikit_add_to_cart 1}, where "vmuikit_add_to_cart" - Keyword and "1" - Virtuemart product ID
- In advanced usage you additionally use params as {vmuikit_add_to_cart 1 size="small" style="danger" quantity="1" text="Buy"}, where
- "vmuikit_add_to_cart" - Keyword
- "1" - Virtuemart product ID
- "size" - Add to cart button size values are "large,small"
- "style" - Add to cart button style to be displayed values are "primary, secondary, danger"
- "quantity" - Default values for quantity box
- "text" - Text to be displayed on Add to cart button
- Once finished all the settings for the element , Click "Save layout" and "Close" the website builder.