Magento 1.4 Themes Design Table of Contents

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

• Preface

• 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

• Index