Magento Responsive Theme Design


Magento Responsive Theme Design
eBook: $20.99
Formats: PDF, PacktLib, ePub and Mobi formats
$17.84
save 15%!
Print + free eBook + free PacktLib access to the book: $55.98    Print cover: $34.99
$34.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Support
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 110 pages [ 235mm x 191mm ]
Release Date : December 2013
ISBN : 1783980362
ISBN 13 : 9781783980369
Author(s) : Richard Carter
Topics and Technologies : All Books, CMS and eCommerce, Web Development, Open Source


Table of Contents

Preface
Chapter 1: Beginning a Responsive Magento Theme
Chapter 2: Making Your Store Responsive
Chapter 3: Responsive Checkout and Cart in Magento
Chapter 4: Enhancing Your Responsive Magento Theme
Index
  • 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 Magento
      • Adding 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 layout
      • Category 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 responsively
      • Setting the account login 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 registration
    • Using the CSS @font-face rule to use custom fonts in your Magento theme
    • Summary

Richard Carter

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 including the University of Edinburgh, University College Dublin, Directgov, NHS Choices, and BusinessLink.gov.uk.

He is a creative director at Peacock Carter Ltd (peacockcarter.co.uk), a web design and development agency based in the Northeast of England. He graduated from the University of Durham in Software Engineering. He blogs at earlgreyandbattenburg.co.uk and tweets as @RichardCarter.

Magento 1.8 Theme Development is Richard'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, Magento Responsive Theme Design, and acted as a technical reviewer on MediaWiki 1.1 Beginners Guide, Inkscape 0.48 Illustrator's Cookbook, and Apress' The Definitive Guide To Drupal 7.

Sorry, we don't have any reviews for this title yet.

Code Downloads

Download the code and support files for this book.


Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


Errata

- 1 submitted: last submission 13 Jan 2014

On page no: 52

Under the Dealing with Magento search results responsively heading

The following code snippet is missing:

<catalogsearch_result_index>
<reference name="root">
<action method="setTemplate">
<template>page/1column.phtml</template>
</action>
</reference>
</catalogsearch_result_index>

This should be included in the local.xml file.

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Frequently bought together

Magento Responsive Theme Design +    Near Field Communication with Android Cookbook =
50% Off
the second eBook
Price for both: €25.00

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • Implement a responsive Magento theme for your store
  • Master the use of the latest responsive web design techniques
  • Discover how to use Magento layout and template files to change your store
  • Use media queries to alter your Magento store based on browser width or height
  • Understand the fundamentals of responsive web design
  • Explore the Magento template hierarchy
  • Add basic CSS styling for your Magento theme
  • Enable your new theme in Magento
  • Style e-commerce navigation responsively in Magento

In Detail

Magento is an open source e-commerce solution. It comes with a variety of tools that are necessary for building a successful online shop. Magento offers many built-in capabilities, such as promo pricing and coupon codes, detailed statistics, and SEO options. This book will help you build your own store and will help you broaden your customer reach.

Magento Responsive Theme Design guides you through the building, enabling, and customization of a responsive Magento theme. You will be able to explore different options for navigating your store on various devices and also improve your store’s one-page checkout for mobile visitors. The book is written in a clear, step-by-step format with plenty of screenshots and tips to help you along the way.

This book will help you get your custom Magento responsive theme up and running. It covers everything from creating and enabling your new theme to utilizing Magento’s category and product templates as well as its one-page checkout feature. With this book, you will learn how to successfully build a responsive Magento theme, starting from the very basics of styling your Magento store to customizing customer accounts, product and category listings, and the one-page checkout for a range of devices. Packed with tips throughout to guide you through the process and common problems, the book is written with a clear, step-by-step approach in mind.

Magento Responsive Theme Design guides you through everything you need to know to strengthen your e-commerce business.

Approach

The book consists of a complete step-by-step tutorial that takes you through how to quickly and efficiently build your own responsive Magento theme.

Who this book is for

This book is for web designers and developers with an existing knowledge of modern HTML and CSS.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software