OpenCart 1.4 Template Design Cookbook
Formats:
save 15%!
save 37%!
Also available on: |
- 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 : EnglishPaperback : 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
PrefaceChapter 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
Index
- 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
- Chapter 9: Modifying the Administration Panel Theme
- Introduction
- Modifying headers
- Menu creation
- Footer adjustment
- Styling dashboard
- Chapter 10: Miscellaneous
- Introduction
- Broken glass 404 error page
- Sitemap creation
Tahsin Hasan
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.
- 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
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.
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.