Free Sample
+ Collection

Joomla! VirtueMart 1.1 Theme and Template Design

Joseph Kwan

Give a unique look and feel to your VirtueMart e-Commerce store
RRP $26.99
RRP $44.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849514545
Paperback384 pages

About This Book

  • Thorough discussion of template structure, available fields, and customization possibilities
  • More than 50 real-world exercises that can be directly adapted to your store
  • A comprehensive reference to all templates in the VirtueMart default theme including usage of each template and all available fields
  • Integrate with existing Joomla! plugins and JavaScript frameworks
  • A step-by-step comprehensive guide to customizing Joomla! VirtueMart templates and themes with the necessary screenshots and explained code


Who This Book Is For

You may be the owner of a Joomla! VirtueMart web store or a designer working with Joomla! VirtueMart. If you want to customize VirtueMart to unleash its enormous potential and elevate your store to the next level, this book is for you. You must have some experience with VirtueMart and understand its basic features. You also need to know HTML and should be comfortable taking up some challenges in PHP and JavaScript programming.

Table of Contents

Chapter 1: The VirtueMart Engine
Navigating through the Joomla!/VirtueMart directories
Structure of the Joomla! URL path
Joomla! 1.5 presentation framework
VirtueMart presentation framework
Roles of VirtueMart themes and templates
Ways to customize VirtueMart
Before starting your project
Chapter 2: The VirtueMart Default Theme
The shopping life cycle
VirtueMart configuration
VirtueMart site configuration
The default theme configuration
VirtueMart template groups
Chapter 3: Product List Templates
The product list page
Looking at our first template
Core browse templates
Header templates
Navigation templates
Add-to-cart form template
Addendum element templates
Product list style templates
Chapter 4: Product Details Templates
The product details page
Looking at a sample flypage template
Flypage templates
Header templates
Product images and files
Product review templates
Add-to-cart form templates
Other product details templates
Chapter 5: Changing the Look of VirtueMart
The structure of web page design
default theme stylesheets
default theme JavaScript
More on VirtueMart URLs
VirtueMart language system
Manufacturer, vendor, and ask seller templates
Home page template
Chapter 6: From Shop Basket to Final Checkout
Shop basket data and shop basket display
Shop Cart page
Checkout steps
Login/registration and shipping information
Shipping and payment methods
Final confirmation page
Thank you page
Chapter 7: VirtueMart Templates and Joomla! Modules
Joomla! modules that come with VirtueMart
The Minicart
The product snapshot
Addendum elements in shop pages
Chapter 8: VirtueMart Theme Anatomy
VirtueMart theme system
The default theme images
The default theme class
The default theme configuration
Chapter 9: Theme Customizations
Theme customization and new theme
Planning a new VirtueMart theme
Integration with JavaScript utilities
Integration with Joomla! plugins
Modifying core VirtueMart classes
Chapter 10: Additional Customization Possibilities
Managing big templates
Sharing child templates
More fun with advanced attributes
Product type templates
Hacking into core VirtueMart functionalities

What You Will Learn

  • Understand the basic framework of the Joomla! VirtueMart template system
  • Understand the structure of a VirtueMart template
  • Customize VirtueMart using the general configuration and default theme configuration
  • Identify the file(s) that need to be modified to achieve your requirements
  • Customize and add features to the product list page, product detail page, shopping cart, checkout pages, invoice e-mails, and many more features
  • Build your own web store home page and customize the overall look of your store
  • Create custom language elements that can work in a multi-language web store
  • Extend VirtueMart features through integration with existing Joomla! plugins
  • Extend VirtueMart features through integration with existing JavaScript frameworks
  • Customize the Joomla! modules that come with VirtueMart
  • Build a VirtueMart theme that is backward compatible with new VirtueMart versions
  • Customize and add features to several VirtueMart advanced functionalities such as child products, advanced attributes, custom attributes, and product types

In Detail

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.


Read More