OpenCart 1.4 Template Design Cookbook

OpenCart 1.4 Template Design Cookbook
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 328 pages [ 235mm x 191mm ]
Release Date : March 2011
ISBN : 1849514305
ISBN 13 : 9781849514309
Author(s) : Tahsin Hasan
Topics and Technologies : All Books, CMS and eCommerce, Cookbooks, Open Source

Table of Contents

Chapter 1: Getting Started
Chapter 2: Store Decoration
Chapter 3: Layout Structure
Chapter 4: Module Adjustment
Chapter 5: Header Structure
Chapter 6: Dynamic Content
Chapter 7: Customizing Menus
Chapter 8: Footer Layout
Chapter 9: Modifying the Administration Panel Theme
Chapter 10: Miscellaneous
  • Chapter 1: Getting Started
    • Introduction
    • 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
      • Introduction
      • 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
        • Introduction
        • 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
          • Introduction
          • Changing header of module
          • Adjusting layout
          • Placing featured block at middle
          • Styling centre featured block
          • Applying styles to categories
          • Chapter 5: Header Structure
            • Introduction
            • 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
              • Introduction
              • 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
                • Introduction
                • Displaying horizontal sliding menus
                • Adding a fisheye menu
                • Giving a background color to the menu
                • Integrating the social networking menu
                • Chapter 8: Footer Layout
                  • Introduction
                  • Creating a wide footer for our store
                  • Footer with a gradient image
                  • Creating a three column footer

                      Tahsin Hasan

                      Tahsin Hasan is a software engineer from Bangladesh. He passed the Zend Certification Examination on 09 August, 2009 and has become the seventeenth Zend Certified Engineer (ZCE) from Bangladesh. This is the top-most certification on PHP from Zend, the developer of this outstanding scripting language. He is a tech enthusiastic and always keeps himself well-equipped with latest technologies. He has written another book, Opencart 1.4 Template Design Cookbook, with Packt. Tahsin Hasan has profound knowledge of LAMP environment. His advanced understanding of database environments and Apache web server is an asset. He has proficiency in scalability and optimizing server performance. He has worked with Symfony, CakePHP, Codeigniter and Zend Framework. Tahsin Hasan shares his ideas and knowledge on tahSin’s gaRage; the address is He welcomes everyone on his blog to discuss latest web technologies. You can get him at
                      Sorry, we don't have any reviews for this title yet.

                      Code Downloads

                      Download the code and support files for this book.

                      Submit Errata

                      Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                      Sample chapters

                      You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                      Frequently bought together

                      OpenCart 1.4 Template Design Cookbook +    Backbase 4 RIA Development =
                      50% Off
                      the second eBook
                      Price for both: €30.90

                      Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                      What you will learn from this book

                      • 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.


                      This hands-on guide cuts short the preamble and gets straight to the point with practical recipes instead of just theoretical learning. Each recipe is specifically tailored to fulfill your appetite for creating professional visually stunning templates and themes for your OpenCart store.

                      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.

                      Code Download and Errata
                      Packt Anytime, Anywhere
                      Register Books
                      Print Upgrades
                      eBook Downloads
                      Video Support
                      Contact Us
                      Awards Voting Nominations Previous Winners
                      Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                      Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software