Magento Forum

How to have a responsive web design with Magento? 
 
Thomasmagento
Jr. Member
 
Total Posts:  2
Joined:  2013-08-19
 

Magento, as a developer of applications, has created different themes that people can customize to support their online stores, but aside from these creations, Magento has come up with a way to deliver responsive mobile and web applications to you, the user. Magento Responsive themes promise to make life easier and sweeter.

If you want to have a responsive web design with Magento, you can follow these instructions: What is responsive web design with Magento?

Hope you can see it helpful!

 
Magento Community Magento Community
Magento Community
Magento Community
 
Thomas1201
Jr. Member
 
Total Posts:  6
Joined:  2013-09-04
 

Using magento extensions to maximize efficiency of your site.There are many extensions here: http://www.magestore.com/magento-extensions.html

 
Magento Community Magento Community
Magento Community
Magento Community
 
TutorialMagento
Sr. Member
 
Avatar
Total Posts:  133
Joined:  2013-10-02
 
Thomasmagento - 08 September 2013 05:59 PM

Magento, as a developer of applications, has created different themes that people can customize to support their online stores, but aside from these creations, Magento has come up with a way to deliver responsive mobile and web applications to you, the user. Magento Responsive themes promise to make life easier and sweeter.

If you want to have a responsive web design with Magento, you can follow these instructions: What is responsive web design with Magento?

Hope you can see it helpful!

Thank you for sharing this tutorial! For those who are looking for beautiful Responsive Magento Themes, just take a look at this article
Top 10 Best responsive Magento themes for multipurpose

 
Magento Community Magento Community
Magento Community
Magento Community
 
rebeccama
Sr. Member
 
Avatar
Total Posts:  110
Joined:  2012-11-05
 

The future of ecommerce is merged with mobile commerce, so responsive designs are essential for any store owner.  Its important to throw light on this subject and encourage all merchants to switch to responsive version.

 
Magento Community Magento Community
Magento Community
Magento Community
 
esstat17
Jr. Member
 
Avatar
Total Posts:  23
Joined:  2012-01-24
 

I came up a magento extension called Magic Liquidizer for responsive web design/development solution. If you have existing theme in magento, and would like to upgrade it into responsive, you don\’t need to totally edit your CSS, HTML since magento has many associated files so it wouldn\’t be easy to manually edit it.

You can take a look more information at
http://www.innovedesigns.com/responsive/magic-liquidizer/magic-liquidizer-instant-responsive-web-design-extension-for-magento/

You can now use your old and favorite Magento theme while your users are enjoying the responsive design function of your ecommerce website.

 
Magento Community Magento Community
Magento Community
Magento Community
 
vjtemplates
Guru
 
Avatar
Total Posts:  408
Joined:  2010-12-15
Washington, USA
 

Hi,

Just like the other posts said, responsive design will be the future of web design. Initially Magento solution was 2 different themes for desktop and mobile. But now, with responsive design, you don’t need 2 themes anymore.

Our Premium Magento Responsive Theme was designed professionally by combining all features from every responsive frameworks and designs. This results in 97/100 score at Pingdom, W3C HTML 5 and CSS 3 validated.

We also use Font Icons as opposed to the old image icons. There are at least 3 advantages of using Font Icons compared with Image Icons:

1. Font Icons will never be degraded in quality when mobile users enlarge the screen. Image icons will surely be degraded.
2. Font Icons are much faster than Image Icons.
3. Font Icons will reduce HTTP Request.

We also use rem unit instead of em unit. By using rem unit, you can increase/decrease the font size, font-weight, etc globally very easily. We also include Google/Bing/Yahoo Rich Snippet into the theme to make your products rank higher in Search Engines.

The most important thing is the use of local.xml. We notice many Magento Themes and Responsive Themes do not use local.xml. That because it’s easy for the makers but not for the buyers/users. It will be hard for the buyers to modify a lot of xml files as opposed to just one file. Also, without the use of local.xml, buyers will have problem when upgrading their Magento.

Cheers

 
Magento Community Magento Community
Magento Community
Magento Community
 
WilliamBill
Jr. Member
 
Total Posts:  6
Joined:  2013-11-19
 

Hi guys,a good news to all of you who have store on Magento.

I recommend a perfect choice for Magento theme is Magento Premium theme of Mage-Shop. It is integrated with a lot of useful Magento extensions and advanced features.with general style, Ms Premium theme is useful for any of your Magento stores and multiple purposes.You own our Ms Premium Theme also means ownership of added -on useful Magento extension as follows: Ultimate Mega Menu,OneStep Checkout extension,Ms Jquery mobile theme,Ajax layered navigation.

More Detail: http://www.mage-shop.com/

 
Magento Community Magento Community
Magento Community
Magento Community
 
RMEngwerda
Jr. Member
 
Total Posts:  1
Joined:  2013-02-03
 

Thanks for sharing this information.

This also a helpfull website about Megagento responsive templates: responsive]http://www.interactivated.me/responsive-magento/]responsive

 
Magento Community Magento Community
Magento Community
Magento Community
 
eddiemayan
Jr. Member
 
Total Posts:  7
Joined:  2013-06-02
 

Hi Thomas,
Might be it will be help to you How to Make Mobile Friendly Magento Website There is some easy steps and tips for Responsive of your Store.

 
Magento Community Magento Community
Magento Community
Magento Community
 
KWAVE
Member
 
Avatar
Total Posts:  53
Joined:  2009-04-04
Boston
 

As a Magento web design company that has been in business since 2006 we have followed the internet trends from basic html to cms to Magento and responsive themes are now the norm. There are millions of users using mobile devices and tablets now. In some cases a large percentage of your customers may only use mobile or tablet. You can go buy an extension like above or you can just do it right from the beginning. If you want a custom Magento responsive theme just go to KWAVE.

We specialize in Magento websites and every new site we launch is complete responsive for all devices.
Take a look at our portfolio Magento Web Design

We can help you start right from scratch or customize a current Magento theme to be responsive.

http://www.kwavewebdesign.com/
888.779.6988

Call us with any questions about responsive Magento themes.

 
Magento Community Magento Community
Magento Community
Magento Community
 
WebAndPeople
Sr. Member
 
Avatar
Total Posts:  150
Joined:  2010-01-05
 

I have checked many responsive themes over the market.
Many good themes can be found on themeforest.net

However all responsive themes are not real full width. They are most likely 1280-1400 px max.

Here is the completely responsive theme from that point: full width magento template

If someone have another full width themes examples, please post the link. It would be nice to compare.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top