Magento 1.4 Themes Design -- Table of Contents -- Magento 1.4 Themes Design -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Support files, e-books, discount offers, and more -- Why Subscribe? -- Free Access for Packt account holders -- Preface -- What this book covers -- What you need for this book -- Who this book is for -- Conventions -- Reader feedback -- Customer support -- Errata -- Piracy -- Questions -- 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 -- 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 -- 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 -- 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 -- 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 a specific sidebar block -- Styling your store's footer -- Changing the footer links -- The theme so far -- Summary.

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 -- 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 -- 8. Magento E-mail Templates -- Transactional e-mail templates in Magento -- Adding a new transactional e-mail template in Magento -- Previewing an e-mail template in Magento -- Changing the logo in the Magento e-mail templates.

Variables in e-mail templates -- Using the Template Styles field -- Customizing Magento newsletter templates -- Integrating external HTML newsletter systems with Magento -- Integrating Campaign Monitor in your Magento store -- Getting the Campaign Monitor subscription form markup -- Updating the newsletter subscription form's markup -- Making Magento e-mail templates ready for use -- Upgrade-proof e-mail templates -- Testing e-mail templates -- Testing in Campaign Monitor -- Summary -- 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 -- 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.