Book Image

Joomla! VirtueMart 1.1 Theme and Template Design

By : Joseph Kwan
Book Image

Joomla! VirtueMart 1.1 Theme and Template Design

By: Joseph Kwan

Overview of this book

VirtueMart is the best shopping cart solution around for the Joomla! CMS. A VirtueMart template is a Joomla! template that is designed to create the overall look of a store. It puts in things such as a shopping cart bar, more shop-like graphics, more readable colors, and so on. A VirtueMart theme only impacts the area of the site actually controlled by the VirtueMart component. Themes work inside the overall framework. Applying custom templates and themes to give a unique look and feel to your VirtueMart web store will really attract customers! This book will guide you to build VirtueMart custom themes and templates. Joomla! VirtueMart 1.1 Theme and Template Design explains how the VirtueMart theme and template system works and points out ways to configure the default theme. It then goes on to look at each of the major templates with an emphasis on how to customize them. It then discusses individual page groups such as product list, product details, shopping cart, checkout, and invoice e-mails in the order they appear to your customer. After-sale services like invoice e-mail, account management, and order list are also discussed. The book also discusses the different components of a VirtueMart theme and will teach you how to build a theme from scratch. You will also learn advanced features like child products, advanced attributes, custom attributes, and product types. Topics like integration with Joomla! plugins and AJAX functions are also included. An Appendix provides a comprehensive template reference of the use and available fields of every template. Joomla! VirtueMart 1.1 Theme and Template Design is a practical guide for all those who want to make VirtueMart work for them. It will put many advanced features of this popular open source e-Commerce application at your finger tips.
Table of Contents (16 chapters)
Joomla! VirtueMart 1.1 Theme and Template Design
About the Author
About the Reviewer

Theme customization and new theme

In the previous chapter, we saw the basic building blocks of a VirtueMart theme and customized the default theme. We are now ready for a more thorough customization of the VirtueMart theme or even to build a theme of our own.

Creating a new VirtueMart theme

Customizing a VirtueMart theme is actually not much different from creating a new theme. When you modify any one building block of a VirtueMart theme such as a single template, your theme is already different from the original theme and so can be considered as a new theme. However, since the theme has the same name as the original theme, it is not considered a new theme for VirtueMart's sake. You create a new theme only when you give a different name to the modified theme and put it in a different subdirectory under the themes directory.

Exercise 9.1: Cloning the default theme

In this exercise, we will make a copy of the default theme and give it a new name. This is the simplest way to create a new theme...