Book Image

Magento 1.4 Themes Design

By : Richard Carter
Book Image

Magento 1.4 Themes Design

By: Richard Carter

Overview of this book

<p>Magento is a popular open source e-commerce project. Whilst it comes with a number of default themes to change the look and feel of your store, many people, both new to Magento and old hands, struggle with even the more basic aspects of customizing Magento themes. When you read this book you'll learn how to change the basics of your Magento theme, create a new custom theme and much more.</p> <p>The book is a step-by-step guide to theming Magento, aimed at readers with little technical expertise. The first chapters introduce Magento 1.4 and Magento themes, covering Magento theme hierarchy and the key components of a Magento theme: templates, skins, layout, and locales. Later chapters delve into changing the basics of your Magento store, including methods for changing the logo of your store, adding a custom favicon (favorites icon) and integrating Twitter and Facebook into your store. More advanced topics include customizing Magento templates and XML layout files to alter a theme to your own needs and creating a custom print stylesheet.</p> <p>In short, the book provides guides to common aspects of theming and customizing Magento 1.4 and equally useful step-by-step walkthroughs of integrating more unusual items in to your Magento store.&nbsp;&nbsp;&nbsp;</p>
Table of Contents (17 chapters)
Magento 1.4 Themes Design
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Styling your store's breadcrumb


An element you may have seen in your Magento store but which has not yet been mentioned is the breadcrumb element. To view the breadcrumb, navigate to one of the pages you linked to in the navigation towards the top of your store's design such as the Customer Service page. The breadcrumb is displayed below the navigation and indicates where your customer is in the structure of your website's pages:

The breadcrumb also appears on product pages, such as the following page for a product called M2 Test Product:

If you turn on the template path hints tool in your Magento store's administration panel and refresh the frontend view of your store, you'll see the relevant template used in Magento to define the breadcrumb:

The Magento template file is called breadcrumbs.phtml and it is located in the /app/design/frontend/base/default/template/page/html directory. Copy the breadrcumbs.phtml file from this directory to your theme's own template directory (for example, /app...