mobileTOUCH

mobileTOUCH allows you to display your Magento store optimized for iPhone and Android mobile phones. You find a current demo shop under  m-demo.snm-portal.com.

With the iPhone-Apps similar presentation you give your customers a new shopping experience. The impression of a native app is given by the touch functions and therefore the trust in your shop will be starched. With the outsourcing of the shop presentation in the browser, you not only open up access for iPhone users to your shop, but also customers with modern Android phones. MobileTouch is not only a new template optimized for modern mobile phones, but by the supply as an extension the initial settings are automatically taken over. Thus, for example a new homepage CMS page is created. This page takes the greeting of your mobile customers.

In this extension slide blocks are provided, to allow you an individual representation. Also you can easily manage the adjustment of colors in the admin area. But also all the others with deeper experiences can adapt the known template extensions. Or give us an order to present your shop uniquely.

It’s so simple:

• Download and install the extension, empty cache
• Under [System>Configuration>SNM portal->Mobile] change web-settings e.g. icon for page and iPhone-App and possibly CSS-settings.
• Under [CMS> SIDES] open the side mobile Home and how all the other sides adapt this side to your shop. Take over the block-definitions, change or also create a completely different homepage.
• Save > Mobile > switch on mobile phone and have fun
  

Once a visitor with a supported mobile phone visited your shop, the presentation is automatically changed in the mobile view.

Please note that the extension is a template and may need to be adapted to their shop.

Show your customers that your shop is ready for mobile

Use our seal of approval "Mobile Ready" on your actual store page. In order to recognize your customers that this shop can also be used on modern phones.

70px x 70px
<img src="http://www.snm-portal.com/mobile/mobileReady_70x70.png" alt="We are mobileReady"/>

90px x 90px
<img src="http://www.snm-portal.com/mobile/mobileReady_90x90.png" alt="We are mobileReady"/>

120px x 120px
<img src="http://www.snm-portal.com/mobile/mobileReady_120x120.png" alt="We are mobileReady"/>

Note:

In the demos our extension “SNM Product Pager” is used, to navigate in the detail view from product to product within the current list. This extension is not included in mobile TOUCH, and is not required, however it is recommend for a faster navigation.

For iPhone and Android with Webkit-Browser (Safari) Demo under m-demo.snm-portal.com

Example for "Light" publicada.de

CSS Example "Light":

/* Background */
.auit-mobile-bg { background:none #fff; }
/* Main Color */
.auit-mobile    {color : #111;}
/* Main Link-Color */
.auit-mobile a  { color: #c2da08}

/* Icon-Button Background */
.cnt-button span.img,
.cnt-button img,
.pager a        { background:#333;}

/* Headlines */
.auit-mobile h1, .auit-mobile h2,
.auit-mobile h3, .auit-mobile h4,
.auit-mobile h5, .auit-mobile h6 {color:#c2da08}

/* Rating Stars */
.rating-box {  background-color: #ddd;}
.rating-box .rating {  background-color: #111;}

/* Toolbar */
.cnt-toolbar{    
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#dce780), color-stop(0.02, #c6d72f), to(#839103));
}
/* Button */
button {
    /*background: -webkit-gradient(linear, left top, left bottom,from(#111), to(#f59d55),color-stop(1%, #B0B0B0),color-stop(2%, #8c8c8c)); */
}
/* List Active */
.x-list .x-list-group-items > *.x-item-selected,
.x-list.x-list-flat .x-list-parent > *.x-item-selected {
  background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#d6e611), color-stop(0.02, #c2dc0b), to(#b2d109));
}
/* Product Options */
.product-options {
  background-color: #ddd;
}
/* Tablle */
.data-table th {  background-color: #bbb; /*Label*/}
.data-table td {  background-color: #ddd; /*Value*/}
.cnt-toolbar .cnt-button span.label {
  font-size:0.6em;
}