SM Milan

This guide will help you install SM Milan Theme step by step.

 

1 SYSTEM REQUIREMENT – Back to top

At the basic level, this theme will require the following conditions:

  • Compatible with Magento Community Edition 1.9.x (require: php 5.4 and Memory_limit no less than 256Mb)

2LAYOUT POSITION – Back to top

3INSTALLATION – Back to top

There are two ways to install a Magento Theme:

  • Quickstart Installation: By using this package, you will set the theme exactly as our Demo with sample data.
  • Manual Installation (include of Theme Installation and Extension Installation): You will need only be using the zipped files in “Extensions” and “Theme” folders.

3.1 Quickstart Installation :

Magentech provides SM Quickstart package for each theme which aims to ease the installation for users. It will help you save much time of installing and configuring if you plan to start your site from the beginning. Please following steps below:

  • Step 1: Download the quickstart package
  • Step 2: Extract and Upload the whole Quickstart package to your server. In Quickstart folder you will see the extracted folder that include all sample data
  • Step 3: Create a Database for your Magento

  • Step 4: Start installation by opening browser and navigate to your URL (where the Quickstart uploaded) to load default Magento installer. Please follow each step of the Installer so that the installation process can be set.

  • Step 5: Locale Settings. Please fill fully into Required Fields (“Locale; Time Zone and Default Currency”.)

  • Step 6: In the Configuration step, input the required fields as below.
    • Do not use “localhost” in URL, otherwise you could not log in to your Admin area (you should use your local IP in case of installing on your computer).
    • Leave Tables prefix field blank.

  • Step 7: Create Admin Account. Please fill fully into Required Fields (“First Name; Last Name; Email; Username; password and confirm password”.)

  • Step 8: Finish Installation and now you can Go to Frontend or Go to Backend.

3.2 Manual Installation

3.2.1 Theme Installation

Please install Magento extension Theme in advance of any other installations to avoid unexpected conflicts that may occur.

    • Step 1: Copy folders skin and app to your site root folder. The overwritten folders should have a directory layout like this:

      {docroot} /magento/

      app/
      index.php
      js/
      lib/
      LICENSE.txt
      media/
      pear/
      skin/
      var/
    • Step 2: Log in to your Admin Panel (e.g. Access Magento Admin area: http://yourdomain/index.php/admin/). Log out and log in back.
    • Step 3: Navigate to System >> Cache Management, Sellect All the cache types, take Action as Refresh and Submit.

    • Step 4: Navigate to System >> Configuration >> Design.
    • Step 5: In Package tab, input Default field with the actual theme name.

    • Step 6: You can also change the settings for Header .

  • Step 7: Click Save Config button to finish..

3.2.2 Extension Installation

  • Step 1: Copy all the folders of each extension folder that you have extracted to the your site root folder.
  • Step 2: In your Admin Panel, navigate to System >> Configuration >> Extensions Configuration (on the left-hand menu).
  • Step 3: You will see installed extension, click extension’s name tab to go to extension configuration page as the image below:

4CONFIGURATION – Back to top

4.1 Page Configuration

4.1.1 Homepage Default

Detailed layout of Homepage Default:

To configure this page, in the Admin Panel, navigate to CMS >> Pages. Create a new page in Page Management section.

Copy and paste the following code into the Design field:

4.1.2 Layout Homepage2

Detailed layout of Homepage2:

To configure this page, in the Admin Panel, navigate to CMS >> Pages. Create a new page in Page Management section.

Copy and paste the following code into the Design field:

4.2 Configure Header & Change Header Style

SM Market support 4 Header Styles: “Header default“, “Header 2“, “Header 3” and “Header 4“. In the Admin Panel, please navigate to SM Milan Settings >> in General Settings tab, find Header Style Parameter and select Header Style that you want to display.

After “Save config” above, please visit: \app\design\frontend\default\sm_milan\template\page\html\ to edit some code.
e.g:
you want change “Header 2” style:
+
In Admin you select Header Style: “Header 2″
+
And then go to “app\design\frontend\default\sm_milan\template\page\html\header2.phtml” >> and find “<?php
if( Mage::getSingleton(‘cms/page’)->getIdentifier() == ‘home-v2′ && Mage::app()->getFrontController()->getRequest()->getRouteName() == ‘cms’ ) { /* if is home page*/?>” and change ‘home-v2 ==> ‘current identifier of your CMS Home page’.

4.3 Mega Menu Configuration

SM Zana Fashion supports Magento extension Mega Menu. Follow the guide below to get it configured properly. In the Magento Admin Panel, navigate to SM Mega Menu >> Menu Manager.

  • Firstly, click “Add Group” button to add 2 groups with named: Root Catalog – have id “5″ and Vertical_Menu – have id “6″.
  • Secondly, navigate to SM Mega Menu >> Configuration
  • Thirdly, go to Menu Items Manager >> click Add Menu Item button to create the Menu Items.

HOME MENU

Frontend Appearance

Copy and paste the following code into the Content field:

MEN MENU

Frontend Appearance

Tree of Men Menu:

Copy and paste the following code into the Content field at “Casio Image” Item:

Note: Other menu items (“SEIKO; CITIZEN & TISSOT”) have the same settings with the items above.

Copy and paste the following code into the Content field:

WOMEN MENU

Frontend Appearance

Tree of Women Menu:

Note: Other menu items (“SEIKO; CITIZEN; HANDBAG & TISSOT”) have the same settings with the items above.

Copy and paste the following code into the Content field:

Copy and paste the following code into the Content field:

Copy and paste the following code into the Content field:

4.4 Configure Extensions

List of Extensions are used in SM Milan Theme:

  • SM Cart Pro Module : Click Here to view tutorial
  • SM Listing Tab Module
  • SM Twitter Slider : Click Here to view tutorial
  • SM Deal Module : Click Here to view tutorial
  • SM QuickView : Click Here to view tutorial
  • SM Shopby
  • SM Milan Setting
  • SM Mega Menu: Click Here to view tutorial
  • SM Camera Slider : Click Here to view tutorial

I. SM Cart Pro Module

  • Position: SM Cart Pro
  • Frontend Appearance

  • Backend of SM Cart Pro: Click Here

II. SM Camera Slider

  • Position: SM Camera Slider
  • Frontend Appearance:

  • Backend Settings:
    • In the Administrator Panel page, go to SM Camera Slide >> Manage Sliders to add New Slide or Edit Slide
      • General Options of ‘Slideshow Default’ : Click here
      • Sliders of ‘Slideshow Default’: You could see the backend settings of Slide 1 as following and do the same with other slides. Click here
    • In the Administrator Panel page, go to SM Camera Slide >> Settings to configure this module: Click here
  • To view more guide about how to install, set up and configure SM Camera Slider as you want, please click here

III. SM Listing Tabs

  • Position: SM Listing Tabs
  • Frontend Appearance

  • Backend of SM SM Listing Tabs: Click Here
  • To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:

IV. SM Listing Tabs

  • Position: SM Listing Tabs
  • Frontend Appearance

To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:

V. SM Twitter Slider

  • Position: SM Twitter Slider
  • Frontend Appearance:

  • Backend of SM Twitter Slider: Click Here

Note: Please go Here to view more How To Get Consumer Key and Consumer Secret on Twitter.

VI. SM Milan Setting

  • Position: SM Milan Setting
  • Frontend Appearance:

To configure backend of SM Milan Setting, in your admin panel go to SM Milan Setting >> find go “Socials style” tab to configure as image below.

4.5 Configure blocks

The SM Milan has static blocks in the Theme:

  • Milan – Info Header
  • Milan – Free Shipping
  • Milan – 30 day return
  • Milan – Secure Payment
  • Milan – Shopby Home
  • Milan – 3 Image Under Slideshow
  • Milan – Slider What Client Says
  • Milan – Brand Footer
  • Milan – Store Informations
  • Milan – Footer Infomations
  • Milan – Footer Community
  • Milan – Footer Payment

To create static blocks, go to CMS >> Static Blocks >> Add new block

Milan – Info Header

  • Frontend Appearance

  • Link show Backend of Milan – Info Header.
  • Content Code of Milan – Info Header:

Milan – Free Shipping

  • Frontend Appearance

  • Link show Backend of Milan – Free Shipping.
  • Content Code of Milan – Free Shipping:

Milan – 30 day return

  • Frontend Appearance

  • Link show Backend of Milan – 30 day return.
  • Content Code of Milan – 30 day return:

Milan – Secure Payment

  • Frontend Appearance

  • Link show Backend of Milan – Secure Payment.
  • Content Code of Milan – Secure Payment:

Milan – Shopby Home

  • Frontend Appearance

  • Link show Backend of Milan – Shopby Home.
  • Content Code of Milan – Shopby Home:

Milan – 3 Image Under Slideshow

  • Frontend Appearance

  • Link show Backend of Milan – 3 Image Under Slideshow.
  • Content Code of Milan – 3 Image Under Slideshow:

Milan – Slider What Client Says

  • Frontend Appearance

  • Link show Backend of Milan – Slider What Client Says.
  • Content Code of Milan – Slider What Client Says:

Milan – Brand Footer

  • Frontend Appearance

  • Link show Backend of Milan – Brand Footer.
  • Content Code of Milan – Brand Footer:

Milan – Store Informations

  • Frontend Appearance

  • Link show Backend of Milan – Store Informations.
  • Content Code of Milan – Store Informations:

Milan – Footer Infomations

  • Frontend Appearance

  • Link show Backend of Milan – Footer Infomations.
  • Content Code of Milan – Footer Infomations:

Milan – Footer Community

  • Frontend Appearance

  • Link show Backend of Milan – Footer Community.
  • Content Code of Milan – Footer Community:

Milan – Footer Payment

  • Frontend Appearance

  • Link show Backend of Milan – Footer Payment.
  • Content Code of Milan – Footer Payment:

5SUPPORT – Back to top

Thank you so much for purchasing this theme. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System

Thanks so much!

  • bbosternak

    Hello!
    My client has a Magento 1.9.0.1 site with this theme. He is getting some warnings in the php log:
    2016-09-27T02:16:13+00:00 ERR (3): Strict Notice: Only variables should be passed by reference in /home/xxxxx/public_html/app/design/frontend/sm-milan/default/template/catalog/navigation/mobinav.phtml on line 137
    2016-09-22T18:19:23+00:00 ERR (3): Notice: Undefined variable: paths in /home/xxxxx/public_html/app/code/core/Mage/Catalog/Model/Resource/Category/Flat/Collection.php on line 358
    Can You help us, how to solve this problem?