Free Sample
+ Collection

OpenCart 1.4 Template Design Cookbook

Tahsin Hasan

Over 50 incredibly effective and quick recipes for building modern eye-catching OpenCart templates
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 139781849514309
Paperback328 pages

About This Book

  • Customize dynamic menus, logos, headers, footers, and every other section using tricks you won't find in the official documentation
  • A great mix of recipes for beginners, intermediate, and advanced OpenCart template designers
  • Develop and customize dynamic, powerful OpenCart templates to make your website stand out from the crowd
  • Fully customizable administration theme for OpenCart

Who This Book Is For

You may be the owner of an OpenCart web store or a designer working with OpenCart. If you want to customize OpenCart to unleash its enormous potential and elevate your store to the next level, this book is for you. You must have some experience with OpenCart 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: Getting Started
Why do we need to customize our theme?
Setting up our environment
Installing OpenCart
Downloading and installing GIMP
Creating logos in OpenCart
Inspecting elements using Firebug
Installing Web Developer
Installing Colorzilla
Chapter 2: Store Decoration
Changing your shop's general settings
Modifying the settings of your store
Basic localization settings
Setting image properties
Changing administrator favorites icon
Setting up SMTP mail server
Modifying server options
Creating categories
Adding products to a category
Chapter 3: Layout Structure
Creating a new theme
Resetting layout styles
Setting basic style properties
Creating a promotional banner
Placing a banner on your site
Chapter 4: Module Adjustment
Changing header of module
Adjusting layout
Placing featured block at middle
Styling centre featured block
Applying styles to categories
Chapter 5: Header Structure
Default header structure
Altering the logo
Styling top navigation
Placing menus
Styling the search bar
Styling the language bar
Controlling search style
Styling language and payment units
Creating the header banner
Chapter 6: Dynamic Content
Installing jQuery and jCarousel
Displaying products using jCarousel
Displaying products vertically
Customizing the cycle plugin
Modifying the side column with the cycle plugin
Different effects with the cycle plugin
Chapter 7: Customizing Menus
Displaying horizontal sliding menus
Adding a fisheye menu
Giving a background color to the menu
Integrating the social networking menu
Chapter 8: Footer Layout
Creating a wide footer for our store
Footer with a gradient image
Creating a three column footer
Chapter 9: Modifying the Administration Panel Theme
Modifying headers
Menu creation
Footer adjustment
Styling dashboard
Chapter 10: Miscellaneous
Broken glass 404 error page
Sitemap creation

What You Will Learn

  • Displaying products in different sections with simple and effective recipes
  • Creating modern headers with advanced layout
  • Adorning the admin panel with our own style using CSS
  • Various recipes to create our own footer layout
  • Displaying the navigational menu in customizable ways
  • Adding dynamic contents to our store
  • Using GIMP to create images
  • Debugging our store for enhancement
  • Customizing error page and sitemaps

In Detail

Templates in OpenCart provide a powerful way to make your site look exactly the way you want either using a single template for the entire site or a separate template for each site section. Although it sounds like an easy task to build and maintain templates, it can be challenging to get beyond the basics and customize templates to meet your needs perfectly.

Get to grips with the basics of template design for OpenCart such as changing the logo and altering color schemes for your templates. Understand OpenCart concepts such as module chrome and template positions. Create custom error templates for your website. Style OpenCart's search results and customize OpenCart's breadcrumb trail. Customize the look and feel of your OpenCart website's administration panel to match either your business or client identity. Use the jQuery JavaScript library to enhance your OpenCart template. Make use of a wide range of miscellaneous tips, tricks, and tasks to help get your OpenCart website one step closer to perfection. Create custom menus using multiple approaches and techniques.

First we will install OpenCart. Then we will get familiar with the ways to modify the store configuration. After that we will start styling our OpenCart store by resetting all the browser settings. We will create a banner image step by step. We will control the positioning of our OpenCart modules. We will see how we can use different jQuery plugins to display our products effectively. We will also cover several modern footer creation recipes in this book. Towards the end of the book we will use different eye-catching menus for our store so it really starts to take shape. Finally we will learn how to create an error page and a sitemap page for our store. Once our journey through the book is complete we will have created a modern store with OpenCart and have full control over our store template.


Read More

Recommended for You

OpenCart 1.4: Beginner's Guide
$ 9.99
Getting Started with OpenCart Module Development
$ 20.99
Instant E-commerce with OpenCart: Build a Shop
$ 14.99
Zen Cart: E-commerce Application Development
$ 15.00
OpenVPN: Building and Integrating Virtual Private Networks
$ 18.00