6. VMVendor Documentation - Customization

I - Customize via CSS


A must use tool for every webmaster / web designer is the Google Chrome inspector. Open a page with Chrome and right click an element to select the "inspect" menu item.
You get to see what code is involved, what HTML and CSS and where are the files to edit for customization.
read more about it here: https://developers.google.com/chrome-developer-tools/
Also, you can get the same feature with Firefox + Firebug extension.

The CSS files for your edition are located in this folder
components/com_vmvendor/assets/css/

VVMendor3 uses a custom set of font icons thanks to fontello.com

II - Customize via Template Override


If you have not heard yet of Joomla Template Override, read this Joomla documentation:
http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
Regarding VMVendor, here is what would look like your template html folder:

templates/[yourtemplate]/html/com_vmvendor/addproduct/default.php
templates/[yourtemplate]/html/com_vmvendor/askvendor/default.php
templates/[yourtemplate]/html/com_vmvendor/catsuggest/default.php
templates/[yourtemplate]/html/com_vmvendor/dashboard/default.php
templates/[yourtemplate]/html/com_vmvendor/editproduct/default.php
templates/[yourtemplate]/html/com_vmvendor/editprofile/default.php
templates/[yourtemplate]/html/com_vmvendor/edittax/default.php
templates/[yourtemplate]/html/com_vmvendor/mailcustomer/default.php
templates/[yourtemplate]/html/com_vmvendor/vendorprofile/default.php


III - Additional module positions


There are few additional module positions available in VMVendor Dashboard.
To visualize, go to your template manager, click on Options and enable 'Preview Module Positions'
This enables adding 
$tp=1 to a page URL to view the available module positions on the current page.

yoursite.com/index.php?option=com_vmvendor&view=dashboard&tp=1

vmv-dashboard-top: insert one or more modules at the top of the VMVendor dashboard tab
vmv-dashboard-tab: insert one or more modules inside of the VMVendor dashboard tab
vmv-dashboard-bot: insert one or more modules at the bottom of the VMVendor dashboard page


IV - Build your own VMVendor Profile and Dashboard plugins

You can have additional profile tabs too as we introduced in VMVendor 1.5 profile module positions
such as:
vmv-profile-headline
vmv-profile-tab
vmv-profile-bot

Using these you can build your own VMVendor profile plugins as easily as writing a Joomla module.
Applications are endless. It can be used to embed Facebook comments for instance or additional Vendor related data.
All you need to use to get the vendor userid in the module is:

$vendor_userid = JFactory::getApplication()->input->get('userid','','INT');
if(!$vendor_userid) $vendor_userid = JFactory::getUser()->id;


  • Created on .
  • Last updated on .
Disclaimer: Nordmograph is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.