Milano Woocommerce Theme Guide - www.20script.ir

# Milano Woocommerce Theme Guide

- created: 31/8/2015
- latest update: 09/04/2015
- by: LeeTheme
- email: wpleebros@gmail.com

We would like to thank you for purchasing Milano theme. This file will teach you how to set up and use the Milano WordPress theme. I hope that you'll find it easy to use and customize. I really wish it will fulfil your needs Please read this manual, because it covers almost all the aspects needed for you to know about installing & running the theme. Enjoy your Milano theme!
Best Regards,
Lee WordPress Team

### Installing WordPress

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex – http://codex.wordpress.org/Installing_WordPress

WATCH! the instructional video (thanks to WooThemes).

### Installing Milano Shop Theme

To install Milano theme please follow these steps:

## 1. Download

Download a theme package file from ThemeForest. Unzip the package file on your computer – theme package folder will be created.

## 2. Installing a WordPress theme is super easy via your Dashboard

Step 1: Login to your WordPress admin

Step 2: Find Appearance → Themes in the Dashboard.

Step 3: Click button Add New (on top of the page) and go for Upload option.

Step 4: Open the browse, then pick Milano_Theme.zip in the downloaded Theme package from ThemeForest.

Step 5: Click Install Now.

## 3. Installing By FTP

In some cases, the Wordpress theme maybe too large to install through Wordpress dashboard. In such situations, we suggest you to upload the theme via FTP.

If you don't know how to use FTP, visit this link for more information: http://codex.wordpress.org/FTP_Clients.

In general, first, you need to uncompress the Wordpress theme ".zip" in the Themepackage downloaded from Themeforest. But in Milano Theme Package, we have unziped them already into Milano folder and . Each unzipped folder contains all nessesary files to install the theme, include layouts, css and php files contained all theme code. Using the FTP to transfer the folder of Milano to the Wordpress theme's root directory: /wp-content/themes.

Do not upload any of the other files or folders such as licensing or resource or documentation. Uploading any of the other folders may cause problems, making the theme not work properly. And the sample data folder will be use to import demo data, check the INSTALL DATA DEMO later.

Learn more from Wordpress Official Documentation on installing theme with FTP client or with cPanel: http://codex.wordpress.org/Using_Themes

## 4. Activate Milano to be Your Default Theme

After successful upload the theme, activate to set it your theme.

Go to your Dashboard >> Appearance >> Themes >> Activate Milano is now yours.

## 5. Install plugins require

Right after you have activated the theme, a notification will appear, suggest you to continue with the installation of the plugins recommended in order to get the best functions like our demo's.

Follow these steps to install plugins:

Step 1. Click ‘Begin installing plugins‘ and select the plugins you need to install from the list (Should select ALL plugins).

Step 2: Choose Install, then Click Apply to begin the action:

This theme comes bundled with many plugins. Some are required and some are optional.

- Lee Framework – Add the some theme featured
- WooCommerce - WordPress eCommerce plugin (Required)
- Revolution Slider - This is a premium slider plugin created by ThemePunch.
- Visual Composer – Used for page builder
- Ninja Forms - Used for contact form and newsletter signup (Optional)
- Regenerate Thumbnails - Use to resize product images to recommended sizes. (Optional)
- Taxonomy Metadata - Used to create custom fields in settings for Product categories. (Optional)
- Unlimited Sidebars Woosidebars - Create unlimted sidebars for pages and footers (Optional)
- YITH WooCommerce Ajax Search - Adds live search functionality to search box(Optional)
- YITH WooCommerce Wishlist - Adds wish list functionalty to category grid and product pages(Optional)
- YITH WooCommerce Compare - to use compare options
- My Custom Code: Add more featured for Woocommerce

After install susccessful the plugins go to the Plugins

Step 3: they need to be activated at Plugins > Installed plugins . Select all plugins and Click Active

If you see the Woocommerce popup window. Please click to the Not right Now button

### Installing Demo Content

## 1. One Click install

With Milano theme, you can import our sample data with only easy one click install.

Before installing, there are some notes worth checking:

- Make sure you have installed all recommended plugins before importing sample data.
- It is better to install sample data on a fresh Wordpress installation (means removing older data if existed).
- The import process may take several minutes due to large size data and your server capacity. If your server setting "Max Execution Time" is too low, increase it (contact your hosting provider).
  Please do not close the browser until it finished. If it fails, please run this process again until seeing the "Success Message".
- If you have to run the process more than once, menu items may be duplicated. Just go to Appearance > Menus and edit/delete Main Menu items

Now, let's import the sample demo.

Go to the Dashboard -> Appearance -> Theme Options -> General -> Click Import Demo Content button

Wait until you get successful message like below.
If you have to run the process more than one time, menu items may be duplicated. Just go to Appearance > Menus and edit/delete Main Menu items

## 2. Using Regenerate Thumbnail

After sucessfully imported demo data, you should use Regenerate Thumbnails to create images into different size in order to make images fit their size and quality, so your site will display perfect as well as run faster. These settings take action with the actual dimensions of your product images in the shop pages.

Go to Dashboard -> Tools -> Regen. Thumbnails. Click Regenerate All Thumbnails

### Settings page

You can quickly build a home page using Visual Composer for WordPress. It is a drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine without a single touch of code. No programming knowledge required!

From your Dashboard, navigate to Pages

- Select All Pages to see all pages. Then click edit the page you want.

- Select Add New to create new page

Each one page always include lot of parts like Header, Main Page, Widget Sidebar and Footer. The main page may be build using Visual Composer mentioned above. (It is licensed, but we have purchased and included for you).

Have you ever used Visual Composer ? Please follow this guide first :http://vc.wpbakery.com/video-academy/

Using Visual Composer, you can drag and drop elements you want to build your page layout.

Moreover we also provide to you more elements to create your shop page easier. They are named Lee elements:

Using Visual Composer -> Click Add element -> Select Lee Widgets -> Choose Elements you want

### Widgets

Go to Admin Panel -> Appearance -> Widgets.

You can see all our widgets, easy to configure by drag and drop Widgets to sidebar.

Then you can set sidebars to position you want.

Here is a list of pages templates that are included in this theme

### Setting Menu

The following steps will guide you in defining your menus using the WordPress menu editor and Lee Megamenu. The mega menus are available only for top level navigations items only in "Main Menu" area.
Follow the steps below to create a mega menu:

Step 1 - Add a an item to the menu editor. This has to be a top level item!
Step 2 - Click on arrow icon in the top right-hand and exapnd.
Step 3 - Check the "Enable megamenu".
Step 4 - Write in the "Megamenu columns" the number of columns you want to use (from 3 to 5).

Step 5 - Now, you need to add child menu items, which will represent columns in the mega menu.
First level of child items will represent Titles in each of 3 columns.
Add 3 sub child menu items, like on the image below.

Step 6 - Adding Widget / Image to the Menu. To do this first you need to have a sidebar set with some widget. Ex: Mega Menu Widget.

Step 7 - When you have set your sidebar with widget click on the sub child menu you want to turn into widget area ( we will turn the third column into a widget area), make sure it doesn't have sub menu

The menu dropdown should now look something like this :

### Theme Options Panel

Milano featured an amazingly powerful and beautiful Theme Options where you can find all the theme settings. It is as easy to use as it gets and offers several different options fields and input types which help to set the right option value.

### How to use theme admin panel?

Go to Apperance > Theme Options

- Tab General : Manage general setting like site layout, site background image for boxed layout

- Tab Logo and icons : Manage setting like your logo

- Tab Header and Footer : Manage Header and Footer options

- Tab Style & Colors : Customize the colors theme appearance

- Tab Product Page : Manage Product page options

- Tab Promo Popup : Manage News letter popup

### How to?

## 1. How to change Header style

- Go to Appearance -> Theme Options -> Header and Footer.

- Select Header type do you want and Click Save All Changes

## 2 .Setup Footer type as the same demo

Our theme are using Visual Composer to create Footer style so you can create unlimited Footers style.

From DashBoard > Footer > Add New Footer. You can drag any element you want to footer.

When you import our demo content through our Theme Options Importer, the Custom Menu will not be enabled. This is due to a limitation in WordPress, because it does not allow custom menu settings to import. But we have it setup so you can quickly enable the Custom Menu.

Go to the Appearance > Widgets. Drag the Custom Menu from Available Widgets to the Footer Widgets. Make sure you created Menu on Appearance > Menus

## 3. How to add the banner to the Shop page

Go to the Appreance -> Theme Options -> Category shop banner. Insert revolution slider shortcode here Make sure you created Revolution Slider on Dashboard -> Revolution Slider

## 4. How to add the banner sidebar to the shop page

Go to the Appreance > Widgets. Drag the Text from Available Widgets to the Shop Sidebar Widgets. Input revolution shortcode here. Click Save

##

## 5. How to edit Contact Form or Newsletter form

- Go to Forms -> Click Edit Contact Us form

- Click Field Settings. Click to the dropdown field that you want edit

- After Edit. Click Save All Settings

### Additional questions & support

Didn't find necessary information in our documentation?

We aim to help our clients if they have any unresolved difficulties.

For this reason, if you still have questions we will be happy to answer them. You can contact us via email: wpleebros@gmail.com

### Thank you for purchasing the Milano Theme!

© 2015 leetheme.com. All Rights Reserved.