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
- What is Magento?
- 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
- Interfaces and themes
- Summary
- What makes a Magento theme?
- 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
- Changing your store's design
- 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
- Our case study: Cheesy Cheese Store
- Chapter 4: Magento Theme Layout
- Themes and Layouts in Magento
- Changing our store's layout with CMS
- Template path hints
- Changing our store's layout with CMS
- 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
- Themes and Layouts in Magento
- 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
- Magento theme directory structure
- Assigning your non-default theme
- Restrictions with assigning themes
- Creating non-default themes
- Skin changes
- Template changes
- Summary
- Uses of non-default themes
- 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
- Customizing the product page
- Summary
- Theming tasks
- 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
- Social bookmarking tools
- Summary
- Integrating Twitter with Magento
- 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
- Limitations of the print stylesheet
- 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
- Types of Magento contributions
- Summary
- Cross-browser testing
Book backreference:
