Demo Content

Virtuemart

Virtuemart Cart Mynxx is the first ever RocketTheme template to incorporate Virtuemart, the ever popular Joomla e-commerce component. The release integrates the shopping extension in a variety of methods, firstly, we provide a virtuemart theme for you to install to allow for maximum compatibility, and secondly, a series of modified modules for your own shopping site.

There are various enhances that are apparent in Virtuemart, such as the mootools powered Cart in the top bar; the quantity wheel for the various number input boxes within Virtuemart, meaning a simple up/down arrow will change the number plus a series of other subtle, but intuitive enhancements.

Virtuemart Installation

Step 1 : Download
Download the Virtuemart component from www.virtuemart.net. You will want to unzip this file as it contains several of the installable zips inside, from the component, modules to plugins.

Step 2 : Installation
Go to Extensions > Install/Uninstall in the Joomla administrator. From there, click Choose FIle and find the com_virtuemart.zip file on your computer. Open this and click Upload and install.

Step 3 : Configuration
In order to configure virtuemart, you will need to go to Components > Virtuemart in the Joomla administrator. For more information regarding Virtuemart itself such as how to use it, please go to www.virtuemart.net

Mynxx Runonce Plugin

Virtuemart configures its path / url in a way which restricts it to a single site, i.e. it does not dynamically change depending on your site. This setting is essential for the running of Virtuemart and therefore, we have provided a plugin which will automatically change this setting within Joomla so you do not have to change this manually.

Step 1 : Download
Download the mynxx-extensions.zip file from the Mynxx section of our download system. Unzip the file to reveal its contents and one of the items will be plg_mynxx_runonce.zip. This is what is required.

Step 2 : Installation
Go to Extensions > Install/Uninstall in the Joomla administrator. From there, click Choose FIle and find the plg_mynxx_runonce.zip file on your computer. Open this and click Upload and install.

Step 3 : Run the plugin
Go to Extensions > Plugin Manager and find System - Mynxx Runonce from the list. Enable the plugin and check to see if Virtuemart is working. Once it is operational, disable the plugin. This is only required if you are using RocketLauncher or moving your install from one location to another. If you are installing Mynxx on a current Virtuemart site, do not install this plugin.

Mynxx Virtuemart Theme

In order for Mynxx to integrate as seamlessly as it does, a separate Virtuemart theme had to be created, alongside the typical joomla template. This is made possible due to the newest versions of Virtuemart offering a templating capacity which has allowed us much greater access to the theming core of Virtuemart, perfect for creating a Virtuemart specific templates without messy javascript hacks. Therefore, you will need to know how to install it.

Installation of VM_Mynxx

Step 1 : Download
The first step is to download the necessary files (we shall assume that you have already setup your Joomla install with the Mynxx template and Virtuemart). The file you require is vm_mynxx.zip which is available from the download section of the RocketTheme site, located in the Mynxx section.

Step 2 : Upload
As Virtuemart does not have an integrated theme installer, you will need to install the template manually. After downloading, unzip the vm_mynxx.zipfile onto your computer which will reveal the vm_mynxx folder. Using your FTP client, such as FileZilla, upload the vm_mynxx folder to /components/com_virtuemart/themes/ on your Joomla install.

Step 3 : Configuration
Now that you have uploaded the theme, you will need to set it to load within Virtuemart itself. To do this, login into the Administrator and go to Components > Virtuemart. From this page, click on the Configuration item in the left column then select the Site tab. You should now see an option termed as Select the theme for your Shop. In the popup list that appears, select vm_mynxx then Save.

The theme should now be install and set to load for Virtuemart.

Mynxx Virtuemart Modules

With Virtuemart, you are provided with a series of modules which provide an extra degree of functionality for your Joomla shopping site. We have customised a selection of these modules to match the Mynxx template more effectively and provide additional functions and elements.

Read More

Typography Overview

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with this template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

There are now 2 methods in which to implement the typography into your Joomla content:-
  1. HTML Mode: This is the typical approach seen in pre-2009 templates, were you had to physically add the HTML to your content in order for it to work. This can be a strenuous task for two main reasons. The first being the WYSIWYG editor of Joomla, which, more often than not would strip out the HTML from your content if you opened any formatted article with it. The second being the ability of the user, if you are using purely to the WYSIWYG editor, using the HTML mode or no editor at all can be a difficult step to reach.
  2. RokCandy Mode: The all new component from RocketTheme which allows you to implement typography easily, without fear of the WYSIWYG editor ruining your formatting and allows you, and/or your clients to add them to your content with ease. This is through a method similar to BBcode in a modern. WYSIWYG friendly syntax can be used, or even custom custom configured that will transform a set snippet to the correct HTML when it is parsed by Joomla.

Why use RokCandy?

RokCandy is the ideal solution for those with limited coding skills or those who implement our templates for their clients. It is free from the WYSIWYG editors horrific filtering habits and can be easily pre-configured for your personal needs or the needs of your client.

If you are apt with HTML, and are not implementing a site for someone who has limited coding skills, then the HTML method would be our recommended choice. RokCandy Typography

VirtueMart Modules

There are many number of default Virtuemart modules that accompany the Joomla shopping component. We have modified a few of these for better integration with the Mynxx template, as well as providing greater functionality which you have grown accustom to with our extensions. The modules are as follows:-

RokVirtuemart Scroller

A complete overhaul of the former Virtuemart marquee module. This product module scrolls through your various shopping items using the power of the Mootools javascript library. A presentable and functional method of showcasing your items.

We will take a quick look at the parameters you will find when you install this module. There are 4 columns, parameters, options, demo and description. The parameter column lists each available setting for the module; options lists the available options to choose from; demo lists the options chosen on the demo and description outlines what the module does.

Parameter

Show Title Enabled Position Module Class Suffix Order Featured Products Only Show Product Title Show Product Price # of items to display Scroller direction Scroller Height Transition Duration Transition Effect Amount per click Enable Arrow effect Arrow color Enable Auto Scrolling Delay

Options

Yes : No Yes : No List of positions Text Field List of orders Yes : No Yes : No Yes : No Number Field Horiz : Vertical Number Field Number Field List of effects Number Field Yes : No Text Field Yes : No Number Field

Demo

Yes Yes scroller leave blank Oldest No Yes Yes 9 Horizontal 300 800 Quad.easeOut 200 Yes auto No 2

Description

Enable/Disable the module header Enable/Disable the module Position of the module Class suffix of the module Order of product display Featured products only Show title Show price Number of items to display Direction of scroller Height of the scroller Time for transition Effect of transition Pixels moved on arrow click Enable Arrows Arrow colour Enable automatic scrolling Delay for automation

RokVirtuemart Categories

A simple module which displays the Virtuemart Categories in a list. This special variant offers an extra degree of functionality using the power of mootools, additional dropdown facilities have been added to help save real estate on your site and provide a more interactive experience for your visitors.

We will take a quick look at the parameters you will find when you install this module. There are 4 columns, parameters, options, demo and description. The parameter column lists each available setting for the module; options lists the available options to choose from; demo lists the options chosen on the demo and description outlines what the module does.

Parameter

Show Title Enabled Position Module Class Suffix

Options

Yes : No Yes : No List of position Text Field

Demo

Yes Yes left leave blank

Description

Enable/Disable the module header Enable/Disable the module Choose the module position Add an extra tag to the HTML

RokVirtuemart Featured Product

A module which displays your featured products (as defined as special in the virtuemart product configuration) with options to show price, add to cart and a variety of other options.

We will take a quick look at the parameters you will find when you install this module. There are 4 columns, parameters, options, demo and description. The parameter column lists each available setting for the module; options lists the available options to choose from; demo lists the options chosen on the demo and description outlines what the module does.

Parameter

Show Title Enabled Position # to display Show Price Show Add-to-Cart Display Style Products per Row Category IDs Enable Cache Module Class Suffix Menu Class Suffix

Options

Yes : No Yes : No list of positions Number Field Yes : No Yes : No Horiz : Vert : Table Number Field Number Field Yes : No Text Field Text Field

Demo

Yes Yes right 3 Yes No Vertical 4 10 No leave blank leave blank

Description

Enable/Disable the module header Enable/Disable the module Position of the module # of items displayed Show product price Show add-to-cart links Display Style/Orientation Products per 4 ID of category Cache the module content Add tag to the HTML Add tag to the HTML

Using Typography

If you are using RokCandy, you do not need to disable your content editor or enter HTML mode, simply use the RokCandy typography syntax.

A guide to implementing the included Mynxx typography styles and elements into your site as well as instructions for inserting typography using the HTML editor option of your WYSIWYG editor.

Video Tutorial Currently Available! Launch the Joomla Using Typography Video Tutorial now!

Every RocketTheme template has its own set of content styles, these styles are known as Typography. Typography can come in a number of varying and diverse formats, ranging from simple text modifications to image insertions to improve the look, layout of your website and give it life. This tutorial will take you through the necessary steps to adding typography to your Joomla! content.

Inserting Typography with the HTML Editor

To insert the Typography into your content, you must use the HTML feature of all Joomla! content editors. The following tutorial will outline the steps in which to do this with the default Joomla! content editor, TinyMCE. Please be aware, even though there are other content editors available, all are basically the same and the steps would be just as effective if you are using another Content editor.

Please note that the following tutorial will show you how to insert HTML (typography) into Article, the same procedure is apparent for Content Items and Custom modules. You may skip steps 4 and 5 if you are using No WYSIWYG editor or if you are using RokCandy.

Step 1 - Login

Login to the Joomla! Administration Control Panel. Go to www.yoursite.com/administrator. Enter the Administrator's Username and password.

Step 2 - Navigation

Navigate to the Article Manager. Hover over the Content link on the top taskbar, scroll down to Article Manager.

Step 3 - Article Manager

When you have selected the Article Manager link, you will be sent to the Article Manager control panel. Select either Edit (after selecting a particular content item) or New, depending on whether you want to add typography to an existing or new item.

Step 4 - HTML Icon

To add typography to your content, you must enter the HTML mode of your Content editor. In the TinyMCE editor, this is an icon called "HTML", in some other content editors, it is a tab. Press the icon to enter HTML mode. This step is not necessary if you are using No WYSIWYG editor.

Step 5 - HTML Mode

A popup shall appear with your content in HTML format, only if you are using TinyMCE, with other editors, a new tab may become selected. You shall do all your editing here for typography.

Step 6 - Inserting HTML

You then proceed to add your HTML coding into the tab/textbox that appears in front of you. This can be any HTML such as span class typography or styled lists.
You will not see the effects in the content editor, all style affects are only visible on the Frontend of your Joomla! website.