- Category: Virtuemart User Guide
- Created on 12 September 2013
I. Description, Features and Requirements
You can easily find a Virtuemart Mobile Template to display your online shop via both mobile devices
and desktop computers. However, it is sometimes very difficult to use this responsive
theme due to a lot of customizations. Nothing fits all. In another situation that you are using an
old version of Virtuemart Mobile Template which does not support responsive features, you can’t afford
to hire a professional to update version of your current theme. You need a cost – effective solution.
Our Virtuemart Mobile Template is really designed to help your site working on iPhone, iPad, Android,
Blackberry, Windows 7, Palm Pre, Kindle and other mobile devices.
This template brings your visitors into a beautiful interface of your online store.
2. Main features of Virtuemart Mobile Template:
- Tables Design : HTML 5 + CSS 3
- The content is displayed very well in both desktop and mobile phones screens.
- Mobile is built on Twitter Bootstrap.
- Mobile uses Open source.
Help for Virtuemart Mobile Template function properly your computer to install Joomla version 2.5.14 and Virtuemart 2.0.22a
II. How to use CMSMART Templates
Option 1: Install template, use Quick Start Packages
Step 1: Download our tpl_nb_vm_.... _virtuemart_template package to your computer.
Step 2: Upload the archive Quick Start Package (ZIP) using any FTP software like FileZilla or the file manager in your hosting control panel.
Step 3: Unzip the archive Quick Start Package file via the unzip / extract tool on your hosting panel.
Step 4: Please open your site in the browser www.yourwebsite.com and start Joomla installation.
You will need to have database username, database password and database user for your Joomla database connection.
Step 5: On Step 6 in your installation - "Main Configuration" it is necessary that you click "Install Sample Data ".
Step 6: Installation is completed; the template with default content will be automatically be
activated on your site and it will look like the demo on our template preview page.
Option 2: Want to keep your current Joomla theme, but using Cmsmart Virtuemart
template → Upload Netbase Virtuemart template into your Virtuemart template folder.
Step 1: Find the archive file name tpl_nb_vm_.... _virtuemart_template. zip from the folder
in your downloaded template package. Unzip it into a desired folder in your computer.
Step 2: Using FTP to upload all the files in that folder to override com_virtuemart folder below
on your hosting. Suggest that you rename the current folder, ex: rename it to com_virtuemart_old to
back up your current theme.
Step 3: Configure Virtuemart theme in administrator according to your idea.
Option 3: Use brand new Joomla + Virtuemart template for your site while keeping the current product, content and database → Install
Netbase Joomla Virtuemart Template likes a normal Joomla
Step 1: Find tpl_nb_vm_..._joomla_template. zip file from the folder in your downloaded template package.
And go to www.yoursite.com/administrator to install it likes a normal Joomla template.
Step 2: Choose the template recently installed make default for your site.
III. Virtuemart Mobile Template Installation and Setup:
Download and Install the latest version of the Virtuemart Mobile Template.
Displays Set up dimension of Virtuemart Mobile Template in chrome:
* Setting → Overrides → Choose User Agent : iPhone - iOS 4
* Setting → Overrides → Choose Device metrics : Screen Resolution : 320 x 480 and Font scale factor :1
B. Set up:
1. Setting up Virtuemart in Mobile:
Step 1: Setting up VirtueMart Mobile:
Step 2: Setting limited words for Product Review :
2. Set Up Joomla in Mobile :
Step 1: Create the Menu Mobile :
- Go to Administrator → Menus → Main Menu :
You create details of menu mobile, then Save it.
- Go back to Main Menus→Menus→ Click menu mobile:
* Display Screen Home page of the Mobile:
<a class="header-logo" href="/index.php"></a>
<?php echo JText::_('NX_HELLO');?>
<?php echo JText::_('NX_GUEST');?>
<?php echo $user->name?>
<img src="/<?php echo $path;?>/images/logout.png" />
</div><!-- .nb-header -->
* Display description of Virtuemart MobileTemplate as below:
Step 2: Create each Module:
* After clicking Mj-Slideshow:
* Create Module Custom HTML for Emobile Template:
Step 3: Create the Plugin:
Step 4: Create the Template:
* Create Emobile-Default in Template Manager: Click emobile - Default :
* Create sport_mart - Default in Template Manager: click sport_mart - Default :
* Fix CSS errors : Click Emobile
Appear: Template Manager: Customise Template. Click Stylesheets :
Step 5: Create the Language:
VirtueMart Mobile Templates is used with multiple languages and currencies of many countries, but the
language is widely used for all countries is English.The currency used is popular USD.
IV. How to use Virtuemart MobileTemplate:
1. The sample of Virtuemart Mobile Template:
* In VirtueMart MobileTemplates there are a lot of images.
2. Purchase process on Virtuemart MobileTemplate:
* Click on each product , appear the description, features, shape, color, size, price, etc ... specification.
3. Fill the customer information:
Password : ********
* Login finished, you will be received to the information for the customer. Enter the correct information into the Bill to and Ship to
(Click on Bill to and Ship to go to see instructions for completing customer information)
* Customers buy in the basket, click on Continue Shopping
* Display of an Order:
* The specific requests of the customers:
4. Read Terms and Conditions : Before checkout, please read and agree with our Terms and Conditions.
5. Checkout :
- Tick the box Click here to read terms of service and check the box to accept them . Click Checkout button.