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

default theme stylesheets

There are three CSS files in the default theme. They are named theme.css, admin.css, and admin.styles.css. Just from the names, we can guess that the last two files are related to the backend administration. That's indeed the case. However, since it is possible to put the administration function on the frontend (this is a setting in the VirtueMart configuration), so the admin stylesheets are also placed under the default, so that you can customize it to fit your frontend needs. While it is possible to use the administration modules in the frontend, they are not the norm. So we will not go into the detail of the admin stylesheets here. We will look at the theme.css in more detail below.

There are close to 100 different stylesheet definitions in the theme.css file. Most of them are defined for class. Because of the cascading nature of a stylesheet, it is best practice to link the styles to class (or ID) instead of tags. Otherwise, the styles may overflow to other...