Book Image

Learning Magento Theme Development

By : Richard Carter
Book Image

Learning Magento Theme Development

By: Richard Carter

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Learning Magento Theme Development
Richard Carter
Aug, 2014 | 182 pages
No titles found
Table of Contents (15 chapters)
Learning Magento Theme Development
Learning Magento Theme Development
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Introduction to Magento and Magento Themes
Introduction to Magento and Magento Themes
What is a Magento theme?
Magento terminology
Magento websites, stores, and store views
Magento theme files
Magento theme hierarchy
Summary
2
Magento Theming Basics
Magento Theming Basics
Creating a new Magento theme
Enabling a Magento theme
Changing your Magento store's logo
Customizing your store's favorites icon (favicon)
Customizing Magento's product watermark image
Customizing Magento's product placeholder images
Using the Magento Template Path Hints
Summary
3
Magento Templates
Magento Templates
Providing layout style for your Magento theme
Customizing your Magento store's header
Customizing Magento's search box
Adding a static block to a Magento template
Customizing your Magento store's footer
Customizing your store's checkout and cart
Summary
4
Magento Layout
Magento Layout
Adding local.xml to your Magento theme
Using layout to change your default Magento page template
Changing a page's layout using Magento's CMS tool
Adding a static block to a page using the Magento layout
Changing the ordering of blocks in Magento's sidebar
Removing unnecessary blocks from Magento's sidebar
Customizing the home page's layout
Adding new product block to the home page
Summary
5
Social Media and Magento
Social Media and Magento
Integrating a Twitter feed into your Magento store
Integrating a Facebook Like Box into your Magento store
Including social share buttons in your product pages
Integrating product videos from YouTube into the product page
Summary
6
Advanced Magento Theming
Advanced Magento Theming
Adding a custom print style sheet to your Magento store
Using locales to translate phrases in your store
Using Google Web Fonts and @font-face
Styling Magento's layered navigation
Creating a custom 404 "not found" error page
Using snippets to enhance search engine listings
Summary
7
Magento Theming for Mobile and Tablet Devices
Magento Theming for Mobile and Tablet Devices
Using CSS media queries to create breakpoints for different device widths
Making images responsive for your Magento theme
Developing responsive navigation
Adding mobile icons for Windows and Apple devices
Summary
8
Magento E-mail Templates
Magento E-mail Templates
Working with Magento e-mail templates
Changing the e-mail template logo
Changing the color scheme of your Magento transaction e-mail templates
Altering variables in Magento e-mail templates
Adding a static block to a Magento transactional e-mail template
Integrating the MailChimp subscription form into your Magento store
Integrating the Campaign Monitor subscription form into your Magento store
Summary
Index
Index

Chapter 4. Magento Layout

You have now looked at the changes you can make to your Magento theme using CSS and template changes. This chapter introduces Magento's layout language, which can be used to change the appearance and order of blocks within your Magento theme and covers the following:

  • Adding a local.xml file to your theme

  • Changing the default page template

  • Changing a page's layout via CMS

  • Adding a static block to a page using the Magento layout

  • Changing the ordering of blocks in Magento's sidebar

  • Removing unnecessary blocks from Magento's sidebar

  • Adding a new products block to your store's home page

Previous Section
End of Section 1
Next Section