February 13, 2013 By BJ Cook,
Ten Things to consider when building a responsive Magento site:
  1. Third-party themes:

    Do you intend to use a third-party theme and just change some colors and fonts, or do you see your project having a more custom layout? It might be beneficial for you to get a theme, even if you don’t intend to use it on your project, to see how certain pages were organized.
  2. Third-party themes and the version of Magento you are using:

    Using a third-party theme saves you time of course, but you will want to verify that you have what you need in your templates, and if you are using Magento Enterprise Edition, you will want to check for any conflicts (always a good idea to check).
  3. Responsive CSS framework:

    Using a responsive framework would appear to be a more maintainable approach, but you will spend a good amount of time in the beginning to implement it into your templates.
  4. Priority

    There are a lot of elements to consider for a responsive Magento site. While you might have CMS pages, the focus of your site isn’t large blocks of text. You might want to focus on “store specific” pages/sections.
  5. Determine which sections of Magento you can apply general CSS for a responsive layout.

    • Category page
    • Product page
    • Cart page
    • Checkout page/li>
    • Login/Create an Account pages
    • Customer account section
    • Search pages
  6. Keep in mind that you will want to take some time to check different combinations of the product page and different product types. Error/alert messages.

  7. Drop-down cart:

    If you have a drop-down cart, do you want it to be displayed on mobile, or do you want to convert it into a link to the cart page?
  8. Do you have the time/budget to build a responsive store?

  9. Do you expect a significant amount of users to view your site on a mobile device?

  10. User experience:

    You are probably thinking about how to best present content to improve conversions, and your strategy might be focused on a desktop view of your site. You will now face additional considerations to best present your products for mobile views. Remember that the point of making your store responsive is to improve usability and presentation. What’s the point of making your store responsive if users can’t easily locate navigation menus, add to cart/checkout buttons, or product information isn’t presented clearly? Javier is a Web Developer at DO. He has many ninja like qualities

More from the
DO Blog