Skip to main content

Mobilize your Magento Store

In this post I will illustrate 'How you can mobilize your Magento Store'

Browser's Settings:

1) First of all your browser must have iPhone user agent.
       In Safari it has its own user agent, just go to Developer > User Agent  and set it to iPhone.
       If you are using Firefox then go to Tools > Default User Agent and select iPhone.
If you don't have iPhone in option then Tools > Add-ons and install 'User Agent Switcher 0.7.3 in firefox browser. This will switch your Site view from Desktop to Mobile.  Check you special user agent : whatsmyuseragent.com
At last you have your phone to test the Mobile Site.

Magento Admin Settings:

1) Log-in to your Magento admin and go to System > Configuration > General > Design.
2) In Design open 'Themes' tab to Mobilize your Store.
Mobilize your Magento Store Admin Settings
















 

3) In Templates click on Add Exception button and In Matched Expression set your Mobile Theme  name.

 4) In Value field set  iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini as shown in the above image.

 5) Save the settings and you can also upload the Magento Mobile Store logo.

Customization:


 1) After this all settings we can see our Magento Store in Mobile but still we need do some modifications. For that we  will require scripts/files of Mobile Site.
2) Go to  your app/design/frontend/default and copy the iPhone folder and paste it with your Mobile Site name like in my case it is Mobile_Theme. Now whatever changes you will do it will reflect in your Mobile Site.
Script Update











3) Do the same thing with skin/frontend/default to customize your Mobile Site Theme.

 Congratulations !!! Now your Mobile Store is ready to update, make changes you like.

 Author
Mohit verma



Labels:

Comments

Post a Comment

Popular posts from this blog

Magento Multiple Store Setup

Many times we need to create multiple stores in magento website. In magento we create different stores to make it more local. We can access different stores using below ways: 1) Domain (e.g. www.store1.com and www.store2.com) 2) Subdomain (e.g. store1.mystore.com and store2.mystore.com) 3) Folder (e.g. mystore.com/store1/ and mystore.com/store2/) Its all upto to you which way you prefer. For all these we need to follow below steps: Step 1: Add new Magento store: It might be possible that both store have different  catalogue so to manage this. We need to make two different Base Categories. To create a new base category follow below steps: Log in to your Magento admin panel. Go to Catalog -> Manage Categories . If you want both your websites to share same “ Default Category ”, select it by clicking on it on the left. Or click Add Root Category to create a new root category different from the existing one. Once the category is selected, under the Gene...
6 comments
Read more

Add Products to cart Programmatically in Magento

Sometimes we need to add products into cart programmatically in controller. Below is the code which you can use to add product to cart.   1) For Simple Products If you are working in magento controller and wants to add a simple product programmatically then here is the code: Suppose our product id value stored in $productId.         // Below code will create instance of cart         $cart = Mage::getModel('checkout/cart');         // This will initialize cart         $cart->init();         // Get the product collection by passing product id         $productCollection = Mage::getModel('catalog/product')->load($productId); This product collection will be required as we have to pass it at the time of adding product to cart. For adding the product we...
10 comments
Read more

Quick Order Placement Form

If we want to place fast and quick order. We want to list all the product along with their categories  and price. For achieving this goal we have to follow these steps: 1) Create Template File : Create a template  file at /app/design/frontend/default/blanco/template/catalog/product/list_fast_order.phtml which will the list of all products along with their categories and Price listing. 2) Edit Layout : Before this we have to add the phtml file in catalog.xml file. 3) Get Result :  In list_fast_order.phtml file we have to show the product category wise /*assume we want to get all products of category id 5 */ $catid_1 = 5; /*we are loading all the products from category id 5 */ $_category = Mage::getModel('catalog/category')->load($catid_1); $subs = $_category->getAllChildren(true); /* Use for loop for making result array */ $result = array(); foreach($subs as $cat_id) { $category = new Mage_Catalog_Model_...
9 comments
Read more