Free Sample
+ Collection

Magento Responsive Theme Design

Richard Carter

Good design can transform online stores and this step-by-step tutorial shows you how to create a fully customized responsive theme in the popular e-commerce solution, Magento. A must for ambitious web designers and developers.
RRP $20.99
RRP $34.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783980369
Paperback110 pages

About This Book

  • 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

Who This Book Is For

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

Table of Contents

Chapter 1: Beginning a Responsive Magento Theme
Creating your Magento theme
Enabling your new theme in Magento
Adding the media queries to your Magento theme
Styling images responsively in your Magento theme
Styling e-commerce navigation responsively in Magento
Chapter 2: Making Your Store Responsive
Laying out your website's header and footer
Responsive product page layout in Magento
Responsive category page layout
Dealing with Magento search results responsively
Chapter 3: Responsive Checkout and Cart in Magento
Responsive shopping cart in Magento
Responsive one page checkout in Magento
Styling Magento customer account pages responsively
Chapter 4: Enhancing Your Responsive Magento Theme
Supporting CSS media queries in Internet Explorer with css3-mediaqueries.js
Improving Magento store data entry for customers
Using the CSS @font-face rule to use custom fonts in your Magento theme

What You Will Learn

  • 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.


Read More