Learning Magento Theme Development
()
About this ebook
Richard Carter
Richard Carter, MFA, is Co-Founder & Director of the Community Shakespeare Company for young actors. His award-winning plays have been produced from Seattle to London. His verse adaptations of classic literature motivate and enchant actors and audiences, pre-school through adult. Richard lives with his family on an island in Washington State.
Read more from Richard Carter
The City is my Monastery: A contemporary rule of life Rating: 0 out of 5 stars0 ratingsThe City is My Monastery: A Contemporary Rule of Life Rating: 0 out of 5 stars0 ratingsMagento 2 Theme Design - Second Edition Rating: 5 out of 5 stars5/5Joomla! 1.5 Templates Cookbook Rating: 0 out of 5 stars0 ratingsA Community Shakespeare Company Edition of Twelfth Night: Original Verse Adaptation by Richard Carter Rating: 0 out of 5 stars0 ratingsMediaWiki Skins Design Rating: 0 out of 5 stars0 ratings
Related to Learning Magento Theme Development
Related ebooks
Instant Magento Performance Optimization How-to Rating: 0 out of 5 stars0 ratingsInstant Magento Shipping How-To Rating: 0 out of 5 stars0 ratingsMastering Magento Theme Design Rating: 0 out of 5 stars0 ratingsGetting Started with Magento Extension Development Rating: 0 out of 5 stars0 ratingsMagento Extensions Development Rating: 0 out of 5 stars0 ratingsMagento 2 Development Cookbook Rating: 0 out of 5 stars0 ratingsMagento 2 Development Essentials Rating: 0 out of 5 stars0 ratingsMagento Beginner's Guide Rating: 0 out of 5 stars0 ratingsMastering Magento 2 - Second Edition Rating: 0 out of 5 stars0 ratingsMagento Search Engine Optimization Rating: 0 out of 5 stars0 ratingsHow to pass Magento Certification Exam in 30 days Rating: 3 out of 5 stars3/5Magento 2 Developer's Guide Rating: 0 out of 5 stars0 ratingsLearning Magento 2 Administration Rating: 0 out of 5 stars0 ratingsSymfony2 Essentials Rating: 0 out of 5 stars0 ratingsInstant Pentaho Data Integration Kitchen Rating: 0 out of 5 stars0 ratingsMariaDB Essentials Rating: 0 out of 5 stars0 ratingsLearning Yii Testing Rating: 1 out of 5 stars1/5Magento 2 Beginners Guide Rating: 0 out of 5 stars0 ratingsInstant Jsoup How-to Rating: 0 out of 5 stars0 ratingsAdvanced Express Web Application Development Rating: 0 out of 5 stars0 ratingsMeteor Design Patterns Rating: 0 out of 5 stars0 ratingsMastering Ext JS - Second Edition Rating: 0 out of 5 stars0 ratingsASP.NET 3.5 Application Architecture and Design Rating: 0 out of 5 stars0 ratingsMagento 2 Cookbook Rating: 4 out of 5 stars4/5Pentaho Analytics for MongoDB Cookbook Rating: 0 out of 5 stars0 ratingsMobile Web Performance Optimization Rating: 0 out of 5 stars0 ratingsMastering MeteorJS Application Development Rating: 4 out of 5 stars4/5Magento Made Easy: Comprehensive Guide to Magento Setup and Development (Vol. 1) Rating: 0 out of 5 stars0 ratingsPHP 5 CMS Framework Development - 2nd Edition Rating: 0 out of 5 stars0 ratingsPHP for Beginners Rating: 0 out of 5 stars0 ratings
Programming For You
Python: For Beginners A Crash Course Guide To Learn Python in 1 Week Rating: 4 out of 5 stars4/5Python Programming : How to Code Python Fast In Just 24 Hours With 7 Simple Steps Rating: 4 out of 5 stars4/5HTML & CSS: Learn the Fundaments in 7 Days Rating: 4 out of 5 stars4/5Learn to Code. Get a Job. The Ultimate Guide to Learning and Getting Hired as a Developer. Rating: 5 out of 5 stars5/5SQL: For Beginners: Your Guide To Easily Learn SQL Programming in 7 Days Rating: 5 out of 5 stars5/5101 Amazing Nintendo NES Facts: Includes facts about the Famicom Rating: 4 out of 5 stars4/5Java for Beginners: A Crash Course to Learn Java Programming in 1 Week Rating: 5 out of 5 stars5/5SQL QuickStart Guide: The Simplified Beginner's Guide to Managing, Analyzing, and Manipulating Data With SQL Rating: 4 out of 5 stars4/5Pokemon Go: Guide + 20 Tips and Tricks You Must Read Hints, Tricks, Tips, Secrets, Android, iOS Rating: 5 out of 5 stars5/5Coding All-in-One For Dummies Rating: 4 out of 5 stars4/5Python Machine Learning By Example Rating: 4 out of 5 stars4/5Learn SQL in 24 Hours Rating: 5 out of 5 stars5/5Linux: Learn in 24 Hours Rating: 5 out of 5 stars5/5PYTHON: Practical Python Programming For Beginners & Experts With Hands-on Project Rating: 5 out of 5 stars5/5Excel : The Ultimate Comprehensive Step-By-Step Guide to the Basics of Excel Programming: 1 Rating: 5 out of 5 stars5/5C# 7.0 All-in-One For Dummies Rating: 0 out of 5 stars0 ratingsGrokking Algorithms: An illustrated guide for programmers and other curious people Rating: 4 out of 5 stars4/5SQL All-in-One For Dummies Rating: 3 out of 5 stars3/5ReactJS by Example - Building Modern Web Applications with React Rating: 4 out of 5 stars4/5
Reviews for Learning Magento Theme Development
0 ratings0 reviews
Book preview
Learning Magento Theme Development - Richard Carter
Table of Contents
Learning Magento Theme Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Support files, eBooks, 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
Downloading the example code
Errata
Piracy
Questions
1. Introduction to Magento and Magento Themes
What is a Magento theme?
Magento's default themes
The default theme
The category page layout
The list mode layout
Checkout
The blank theme
The iPhone theme
The modern theme
Magento terminology
Scope in Magento
Magento websites, stores, and store views
Using multiple stores in Magento
Using multiple store views in Magento
Magento theme files
Skin files
Layout files
Template files
Locale files
Packages
Magento theme hierarchy
Summary
2. 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
Using product images in Magento
Customizing Magento's product placeholder images
Using the Magento Template Path Hints
Summary
3. Magento Templates
Providing layout style for your Magento theme
Customizing your Magento store's header
Providing CSS for Magento's navigation dropdowns
Altering the header.phtml template
Customizing Magento's search box
Adding a static block to a Magento template
Creating a new static block
Inserting the static block into a template
Customizing your Magento store's footer
Listing all top-level categories in your Magento store
Customizing your store's checkout and cart
Styling the cart page
Styling the checkout page
Summary
4. Magento Layout
Adding local.xml to your Magento theme
Using layout to change your default Magento page template
Types of blocks within Magento
Changing a page's template using the XML layout
Changing a page's layout using Magento's CMS tool
Adding a static block to a page using the Magento layout
Assigning a static block to a page in Magento's CMS
Changing the ordering of blocks in Magento's sidebar
Repositioning a block below a specific block
Reordering a block above all other blocks
Reordering a block below all other blocks
Removing unnecessary blocks from Magento's sidebar
Customizing the home page's layout
Adding new product block to the home page
Marking products as new in Magento
Using XML layout to add the New Products block to your store's home page
Summary
5. Social Media and Magento
Integrating a Twitter feed into your Magento store
Creating your Twitter widget
Embedding your Twitter feed into a Magento template
Integrating a Facebook Like Box into your Magento store
Getting the embedding code from Facebook
Adding the embed code into your Magento templates
Including social share buttons in your product pages
Styling the product page a little further
Integrating AddThis
Integrating product videos from YouTube into the product page
Product attributes in Magento
Creating a new attribute for your video field
Adding a YouTube video to a product using the new attribute
Inserting the video attribute into your product view template
Summary
6. Advanced Magento Theming
Adding a custom print style sheet to your Magento store
Using locales to translate phrases in your store
Creating a Magento locale file
The translate function
Using Google Web Fonts and @font-face
Including Google Web Font in your store's theme
Referencing Google Web Font in your Magento theme's style sheet
Styling Magento's layered navigation
Enabling layered navigation in Magento categories
Assigning attributes for layered navigation
Creating a custom 404 not found
error page
Altering the error page's content
Using snippets to enhance search engine listings
Summary
7. Magento Theming for Mobile and Tablet Devices
Using CSS media queries to create breakpoints for different device widths
Adding the meta viewport element to your Magento theme
Adding a CSS media query to your style sheet
Making images responsive for your Magento theme
Developing responsive navigation
Adding mobile icons for Windows and Apple devices
Adding an Apple home icon to your Magento store
Adding a Windows icon to your Magento store
Summary
8. Magento E-mail Templates
Working with Magento e-mail templates
Changing the e-mail template logo
Sending test transactional e-mails
Changing the color scheme of your Magento transaction e-mail templates
Loading a Magento e-mail template
Editing Magento e-mail templates through your theme
Assigning an e-mail template to a transaction in Magento
Altering variables in Magento e-mail templates
Magento Insert Variable pop up
Using the customer's first name only in e-mail templates
Adding a static block to a Magento transactional e-mail template
Creating the static block
Adding the static block to the e-mail template
Integrating the MailChimp subscription form into your Magento store
Integrating the Campaign Monitor subscription form into your Magento store
Summary
Index
Learning Magento Theme Development
Learning Magento Theme Development
Copyright © 2014 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.
First published: August 2014
Production reference: 1130814
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham B3 2PB, UK.
ISBN 978-1-78328-061-2
www.packtpub.com
Cover image by Benoit B (<benoit.benedetti@gmail.com>)
Credits
Author
Richard Carter
Reviewers
Ray Bogman
Vali Lungu
Ankit Sharma
Mukund Thanki
Acquisition Editor
Sam Wood
Content Development Editor
Madhuja Chaudhari
Technical Editors
Kunal Anil Gaikwad
Ankita Thakur
Nachiket Vartak
Copy Editors
Roshni Banerjee
Adithi Shetty
Stuti Srivastava
Project Coordinators
Neha Bhatnagar
Akash Poojary
Proofreaders
Simran Bhogal
Ameesha Green
Indexer
Hemangini Bari
Graphics
Abhinash Sahu
Ronak Dhruv
Production Coordinator
Adonia Jones
Cover Work
Adonia Jones
About the Author
Richard Carter is a web designer and frontend web developer based in Newcastle upon Tyne in the north east of England.
His experience includes many open source e-commerce and content management systems, including Magento, MediaWiki, WordPress, and Drupal. He has worked with clients such as the University of Edinburgh, University College Dublin, Directgov, NHS Choices, and BusinessLink.gov.uk.
He is the Creative Director at Peacock Carter Ltd (www.peacockcarter.co.uk), a web design and development agency based in the north east of England. He graduated from the University of Durham in Software Engineering, and currently lives in Newcastle upon Tyne. He blogs at http://www.earlgreyandbattenburg.co.uk and tweets as @RichardCarter and @PeacockCarter.
This is the author's seventh book. He has previously written MediaWiki Skins Design, Magento 1.3 Theme Design, Magento 1.4 Theme Design, Joomla! 1.5 Templates Cookbook, and The Beginner's Guide to Drupal Commerce by Packt Publishing. He was also a technical reviewer for MediaWiki 1.1 Beginners Guide and Inkscape 0.48 Illustrator's Cookbook by Packt Publishing and The Definitive Guide To Drupal 7 by Apress.
In particular, my thanks are due to Matthew, who has kept Peacock Carter on track while I was focusing on this book! Also, thanks to my family and friends, and Anna, whose constant support is much appreciated.
About the Reviewers
Ray Bogman is an IT professional and Magento evangelist from the Netherlands. He started working with computers in 1983, as a hobby. In the past, he worked for KPN, a large Dutch Telecom company, as a senior security officer.
He was the CTO of Wild Hibiscus, Netherlands, until 2010. He is the founder of Yireo and was the business creator there until 2011. He is also the founder of Jira ICT and has been the CEO since 2005. He is also the CTO of SupportDesk B.V., which he co-founded in 2011.
At SupportDesk B.V., he is a Magento, Joomla!, OroCRM, Web/Server/Mobile performance specialist and security evangelist. His focus