Magento 1.3 Theme Design


Magento 1.3 Theme Design
eBook: $23.99
Formats: PDF, PacktLib, ePub and Mobi formats
$18.00
save 25%!
Print + free eBook + free PacktLib access to the book: $63.98    Print cover: $39.99
$57.99
save 9%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • Give your Magento stores a unique branded look and feel by creating your own Magento themes
  • Use design techniques to reinforce your brand message and increase sales
  • Customise your Magento theme’s look, feel, layout, and features
  • Promote and improve your Magento store with the use of social media such as Twitter, social bookmarks, and so on
  • Ideas and examples for defining a good print stylesheet
  • Packed with essential hints and tips for effective Magento web design

Book Details

Language : English
Paperback : 188 pages [ 235mm x 191mm ]
Release Date : July 2009
ISBN : 1847196640
ISBN 13 : 9781847196644
Author(s) : Richard Carter
Topics and Technologies : All Books, CMS and eCommerce, e-Commerce, Open Source

Back to BOOK PAGE

Table of Contents

Preface
Chapter 1: Introduction to Magento
Chapter 2: Exploring Magento Themes
Chapter 3: Magento Themes: The Basics
Chapter 4: Magento Theme Layout
Chapter 5: Non-default Magento Themes
Chapter 6: Advanced Magento Themes
Chapter 7: Further Magento Theming
Chapter 8: Social Media in Magento
Chapter 9: Magento Print Styles
Chapter 10: Magento Theme Deployment
Index
  • Chapter 1: Introduction to Magento
    • What is Magento?
      • Magento's features
      • The challenges of theming Magento
      • Default Magento themes
    • Why theme your Magento store?
    • Example Magento themes
      • Raspberry Kids
      • Mia & Maggie
      • Cacties
      • The Recycled Retriever
    • Summary
  • Chapter 2: Exploring Magento Themes
    • What makes a Magento theme?
      • Interfaces and themes
        • Interfaces in Magento
        • Themes in Magento
      • Default and non-default themes
        • Default themes
        • Non-default themes
        • Hierarchy of themes
      • Skins, layouts, and templates
        • Skins
        • Layouts and blocks
        • Templates
    • Summary
  • Chapter 3: Magento Themes: The Basics
    • Our case study: Cheesy Cheese Store
      • What we need to consider design-wise
      • Blank Theme from Magento Connect
        • Accessing the Blank Theme
        • Clearing Magento's cache
        • Installing Magento's Blank Theme
        • Making a theme Magento's default theme
        • What the Blank Theme looks like
        • Adding content with Magento's CMS
    • Cheesy Cheese Store's Magento theme
      • Changing your store's design
        • The header
        • User links
        • Styling pages
      • Changing the Magento store's logo
        • Changing your store's favicon
      • Removing the callouts
        • Removing the callouts on the righthand side
        • Removing callouts on the lefthand side
    • Displaying featured products on the home page
      • Creating a "featured" category
      • Displaying the "featured" category through the Content Management System
    • Cheesy Cheese Store so far
    • Summary
  • Chapter 4: Magento Theme Layout
    • Themes and Layouts in Magento
      • Changing our store's layout with CMS
        • Template path hints
    • Layout terminology in Magento
    • A brief guide to XML
      • Self-closing elements in XML
      • Closing XML elements normally
      • Entity escapes in XML
    • Customizing Magento layouts with XML
      • Layout files' location
      • Handles
        • Non-default handles
      • Using Magento layout: Another example
    • Changing the layout on a particular page
    • Summary
  • Chapter 5: Non-default Magento Themes
    • Uses of non-default themes
      • A/B testing
      • Easily rolled-back themes
    • Non-default themes
    • Magento theme hierarchy
      • Magento theme directory structure
        • Templates
        • Layout
        • Skins
    • Assigning your non-default theme
      • Restrictions with assigning themes
    • Creating non-default themes
      • Skin changes
      • Template changes
    • Summary
  • Chapter 6: Advanced Magento Themes
    • Introducing our new design
    • Creating skeleton templates
      • getChildHtml
      • Assigning the skeleton template
    • Blocks in Magento
      • Structural blocks
      • Content blocks
      • Inserting in to <head> tag
      • Creating your store's header.phtml file
        • Store links
        • Altering your store's logo
      • Footer.phtml
      • Pager.phtml
      • Wrapper.phtml
      • Magento's IDs and classes
      • Styling with CSS
        • Reset CSS
    • Turning the cache off
    • Creating a favicon
    • Setting the theme
    • Summary
  • Chapter 7: Further Magento Theming
    • Theming tasks
      • Customizing the product page
        • Improving content hierarchy for better search engine results
      • Customizing Magento's navigation
        • Displaying Navigation in Magento
        • Creating a new root category
        • Editing the navigation
        • Styling the navigation
      • Creating a custom "not found" page
        • Creating a "not found" page using templates
      • Advanced layouts in Magento
        • Default layouts
        • Layout updates
        • How Magento layouts work
        • Layout blocks
        • addJS in layout
        • addCss in layout
        • as in layout
        • Removing a layout
    • Summary
  • Chapter 8: Social Media in Magento
    • Integrating Twitter with Magento
      • Tweeting: Ideas for your store's tweets
      • Displaying your Twitter updates on your Magento store
      • Installing the LazzyMonks Twitter module
      • Other ways to integrate Twitter with Magento
        • Adding your Twitter feed through Magento's CMS
    • Integrating Get Satisfaction with Magento
    • Integrating social bookmarking with Magento
      • Social bookmarking tools
        • Socializer
        • AddThis
      • Using AddThis in Magento
    • Summary
  • Chapter 9: Magento Print Styles
    • Viewing the print stylesheet
    • Print stylesheets in other Magento themes
      • The Default theme print style
    • Principles of good print stylesheet designs
      • Limitations of the print stylesheet
        • Print preview
        • Gecko-based browsers
      • What we should show
        • Logos and store names
        • Promotional graphics and callouts
        • Links
      • What we can hide
        • Background images
    • Styling our theme for print
      • Assigning a print stylesheet in Magento
    • Styling Magento for print with CSS
      • Images
      • Printing and colors
      • Printing and links
      • Printing and typography
      • Printing and layout
    • Summary
  • Chapter 10: Magento Theme Deployment
    • Cross-browser testing
      • Popularity of browsers
      • Browser-testing services
        • BROWSERCAM
        • BrowserShots
    • Deploying your Magento theme on your own store
      • Setting the theme
      • Turning template path hints off
      • Turning the system cache on
    • Packaging your Magento theme
      • Types of Magento contributions
        • Magento Commercial Extensions
        • Magento Community Extensions
      • What to include in your packaged Magento theme
      • Creating your package
        • Package Info
        • Maintainers
        • Dependencies
        • Contents
      • Sharing your theme with the Magento community
    • Summary
Back to BOOK PAGE

Richard Carter

Richard Carter is a web designer and frontend web developer based in Newcastle upon Tyne in the North East of England.

His experience includes many open source e-commerce and content management systems, including Magento, MediaWiki, WordPress, and Drupal. He has worked with clients including the University of Edinburgh, University College Dublin, Directgov, NHS Choices, and BusinessLink.gov.uk.

He is a creative director at Peacock Carter Ltd (peacockcarter.co.uk), a web design and development agency based in the North East of England. He graduated from the University of Durham in Software Engineering, and currently lives in Newcastle upon Tyne. He blogs at earlgreyandbattenburg.co.uk and tweets as @RichardCarter and @PeacockCarter.

This is his sixth book. He has previously written MediaWiki Skins Design, Magento 1.3 Theme Design, Magento 1.4 Theme Design, Joomla! 1.5 Templates Cookbook, and The Beginner's Guide to Drupal Commerce, and acted as a technical reviewer on MediaWiki 1.1 Beginners Guide, Inkscape 0.48 Illustrator's Cookbook, and Apress' The Definitive Guide To Drupal 7.

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.


Errata

- 1 submitted: last submission 07 Apr 2014

Errata type: Typo | Page number: 0

In the About the Author section the following sentence: "Magento Theme Design is Richard's second book. MediaWiki Skins Design, his second book, focused on creating skins for the popular wiki software behind web sites such as AboutUs.org and Wikipedia."
should be:
"Magento Theme Design is Richard's second book. MediaWiki Skins Design, his first book, focused on creating skins for the popular wiki software behind web sites such as AboutUs.org and Wikipedia."

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

Magento 1.3 Theme Design +    Advanced Penetration Testing for Highly-Secured Environments: The Ultimate Security Guide =
50% Off
the second eBook
Price for both: $42.60

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

What you will learn from this book

  • Create a custom theme that gives a unique branded look and feel to your Magento stores
  • Edit an existing Magento theme to satisfy your business needs
  • Give different looks to different parts of your store
  • Tricks and tips for making your Magento theme design easier
  • Style your store ready for printing by defining a good print layout
  • Share your Magento theme with others in the community through Magento Connect extensions
  • Embed social media tools to promote and improve your Magento store
  • Deploy your new Magento theme to your store
  • Create and use non-default Magento Themes
  • Discover the basis of Magento themes: templates, skins, and layout

In Detail

Magento is the hottest and most powerful e-commerce software around and it has gained massive popularity in a short period. By using Magento's powerful theming engine, you can control the look, content, and functionality, and easily launch a flexible e-commerce web site. However, because of its powerful features, developing Magento themes is easier said than done.

Magento 1.3 Theme Design covers everything you need to build effective, attractive themes for your Magento store. You will learn how the theming system works, how to build your own look on top of the Magento Blank Theme, how to give different looks to different parts of your store, and much more.

We start off by introducing you to Magento and its basic themes and then take you through the benefits of changing your store's theme. We then move on to the actual Magento theme design, where you will learn the basics, such as changing the logo, color scheme, and so on. Next, we take a look at more advance tasks where you will learn theme layouts. You will then prepare a Magento theme from scratch and also take a look at Magento templates and layouts. You will also learn how to promote and improve your Magento store with the use of social media such as Twitter, social bookmarks, and so on and how to define a good print style. Finally, you will learn Magento Theme Deployment in detail.

A step-by-step, practical guide to creating themes for your Magento store

Approach

Magento 1.3 Theme Design is a step-by-step guide to creating custom themes for Magento. The author's experience in Magento theming enables him to design a book that lessens the steep learning curve associated with Magento theming. The author uses code examples and ideas that facilitate learning and make Magento theme development a great learning experience.

Who this book is for

Magento 1.3 Theme Design is written for those who are familiar with Magento and know the Magento basics and now want to customize the look and feel. The book assumes familiarity with CSS and (X)HTML. The book is also aimed at store owners who want to customize their e-commerce store and web designers who want to sell their custom-made Magento themes. Seasoned theme designers will find very useful tips and hints in this book.

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
Resources
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