Home Page Icon
Home Page
Table of Contents for
Table of Contents
Close
Table of Contents
by Richard Carter
Magento 1.3 Theme Design
Magento 1.3 Theme Design
Table of Contents
Magento 1.3 Theme Design
Credits
About the Author
About the Reviewers
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
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
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
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
The search form
User links
Styling pages
Styling your store's footer
Styling the product 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
4. Magento Theme Layout
Themes and Layouts in Magento
Changing our store's layout with CMS
Template path hints
Enabling 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
Useful handles in Magento
Using Magento layout: Another example
Changing the layout on a particular page
Summary
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
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
Changing the logo using Magento's administration panel
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
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
Handles in layout
Layout blocks
The action attribute
The as attribute
The after and before attributes
The type attribute
Layout references
addJS in layout
addCss in layout
as in layout
Removing a layout
Summary
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
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
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
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Cover
Next
Next Chapter
Magento 1.3 Theme Design
Table of Contents
Magento 1.3 Theme Design
Credits
About the Author
About the Reviewers
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
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
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
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
The search form
User links
Styling pages
Styling your store's footer
Styling the product 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
4. Magento Theme Layout
Themes and Layouts in Magento
Changing our store's layout with CMS
Template path hints
Enabling 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
Useful handles in Magento
Using Magento layout: Another example
Changing the layout on a particular page
Summary
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
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
Changing the logo using Magento's administration panel
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
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
Handles in layout
Layout blocks
The action attribute
The as attribute
The after and before attributes
The type attribute
Layout references
addJS in layout
addCss in layout
as in layout
Removing a layout
Summary
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
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
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
Index
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset