What is RokTabs?

RokTabs is a fully independent and incredibly flexible standalone version of the popular template feature, RokSlide. That being, a module that displays content in tabs that are scrollable and can rotate automatically. The module itself is installable into Joomla and can be easily utilised on any template, not just Mynxx. As its name implies, its a tabbed based module to efficiently showcase your content to your visitors. [span class=note]RokTabs can now load modules inside its tabs, you just need to insert and it will load the position you defined as *name*[/span]

How do I configure RokTabs?

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.

What is RokCandy?

RokCandy is a new component from RocketTheme which provides BBcode-type functionality into Joomla. Therefore, you do not need to worry about the WYSIWYG editor stripping out your custom code, or worry about your HTML abilities in order to use the various Typography and other styled elements. It changes the preset syntax, such as [example] to the relevant HTML code, once Joomla parses the article. What does that mean? Well, it means if you type [example] into your content, whether in HTML or normal WYSIWYG mode, it will always show [example] and will not be stripped away on save or reopen. All the changing to HTML, is done via Joomla when it outputs the article onto the site itself.

[rbxshot img="images/stories/rokcandy-ini-thumb.jpg"]RokCandy default.ini file[/rbxshot]

[rbxshot img="images/stories/rokcandy-admin-thumb.jpg"]RokCandy Administrator[/rbxshot]

For example, [example title={title}]{text}[/example] can be set to output the following:-

<div class="example">
	<h3>Title</h3>
	<p>Some content</p>
</div>

How do I configure RokCandy, the Syntax?

RokCandy is outfitted with prebuilt statements, however, with the overriding ability of Joomla 1.5, you can create new ones and override them in the template files, and not have to concern yourself with editing core files. The file is called default.ini and is located in the /templates/rt_mynxx_j15/html/com_rokcandy directory. Similarly, you can also add and control your own in the Administrator (Admin > Components > RokCandy). They will appear in the following format:-

[tag]{text}[/tag]=<tag>{text}</tag>

Such as

[alert]{text}[/alert]=<span class="alert">{text}</span>

As is apparent, each line is separated into distinctive sections. There are two parts, the RokCandy syntax (left of =) and the outputted HTML (right of =). You would create your own tag name and insert them between square brackets, [], followed by {text} and the closing tag with [] brackets again. This segment is followed by the =symbol and following on from that is the HTML output. Note, the {text} is required in both parts to denote what element is to be carried forward. You can use any value between the {} brackets, such as {title} or {link} as long as they are cross referenced in the HTML output as shown in the example below:-

[box title={title} link={link}]{text}[/box]=<div class="box"><h3><a href="/{link}">{title}</a></h3><p>{text}</p></div>

[span class=attention]Note, the best way to understand the syntax rules is to look at the default.ini file and see what syntax we use.[/span] [readon url="index.php?option=com_content&view=article&id=52&Itemid=177"]RokCandy Examples[/readon]

What is the PNGfix?

If you have ever opened a webpage with a transparent PNG in Internet Explorer 6, you will see an obvious problem. The images do not appear transparent but adopts a light blue background. which is unsightly to say the least. This is the purpose of the PNGfix, to allow transparent PNG images to work correctly in the web browser Internet Explorer 6. A common way around this is to use a range of different Joomla! extensions which can be applied to your site. However, this is already built in to new RocketTheme templates (the fix already provides other solutions to various other IE6 issues). The author is this new PNGfix is Drew Diller.

[readon url="http://www.dillerdesign.com/experiment/DD_belatedPNG/"]Learn More[/readon]

Below is a list of all the Rocket Theme Templates which have the PNGfix described above, incorporated into it. Also, all new templates releases will contain this as it has become an recurrent feature.

1. Mynxx
2. Meridian
3. Akiraka
4. Mixxmag

How do I use the PNGfix?

To apply the PNGfix to a particular image, all you need to do is add a class, png. We have an example of image HTML code below:-

<img src="/image.png" alt="Image" />

Now add class="png" to the code such as:-

<img src="/image.png" alt="Image" class="png" />

[span class=alert]Uninstall all other PNGfixes before using the template version, that includes plugins you may have installed into Joomla as it will conflict with the template fix[/span]

How to remove the PNGfix

If you wish to remove the PNGfix from the template, you have to remove the file and remove the reference from the rt_head_includes.php file. The file is called DD_belatedPNG.js and is located in the /templates/rt_mynxx_j15/jsdirectory. You would then remove the following from the rt_head_includes.php file:-

<script src="/<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/js/DD_belatedPNG.js"></script>
<script>
    DD_belatedPNG.fix('.png');
</script>

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. [span class=note] For more information regarding Virtuemart itself such as how to use it, please go to www.virtuemart.net[/span]

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 Managerand 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. [span class=alert]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.[/span]

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