Before displaying a product on your website, make sure you have done the following:
Installed, configured and enabled FW VM plugin.
Installed and configured VirtueMart component.
Checked if VirtueMart Product plugin is activated.
Once you are ready with this checklist, it is time to make the product visible on the front-end. In this tutorial, we will learn how to display a product on the front-end.
We will proceed as follows:
To display a product you need to create a menu item and assign VirtueMart Product Details Layout.
Log into your Joomla administrator panel using your credentials.
Locate Menus dropdown in the top menu of your Joomla control panel and click on it.
Choose User Menu=>Add New Menu Item from the list.
Locate Details tab.
Locate Title textbox and enter Product Details into it.
Locate Menu Item Type field and click Select.
Mouse over VirtueMart dropdown and select Product Details Layout from the list. Once selected, the details tab display changes, see the screenshot below:
Now, let's activate FW VM Rental plugin.
Locate Extensions dropdown in the top menu of your Joomla control panel and choose Plugins from the list.
Find FW VM Rental plugin using the search area.
Enable the plugin if it is needed.
Now, let's activate VM Product plugin. VM Product plugin allows to display a product on your e-commerce Joomla website. To enable VM Product plugin, do the following:
Once both plugins are activated, go to the front-end to see how the product is displayed. Your screen should look similar to the screenshot below.