Magento Responsive Theme Design

✍ Scribed by Carter, Richard

• Publisher: Packt Publishing
• Year: 2013
• Tongue: English
• Leaves: 110
• Category: Library

✦ Synopsis

Build a mobile-, tablet-, and desktop-friendly e-commerce site Refine your Magento store's product and category pages for mobile Easy-to-follow, step-by-step guide on how to get up and running with Magento

✦ Table of Contents

Content: Cover
Copyright
Credits
About the Author
About the Reviewers
www.PacktPub.com
Table of Contents
Preface
Chapter 1:Beginning a Responsive Magento Theme
Creating your Magento theme
Adding the basic CSS styling for your Magento theme
Adding the basic XML layout for your Magento theme
Adding the meta viewport element
A note on Magento theme hierarchy
Magento theme hierarchy
Enabling your new theme in Magento
Overwriting the default Magento templates
Adding the media queries to your Magento theme
Some other common breakpoints
Styling images responsively in your Magento theme. Styling e-commerce navigation responsively in MagentoAdding skip to footer navigation to your Magento store
Adding the skip-to link in your header template
Adding the footer sitemap navigation
Dropdown navigation for your Magento store
Summary
Chapter 2:Making your Store Responsive
Laying out your website's header and footer
Adding the header and footer CSS
Adding CSS for larger screens
Adding CSS to change header and footer links
Responsive product page layout in Magento
Laying out the product image and product information
Making a definitive style. Responsive category page layoutCategory list view
Product pager, pagination, and sort by dropdown
Category grid view
Dealing with Magento search results responsively
Resizing product images
Removing the height and width attributes
Summary
Chapter 3:Responsive Checkout and Cart in Magento
Responsive shopping cart in Magento
Styling form elements
Removing the shipping estimate tool from the Magento cart page
Styling cart tables
Removing unnecessary table columns for mobile and smaller screened devices
Responsive one page checkout in Magento. Styling Magento customer account pages responsivelySetting the account login a page template to a one-column layout
Styling error messages
Removing the My Applications and My Downloadable Products links from the Magento customer account area
Summary
Chapter 4:Enhancing your Responsive Magento Theme
Supporting CSS media queries in Internet Explorer with css3-mediaqueries.js
Adding a JavaScript file to your Magento theme through local.xml
Improving Magento store data entry for customers
Changing your Magento theme's doctype to HTML5
Changing the input type value for login. Changing the input type value for registrationUsing the CSS @font-face rule to use custom fonts in your Magento theme
Summary
Index.

✦ Subjects

Electronic commerce.;Web site development.;Electronic commerce;Computer programs.;Web sites;Design.;BUSINESS & ECONOMICS;Industrial Management.;BUSINESS & ECONOMICS;Management.;BUSINESS & ECONOMICS;Management Science.;BUSINESS & ECONOMICS;Organizational Behavior.