You are previewing OpenCart 1.4 Template Design Cookbook.
O'Reilly logo
OpenCart 1.4 Template Design Cookbook

Book Description

Over 50 incredibly effective and quick recipes for building modern eye-catching OpenCart templates

  • 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

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

    Table of Contents

    1. OpenCart 1.4 Template Design Cookbook
      1. OpenCart 1.4 Template Design Cookbook
      2. Credits
      3. About the Author
      4. About the Reviewers
      5. www.PacktPub.com
        1. Support files, eBooks, discount offers, and more
          1. Why Subscribe?
          2. Free Access for Packt account holders
      6. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Errata
          2. Piracy
          3. Questions
      7. 1. Getting Started
        1. Introduction
        2. Why do we need to customize our theme?
        3. Setting up our environment
          1. Getting ready
          2. How to do it...
          3. There's more...
        4. Installing OpenCart
          1. How to do it...
            1. Database creation
            2. Setting up virtual host
            3. OpenCart configuration settings
            4. Running the site
            5. Post install configuration
        5. Downloading and installing GIMP
          1. Getting ready
          2. How to do it ...
        6. Creating logos in OpenCart
          1. How to do it...
          2. There's more ...
            1. Firebug
        7. Inspecting elements using Firebug
          1. How to do it...
          2. There's more...
        8. Installing Web Developer
          1. Getting ready
          2. How to do it...
          3. How it works...
        9. Installing Colorzilla
          1. How to do it...
          2. There's more...
            1. IE tester
            2. Latest Designing trends
      8. 2. Store Decoration
        1. Introduction
          1. Entering into the administrator panel
        2. Changing your shop's general settings
          1. Getting started
          2. How to do it
          3. How it works...
        3. Modifying the settings of your store
          1. Getting started
          2. How to do it...
        4. Basic localization settings
          1. Getting started
          2. How to do it
          3. There's more
            1. Setting up other options
          4. See also
        5. Setting image properties
          1. Getting started
          2. How to do it
        6. Changing administrator favorites icon
          1. How it works . . .
        7. Setting up SMTP mail server
          1. Getting started
          2. How to do it
          3. There's more...
            1. Setting mail options
        8. Modifying server options
          1. Getting started
          2. How to do it
        9. Creating categories
          1. Getting started
          2. How to do it
          3. See also
        10. Adding products to a category
          1. Getting started
          2. How to do it
      9. 3. Layout Structure
        1. Introduction
          1. Folder structure
          2. Theme file style
        2. Creating a new theme
          1. Getting started
          2. How to do it
        3. Resetting layout styles
          1. Getting started
          2. How to do it
        4. Setting basic style properties
          1. Getting started
          2. How to do it
        5. Creating a promotional banner
          1. Getting started
          2. How to do it
        6. Placing a banner on your site
          1. Getting started
          2. How to do it
      10. 4. Module Adjustment
        1. Introduction
          1. Getting ready
          2. How to do it...
        2. Changing header of module
          1. Getting started
          2. How to do it...
        3. Adjusting layout
          1. Getting started
          2. How to do it...
            1. See also
        4. Placing featured block at middle
          1. Getting started
          2. How to do it...
          3. See also
        5. Styling centre featured block
          1. Getting started
          2. How to do it...
          3. See also
        6. Applying styles to categories
          1. Getting started
          2. How to do it...
      11. 5. Header Structure
        1. Introduction
        2. Default header structure
        3. Altering the logo
          1. Getting started
          2. How to do it
        4. Styling top navigation
          1. Getting started
          2. How to do it
        5. Placing menus
          1. Getting started
          2. How to do it
        6. Styling the search bar
          1. Getting started
          2. How to do it
        7. Styling the language bar
          1. Getting started
          2. How to do it
        8. Controlling search style
          1. Getting started
          2. How to do it
        9. Styling language and payment units
          1. Getting started
          2. How to do it
        10. Creating the header banner
          1. Getting started
          2. How to do it
      12. 6. Dynamic Content
        1. Introduction
        2. Installing jQuery and jCarousel
          1. Getting started
          2. How to do it
          3. See also
        3. Displaying products using jCarousel
          1. Getting started
          2. How to do it
          3. How it works...
        4. Displaying products vertically
          1. Getting started
          2. How to do it
        5. Customizing the cycle plugin
          1. Getting started
          2. How to do it
          3. There's more...
        6. Modifying the side column with the cycle plugin
          1. Getting started
          2. How to do it
          3. There is more
        7. Different effects with the cycle plugin
          1. Getting started
          2. How to do it
          3. There's more...
          4. See also
      13. 7. Customizing Menus
        1. Introduction
        2. Displaying horizontal sliding menus
          1. Getting started
          2. How to do it
          3. How it works...
          4. There's more ...
        3. Adding a fisheye menu
          1. Getting started
          2. How to do it
          3. How it works ...
          4. There's more ...
          5. See also
        4. Giving a background color to the menu
          1. Getting started
          2. How to do it
          3. There's more ...
        5. Integrating the social networking menu
          1. Getting started
          2. How to do it
          3. There's more...
      14. 8. Footer Layout
        1. Introduction
        2. Creating a wide footer for our store
          1. Getting started
          2. How to do it
        3. Footer with a gradient image
          1. Getting started
          2. How to do it
        4. Creating a three column footer
          1. Getting started
          2. How to do it
      15. 9. Modifying the Administration Panel Theme
        1. Introduction
        2. Modifying headers
          1. Getting ready
          2. How to do it...
          3. How it works...
        3. Menu creation
          1. Getting ready
          2. How to do it...
          3. How it works...
        4. Footer adjustment
          1. Getting ready
          2. How to do it...
          3. How it works...
        5. Styling dashboard
          1. How to do it...
          2. How it works...
      16. 10. Miscellaneous
        1. Introduction
        2. Broken glass 404 error page
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        3. Sitemap creation
          1. Getting ready
          2. How to do it...
          3. How it works...