VirtueMart Login

Demo Content

The demo for Mynxx utilises a large stock of custom code and styling to make the most of every content item and show what Mynxx can do. This basically means that the HTML used in the custom modules and content have customisations which employ the characteristics of the template to make the "perfect" content.

This demo content section will take you through some of the content areas and general techniques used to further your understanding and help you realise the true potential of Mynxx. If you would like to quickly deploy a replica of our Mynxx demo for a new Joomla site, be sure to check out our RocketLauncher package.

Frontpage Tab Content

The following statement produces the tabular content on the frontpage, which is using RokCandy syntax:
[featured img="images/stories/tab/image1.jpg" url="index.php?option=com_virtuemart&Itemid=53" label="More Info" title="Virtuemart Integration. ‡First Time ever" desc="Mynxx incorporates the popular shopping extension Virtuemart" style="special-4" list1="One of the ways Mynxx integrates Virtuemart is through a dedicated theme for the component: vm_mynxx." list2="Secondly, there are a series of modified virtuemart modules to diversify your content such as the mootools powered RokVirtuemart Scroller." list3="Many more features have been added, which subtly enhance the entire feel of your shopping site." /]

VM Newsflash

The following statement produces the Newsflash text in the user1 position on the Virtuemart page, which is using RokCandy syntax:
[vmflash img="images/stories/item1.jpg" title="Mac Mini" url="index.php?page=shop.product_details&category_id=6&flypage=flypage.tpl&product_id=55&option=com_virtuemart&Itemid=53" label="Product Details"]The new, more powerful Mac mini. The world’s most energy-efficient desktop computer.[/vmflash]


The following statement produces the showcase effect as seen on the frontpage, which is using HTML syntax:
<div class="showcase-hero"></div>

More Information Typography

The following statement produces the More Information content on the frontpage's left column, which is using RokCandy syntax:
[moreinfo icon="1" url="index.php?option=com_content&view=article&id=53&Itemid=68" title="More Information"]Learn more about Mynxx[/moreinfo]

[moreinfo icon="2" url="index.php?option=com_content&view=article&id=52&Itemid=66" title="The Top Lists"]Lots of typography to choose from.[/moreinfo]

[moreinfo icon="3" url="index.php?option=com_content&view=article&id=46&Itemid=54" title="More Features"]New dynamic functionality and options.[/moreinfo]


The following statement produces the video showcase as seen on Logo Tutorial page, which is using RokCandy syntax:
[video url="images/video/" title="RokCandy Video Tutorial" img="images/stories/logo-editing-video.jpg" header="RokCandy Video Tutorial" label="Watch Now!"]Learn how to edit the template logo using Adobe Fireworks.[/video]

Read More Buttons

Read more buttons are automatically generated for content items that use the intro and main text option. However, you can easily insert them manually as witnessed on this demo. Use the following code:

Readon Default

[readon url="insert link here"]Read More...[/readon]

Readon Type 1

[readon1 url="insert link here"]Read More...[/readon1]

Readon Type 2

[readon2 url="insert link here"]Read More...[/readon2]