Magento 1.4 Themes Design


Magento 1.4 Themes Design
eBook: $23.99
Formats: PDF, PacktLib, ePub and Mobi formats
$20.39
save 15%!
Print + free eBook + free PacktLib access to the book: $63.98    Print cover: $39.99
$39.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • Install and configure Magento 1.4 and learn the fundamental principles behind Magento themes
  • Customize the appearance of your Magento 1.4 e-commerce store with Magento's powerful theming engine by changing Magento templates, skin files and layout files
  • Change the basics of your Magento theme from the logo of your store to the color scheme of your theme
  • Integrate popular social media aspects such as Twitter and Facebook into your Magento store

Book Details

Language : English
Paperback : 292 pages [ 235mm x 191mm ]
Release Date : January 2011
ISBN : 1849514801
ISBN 13 : 9781849514804
Author(s) : Richard Carter
Topics and Technologies : All Books, CMS and eCommerce, e-Commerce, Open Source

Table of Contents

Preface
Chapter 1: Introduction to Magento
Chapter 2: Exploring Magento Themes
Chapter 3: Magento Theme Basics
Chapter 4: Magento Theme Layouts
Chapter 5: Non-default Magento Themes
Chapter 6: More Magento Theming
Chapter 7: Customizing Advanced Magento Layout
Chapter 8: Magento E-mail Templates
Chapter 9: Social Media and Magento
Chapter 10: Magento Print Style
Index
  • Chapter 1: Introduction to Magento
    • What is Magento?
      • Magento's features
      • Differences between Magento 1.3 and Magento 1.4 themes
    • Default Magento 1.4 themes
      • Magento Default theme
      • Modern theme
      • Blue theme
    • Showcase of Magento themes
      • Harvey Nichols
      • Mark One
      • Zhu Zhu
    • Challenges of Magento theme design
    • Why create a custom Magento theme?
    • Installing Magento 1.4
      • Pre-installation check: magento-check.php
      • Downloading Magento 1.4 Community Edition
      • Installing and configuring Magento
      • Configuring file permissions
      • Configuring Magento
      • Creating your Magento administration account
    • Summary
    • Chapter 2: Exploring Magento Themes
      • Magento terminology
        • Magento websites and Magento stores
        • Magento interfaces
        • Magento packages
        • Magento themes
          • Base theme
          • Default themes
          • Non-default themes
        • Blocks in Magento
          • Content blocks
          • Structural blocks
      • What makes a Magento theme?
        • Unique aspects of a Magento theme
        • Typical Magento theme file types
          • Skins
          • Layouts
          • Templates
          • Locales
      • Theme hierarchy in Magento: the fallback pattern
        • The base theme
        • An example of theme hierarchy
      • The Blank theme
      • Installing and activating a Magento theme
        • Installing a Magento theme
        • Activating a Magento theme
      • Good practice in Magento theming
      • Summary
      • Chapter 3: Magento Theme Basics
        • Magento's cache
          • Disabling Magento's cache
        • Changing your store's logo
          • Changing your store's logo using a static block in Magento
        • Changing your store's favicon
          • What is a favicon?
          • Favicon inspiration
          • Changing the favicon
        • Displaying products on the homepage
          • Adding the featured category
          • Adding a product in Magento
          • Finding your category's ID
          • Adding the featured category to the homepage
        • Customizing the default placeholder product image
        • Customizing the product image watermark
        • Summary
        • Chapter 4: Magento Theme Layouts
          • Magento layout terminology
            • Default layout
            • Layout updates
          • Template Path Hints and Block Name Hints
            • Enabling Template Path Hints
            • Enabling Block Name Hints
            • Restricting who can see the hints
          • A brief guide to XML
            • Self-closing elements in XML
            • Closing XML elements normally
            • Entity escapes in XML
          • Changing a page's layout
            • Changing a page's layout through Magento's administration panel
            • Customizing a Magento page through Layout Update XML field
            • Customizing a Magento page through layout files
          • Default and non-default handles in Magento layout
            • What is a handle?
            • The default handle
            • Non-default handles
              • Useful handles in Magento
          • Summary
          • Chapter 5: Non-default Magento Themes
            • Beginning a new Magento 1.4 theme
              • The case study design
              • Creating new theme directories
              • Basic local.xml layout file
              • Enabling the new theme
            • Styling your store's header
              • Styling the user account links
                • Customizing the welcome message
              • Styling the search box
                • Customizing a Magento template file
            • Styling your store's content area
              • Styling the column blocks
                • Customizing the sidebar basket/cart block
                • Customizing the sidebar COMPARE PRODUCTS block
                • Customizing the sidebar poll block
                • Styling the sidebar blocks
            • Styling your store's footer
              • Changing the footer links
            • The theme so far
            • Summary
            • Chapter 6: More Magento Theming
              • The theme so far
              • Using @font-face with Magento 1.4
                • Converting typefaces for @font-face
                • @font-face support across browsers
                  • EOT: Internet Explorer
                  • TTF: Safari, Opera, Chrome, and Firefox
                  • OTF: Safari, Opera, Chrome, and Firefox
                  • SVG: iPhone and Chrome
                  • WOFF: Firefox
                • CSS for @font-face
                • Adjusting font size
                  • Better results for different weights of a typeface
              • Magento's customer account views
                • Styling the log in view
                • Styling the register an account view
              • Navigation in Magento
              • Magento's product view
                • Customizing the product view template
                • Disabling Magento reviews through the CMS
                • Customizing the product view layout
              • Summary
              • Chapter 7: Customizing Advanced Magento Layout
                • Magento error messages and views
                • Customizing Magento's 404—not found view
                  • The no JavaScript error message
                  • Styling the default message in Magento (.note-msg)
                • Styling your store's breadcrumb
                • Adding JavaScript into your Magento theme: Lightbox-style effects to Magento's product page
                  • Adding a JavaScript file using Magento layout
                  • Editing the product template file to include Lightbox
                  • Changing image paths in the JavaScript file
                  • Lightbox extensions for Magento 1.4
                • Adding a conditional stylesheet for Internet Explorer in Magento
                  • Creating a new stylesheet for a previous Internet Explorer version
                  • Using Magento layout to specify a conditional stylesheet
                • Adding a new block to your Magento theme
                  • Creating a static block in Magento's CMS
                • Customizing your Magento store's labels with translate.csv
                • Adding a custom block to Magento CMS pages
                • Summary
                • Chapter 8: Magento E-mail Templates
                  • Transactional e-mail templates in Magento
                  • Customizing Magento newsletter templates
                  • Integrating external HTML newsletter systems with Magento
                  • Making Magento e-mail templates ready for use
                  • Testing e-mail templates
                  • Summary
                  • Chapter 9: Social Media and Magento
                    • Twitter integration with Magento
                      • Adding a 'Follow Us On Twitter' button to your Magento store
                        • Generating the markup from the Twitter website
                        • Adding a static block in Magento for your Twitter button
                        • Updating your theme's layout file for the 'Follow Us' button
                      • Embedding a 'latest tweets' widget into your Magento store
                      • Integrating Twitter through Magento extensions
                    • Integrating Facebook with Magento
                      • Adding a 'Like' button to your Magento store's product pages
                        • Getting the 'Like' button markup
                      • Integrating the Facebook 'Like box' widget in your Magento store
                      • Integrating Facebook with Magento extensions
                    • Further social media integration with Magento
                      • Social bookmarking in Magento
                        • ShareThisProduct extension for Twitter, Facebook, and MySpace
                        • Magento Social Bookmarking Services extension
                      • Logging in with a social networking account
                    • Summary
                    • Chapter 10: Magento Print Style
                      • Magento Default theme's print styling
                      • Using Magento layout to include a print stylesheet
                      • Creating a custom print stylesheet for your Magento theme
                        • Print style for content blocks in Magento
                        • Print style for typography in Magento
                        • Print style for links in Magento
                          • Styling links
                          • Displaying a printed link's destination
                      • Overcoming a common browser-specific problem in print stylesheets
                      • Summary

                      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 Northeast of England. He graduated from the University of Durham in Software Engineering. He blogs at earlgreyandbattenburg.co.uk and tweets as @RichardCarter.

                      Magento 1.8 Theme Development is Richard's seventh 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, Magento Responsive Theme Design, 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.

                      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

                      Magento 1.4 Themes Design +    Mastering Magento =
                      50% Off
                      the second eBook
                      Price for both: $37.50

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

                      What you will learn from this book

                      • Install and configure Magento 1.4
                      • Customize the appearance of your Magento 1.4 e-commerce store with Magento's powerful theming engine
                      • Learn the fundamental principles behind Magento themes
                      • Change Magento templates, skin files, and layout files to achieve your theming goals
                      • Change the basics of your Magento theme, from the logo of your store to the color scheme of your theme
                      • Customize product view pages in your store to maximize customer interest
                      • Create a new Magento theme using the Base theme as a beginning
                      • Using the @font-face declaration in Magento themes
                      • Integrate popular social media aspects such as Twitter and Facebook in to your Magento store
                      • Customize templates for e-mail sent to your store's customers
                      • Avoid common pitfalls with Magento
                      • Style your store for printing more effectively

                      In Detail

                      Magento is a popular open source e-commerce project. Whilst it comes with a number of default themes to change the look and feel of your store, many people, both new to Magento and old hands, struggle with even the more basic aspects of customizing Magento themes. When you read this book you'll learn how to change the basics of your Magento theme, create a new custom theme and much more.

                      The book is a step-by-step guide to theming Magento, aimed at readers with little technical expertise. The first chapters introduce Magento 1.4 and Magento themes, covering Magento theme hierarchy and the key components of a Magento theme: templates, skins, layout, and locales. Later chapters delve into changing the basics of your Magento store, including methods for changing the logo of your store, adding a custom favicon (favorites icon) and integrating Twitter and Facebook into your store. More advanced topics include customizing Magento templates and XML layout files to alter a theme to your own needs and creating a custom print stylesheet.

                      In short, the book provides guides to common aspects of theming and customizing Magento 1.4 and equally useful step-by-step walkthroughs of integrating more unusual items in to your Magento store.   

                      A practical guide to customizing and creating Magento 1.4 themes

                       

                      Approach

                      The book is written in an informal tone with clear, step-by-step guides through the major tasks in the book.

                      Who this book is for

                      This book is aimed at web designers and web developers who are not familiar with Magento at all, and at Magento designers and developers who are more familiar with Magento 1.3 than Magento 1.4. The book assumes knowledge of HTML and CSS and an awareness, but not in-depth knowledge of, PHP syntax.

                      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