Back to top

##### Documentation for Sommerce - Premium Wordpress E-commerce theme

#### Sommerce Documentation

# Thank you so much for purchasing

# Sommerce - Premium E-commerce Wordpress theme!

This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document throughly if you are experiencing any difficulties.

# Get started!

# Getting started

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

## Installation

#### Upload via ftp:

Firstly, unzip the Sommerce_Premium_WordPress_Theme.zip file to a directory on your computer. It contains a folder named Sommerce.zip file. Open this archive and upload the Sommerce folder to your server via ftp to the /themes/ directory on your Wordpress installation. (wp-content > themes)

#### Upload via Wordpress admin:

Go to your Wordpress admin, and in the Appearance-panel, choose Add New Themes. Click Add new. Upload the sommerce.zip.
Not upload the zip file you downloaded from themeforest, but only the sommerce.zip file, if you have a "missing stylesheet" issue you are uploading the wrong file!

Installing WordPress http://codex.wordpress.org/Installing_WordPress

## Activation

Once you have uploaded the theme, activate your theme in Appearance > Themes.

Using Themes http://codex.wordpress.org/Using_Themes

## Install sample content

You can install sample content by importing our live preview settings, that you can find in our support forum.

1. Go to Appearance > Import/Export
2. Select the zip you downloaded in our forum;
3. Click to import

You can also import all images we used for our live preview (except the images taken by Fotolia with a regular license, we can't redistribuite them)

1. In our support forum you can find the folder with all images of our live preview
2. Put this folder in your wp-content/upload

# Setting up pages and posts

## Setting up the home page

To start with Sommerce Theme you have to:

- Create a new page, and assign it the template 'home';
- Inside the editor, add the content of your home page (text, images or shortocdes);
- Add the slogan title and subtitle for this page (if you want to show it)

For the home page to display correctly, it is important that Wordpress is set up to display a static page as home page. You set this in Settings > Reading. Chose 'static page' and select the page you created for the home in the select menu.

### Adding a slideshow to the home page

The theme has a lot of slideshow-variants to choose from.

1. Go to Appearance > Theme Options
2. Open the "Sliders" tab
3. Chose the type of slider you want to show, or chose the static image if you don't want the slideshow in your front page.

#### Set the Elegant slideshow

1. Go to Appearance > Theme Options
2. Open the "Sliders" tab
3. In "Default Header image type" check "Slider Elegant"
4. In "Configure slider" choose the "Slider Elegant" and click on the configure button

Now, in the "Slides" tab you can:

1. Click to "Add/Edit slide" to create a new slide
2. Add a title to your slide
3. Add a textual content to your slide
4. Upload the image for the slide
5. Chose if the slide have to link for a category, a url or a page
6. To save, click on the Save changes button

Size of the Elegant Slider images: Width 960px, height 338px

#### Set the Cycle slideshow

1. Open the "Sliders" tab
2. In "Default Header image type" check "Slider Cycle"
3. In "Configure slider" choose the "Slider Cycle" and click on the configure button

Now, in the "Slides" tab you can:

1. Click to "Add/Edit slide" to create a new slide
2. Add a title to your slide
3. Add a textual content to your slide
4. Upload the image for the slide
5. Chose if the slide have to link for a category, a url or a page
6. To save, click on the Save changes button

Size suggested for the Cycle Slider images: Width 500px, height 325px

Note: For each slider, in the Slider Settings tab you can set the animation speed, and for some sliders also the type of animation (fade, scrollLeft, scrollUp and so on). You can also set if you want a "read more" button in the slides and enter the text for this button.

#### Set the Nivo slideshow

1. Open the "Sliders" tab
2. In "Default Header image type" check "Slider Nivo"
3. In "Configure slider" choose the "Slider Nivo" and click on the configure button

Now, in the "Slides" tab you can:

1. Click to "Add/Edit slide" to create a new slide
2. Add a title to your slide
3. Upload the image for the slide
4. Chose if the slide have to link for a category, a url or a page
5. To save, click on the Save changes button

Size of the Nivo Slider images: Width 960px, height 350px

#### Set the Flash slideshow

1. Open the "Sliders" tab
2. In "Default Header image type" check "Flash"
3. In "Configure slider" choose the "Flash" and click on the configure button

Now, in the "Slides" tab you can:

1. Click to "Add/Edit slide" to create a new slide
2. Add a title to your slide
3. Add a tooltip content to your slide
4. Upload the image for the slide
5. Chose if the slide have to link for a category, a url or a page
6. To save, click on the Save changes button

Size of the Flash slider images: Width 960px, height 314px

#### Set the Rotating slideshow

1. Open the "Sliders" tab
2. In "Default Header image type" check "Rotating"
3. In "Configure slider" choose the "Rotating" and click on the configure button

Now, in the "Slides" tab you can:

1. Click to "Add/Edit slide" to create a new slide
2. Add a title to your slide
3. Upload the image for the slide
4. To save, click on the Save changes button
5. In 'Rotating slider settings' you can set how many panel to show and you can edit the text under the slideshow.

NOTE: You have to use a number of images multiples of the panels: if you want to use 4 panels, you have to use 4, 8, 12, 16 images and so son. If you want to have 3 panels, you have to upload 6,9,12,15 images and so on.

Size of the Rotating slider images: Width 310px, height 465px

#### Set the Thumbnail slideshow

1. Open the "Sliders" tab
2. In "Default Header image type" check "With Thumbnails "
3. In "Configure slider" choose the "With Thumbnails " and click on the configure button

Now, in the "Slides" tab you can:

1. Click to "Add/Edit slide" to create a new slide
2. Add a title to your slide
3. Add a tooltip content to your slide
4. Upload the image for the slide
5. Choose if the slide have to link for a category, a url or a page
6. To save, click on the Save changes button

In this slideshow you can also add an extratooltip above your image.

1. Enter the text for your extratooltip
2. Upload in image (optional, you can add only text)
3. Choose if the extratooltip have to link for a category, a url or a page
4. Enter the coords for the extratooltip position

Where you can find this coords?

Open the big image with Photoshop (or another software) and with a rule take the coords (in pixel) where you want to put the tooltip:

### Set the Home page

#### Set the Home page content

In the editor of your home page, you can add a content that will display in your home page.

You can also enter some shortcodes in the editor, to display the columns, icon boxes or other elements.

Add the icon sections in the page (like the Home Page 4 of our demo)

In the editor, open the "HTML" tab (no visual). Under the editor, tick the 'Remove wpautop filter' option.

Now, in the editor enter the shortcode to display the icon boxes (you can view the complete list of availables shortcodes in the shortcodes tab or in the live preview.)

    [section icon="phone-black" title="Logo Design" before_title="<h4>" after_title="</h4>"]
    Now that our web site is launched I would like to formally record my appreciation for the excellent
    service that Kassyopea provided and for your.[/section]

    [section icon="chart-bar" title="Advertising" before_title="<h4>" after_title="</h4>" ]
    Now that our web site is launched I would like to formally record my appreciation for the excellent
    service that Kassyopea provided and for your.[/section]

    [section icon="checkbox-checked" title="Web Development" before_title="<h4>" after_title="</h4>" ]
    Now that our web site is launched I would like to formally record my appreciation for the excellent
    service that Kassyopea provided and for your.[/section]

    [section icon="contact" title="Logo Design" before_title="<h4>" after_title="</h4>" last="1"]
    Now that our web site is launched I would like to formally record my appreciation for the excellent
    service that Kassyopea provided and for your.[/section]

Note: The last icon section need to have the `last="1"` attribute!

Add the columns shortcode in the page (like this page of our demo)

In the editor, open the "HTML" tab (no visual). Under the editor, tick the 'Remove wpautop filter' option.

Now, in the editor enter the shortcode to display the columns (you can view the complete list of availables shortcodes in the shortcodes tab or in the live preview.)

    [one_fourth]
    <h2>Clean and minimal</h2>
    As a new WordPress user, you should go to your dashboard to delete this page and create new pages for
    your content. Have fun!
    [/one_fourth]

    [one_fourth]
    <h2>Another title</h2>
    As a new WordPress user, you should go to your dashboard to delete this page and create new pages for
    your content. Have fun!
    [/one_fourth]

    [one_fourth]
    <h2>Love this theme?</h2>
    As a new WordPress user, you should go to your dashboard to delete this page and create new pages for
    your content. Have fun!
    [/one_fourth]

    [one_fourth_last]
    <h2>Buy it on ThemeForest</h2>
    As a new WordPress user, you should go to your dashboard to delete this page and create new pages for
    your content. Have fun!
    [/one_fourth_last]

Note: The last icon section need to have the `_last` attribute!

Now you have only to put also the images in your editor!

### Set the footer

You can set how many rows use for your footer and set the style for the footer layout.

1. Go to Appearance > Theme Options > General > Footer
2. Choose 'Yes' if you want to Show footer
3. Choose the footer layout: with right sidebar, left sidebar or without sidebar (the sidebar is more bigger of a column and have a border. In our demo, latest news in the footer are inside a right sidebar)
4. Set how many columns you want to set (we have 3 columns)
5. Write the text for the centered footer or for the two columns footer (we used the two columns footer)
6. If you have it, enter your Google Analytics code in the textarea
7. Go to Appearance > Widgets and put the widget in the sidebar 'Footer Main'. If you setted also a sidebar in your footer you'll find also the 'Footer sidebar'.

#### Put your logo in the footer

In the textareas of the copyright text Left, center or right you can put your logo, like our demo. If you use a textual logo, you can use the shortcode:

`[logo]Sommerce[/logo]`

This is the result:

You can also upload your logo image. You have to upload your logo in Media and take the url of the image. Then, use this shortcode:

`[img src="http://yourinspirationweb.com/demo/sommerce/files/2011/09/logo1.png"]`

#### Put the credit cards shortcode in the footer

If you want to use the credit card icons, use this shortcode:

`[credit cards="paypal,visa,mastercard,amex,cirrus,bank-check,discover"]`

## Setting up the blog page

1. Go to Page > Add new to create a new page
2. Give it a title, for example "Blog"
3. Set page template to "Blog" in the Page Attributes panel
4. Click publish

You do not need to enter any content on this page. This will be your blog index page, and will list your blog posts in chronological order.

You can customize the layout and appearance of the blog page in Appearance > Theme options > General > Blog settings:

- Chose the style for the features image in your blog: big or small image
- Select which categories you want to hide from the blog and from the almost categories widget in the blog's sidebar.
- Enter the text for the 'read more' button.
- In Settings > Reading you can set the Posts per page - How many posts to display for every pagination

NOTE: In Appearance > Widget you can find the preset sidebar for the blog page. Drag and drop the widgets in the Blog sidebar to customize the sidebar of your blog.

## Setting up an archive page

1. Create a new page by going to Page > Add new
2. Give the page a title
3. Assign the template 'Archives' to this page
4. Publish page

## Setting up a testimonials page

### Creating a testimonial page

1. Create a new page by going to Page > Add new;
2. Give the page a title;
3. In the editor, add the shortcode `[testimonials]` to display all testimonials;
4. Publish post.

#### Creating testimonial posts

- Create a new post by going to Testimonials > Add new;
- Enter a title;
- Enter content in the wysiwyg editor;
- Select the image of the testimonial using the featured imagepanel;
- Optional: enter the url of the testimonial's site;
- Publish post.

## Setting up a FAQ-page

FAQ-posts are custom post types.

### Create a FAQ post

- Create a new post by going to FAQs > Add new
- Enter a title (This is the question)
- Enter content in the wysiwyg editor. This is the answer to the question
- Publish post

### Create a FAQ page

1. Create a new page by going to Page > Add new
2. Give the page a title
3. In the editor, add the shortcode `[faq]` to display the faqs
4. Publish post

### Add the customer support call to action

The shortcode for the customer support is added by shortcode. Under the content of the page, you can add the shortcode in the extra content section under the editor in the page:

The code for this shortcode is:
`[call title="Not found the answer?" incipit="feel free to contact our customer service for support" phone="800.034.881"]`

## Setting up a contact page

#### Creating a contact form

In this theme you can create unlimited contact form.You can create a default contact form, like the form in our live preview, or a custom form.

Create a custom contact form

- Go to Appearance > Theme Options > Contact forms
- Enter a name for your contact form and click add form;
- In Configure contact form select the form and click configure;
- Now in the field Shortcode of form you can see the shortcode for this contact form. Copy and past it in the editor of the contact page;
- In the section Contact Form Configuration for main-form you can set your e-mail address and the body of the e-mail, error and success messages and so on;
- In Customize Contact module you can set your custom contact form. You can add fied, chose the order, change labels and so on. When you add a new field, be sure to add the value `%field%` in the body of the e-mail (Contact Form Configuration). For example, if you add a field phone, in the body you have to add `%phone%`.

Create a default contact form

- Go to Appearance > Theme Options > Contact forms
- In the field Add example form enter a name for your contact form and click create form;
- Now in the field Shortcode of form you can see the shortcode for this contact form. Copy and past it in the editor of the contact page;
- In the section Contact Form Configuration for main-form you can set your e-mail address and the body of the e-mail, error and success messages and so on;

NOTE: If you'd like to use left floated input fields you could add the class [code]full[/code] to each field: click to "Edit" and add [code]Full[/code] in the Class form, as shown in the pictures below.

### Creating a contact page

1. Create a new page by going to Page > Add new;
2. Give the page a title (like Contact);
3. In the editor, add the shortcode of the contact form to display the form
4. Set the template 'contact' in the meta panel;
5. Publish page.

# Shortcodes

This is a list of some shortcodes of this theme. Insert this code in your page. To view all shortcodes availables, take a look to this page.

### Miscellaneous

Border (use it to separate the content with a border)

`[border]`

Space (use it to add some space between the elements)

`[space]`

Clear (use it after columns and icon boxes)

`[clear]`

Call to action "Not found the answer" (FAQ page)

`[call title="Not found the answer?" incipit="feel free to contact our customer service for support" phone="800.034.881"]`

Call to action "Sign in now" (FAQ page)

`[call_two label_button="SIGN IN NOW" href="#"][size px="52"]35% [/size][size px="48"]off everything [/size] Sign in to our list before march 21 to enjoy our special sales![/call_two]`

### Typography

Dropcap

`[dropcap]your text[/dropcap]`

Quote text

`[quote]your text[/quote]`

Highlight text

`[highlight]your text[/highlight]`

Set the size of the text (maybe you want some text more bigger?)

`[size px="32"]this text is 32px [/size]`

Write a text with the font used for titles and slogans

`This is my [special_font size="18" unit="px"]slogan![/special_font]`

Write a text with the font used for the logo

`[logo]Sommerce[/logo]`

Styled lists

    [list type="star"]
    <li>item</li>
    <li>item</li>
    <li>item</li>
    [/list]

Symbols: Star / arrow / check / add / info

### Alert boxes

Success box

`[success]your text[/success]`

Arrow box

`[arrow]your text[/arrow]`

Alert box

`[alert]your text[/alert]`

Error box

`[error]your text[/error]`

Notice box

`[notice]your text[/notice]`

Info box

`[info]your text[/info]`

### Buttons

Custom buttons

`[button_icon icon="arrow|arrow-left|calc|gift|offer|remove"]your text[/button_icon]`

Custom buttons with left icons

`[button_icon icon="arrow|arrow-left|calc|gift|offer|remove" sense="rtl"]your text[/button_icon]`

Big colorful buttons

`[button color="green|blue|magenta|red|orange|yellow" width="large" href="#"]your text[/button]`

Small colorful buttons

`[button color="green|blue|magenta|red|orange|yellow" width="small" href="#"]your text[/button]`

A minimal white button

`[read_more href="link"]Read more[/read_more]`

### Icon boxes

Icon boxes

`[section icon="bag" title="your title"] your text [/section]`

Icons: Tick / bag / pictures / letter / box / bubble / bulb / calendar / cart / chart / clipboard / coffee / diagram / doodles / gear / info / globe / gift / label / moleskine / monitor / mphone / news / open / pc / pencil / phone / postit / qmark / refresh / shopbag / statistics / testimonial

Icon boxes (black style)

    [section icon="card-black" title="Logo Design" before_title="<h6>" after_title="</h6>"]
    Now that our web site is launched I would like to formally record my appreciation for the excellent
    service that Kassyopea provided and for your.[/section]

Icons: card-black / brush-black / monitor-black / chart-bar / box / case / chart-line / bookmark / checkbox-checked / phone-black / contact / info /

### Tabs, Toggles & Table

Tabs

`[tabs tab1="Price" tab2="Services" tab3="Testimonial"]
[tab id="Price"]This is tab1[/tab]
[tab id="Services"]This is tab2[/tab]
[tab id="Testimonial"]This is tab3[/tab]
[/tabs]`

Toggle

`[toggle title="This is title"]Your Content...[/toggle]`

Price box

    [price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="white"]
    <li>Morbi est elit, imperdiet sit amet</li>
    <li>Lorem ipsum seget, egestas in leo.</li>
    <li>Morbi est elit, imperdiet sit amet</li>
    <li>Lorem ipsum seget, egestas in leo.</li>
    [/price]

Table

    [table color="white"]
    <table style="width: 100%;" cellspacing="0" cellpadding="0">
    <thead>
    <tr>
    <th style="width:20%"></th>
    <th style="width:20%">Free</th>
    <th style="width:20%">Mini</th>
    <th style="width:20%">Standard</th>
    <th style="width:20%">Premium</th>
    </tr>
    </thead>

    <tbody>
    <tr>
    <th class="features">Features 1</th>
    <td>1</td>
    <td>unlimited</td>
    <td>[x]</td>
    <td>-</td>
    </tr>
    </tbody>
    </table>
    [/table]

### Media

Youtube video

`[youtube width="640" height="385" video_id="wSBIcNmCAX0"]`

Vimeo video

`[vimeo width="640" height="360" video_id="3109777"]`

Dailymotion video

`[dailymotion width="640" height="360" video_id="xgis0k"]`

Dailymotion video

`[dailymotion width="640" height="360" video_id="xgis0k"]`

Nivo slideshow

`[slider effect="random" width="640" height="380"]
wp-content/themes/bolder/images/nivo-slider/001.jpg
wp-content/themes/bolder/images/nivo-slider/002.jpg
wp-content/themes/bolder/images/nivo-slider/003.jpg
wp-content/themes/bolder/images/nivo-slider/004.jpg
wp-content/themes/bolder/images/nivo-slider/005.jpg
[/slider]`

Effects: sliceDown / sliceDownLeft / sliceUp / sliceUpLeft / sliceUpDown / sliceUpDownLeft / fold / fade / random / slideInRight / slideInLeft / boxRandom / boxRain / boxRainReverse / boxRainGrow / boxRainGrowReverse

### Widgets

Recent posts

`[recentpost items="3"]`

Popular posts

`[popularpost items="3"]`

Social icons

`[social type="facebook|rss|twitter|youtube|yahoo|vimeo|flickr|blogger" href="" title=""]`

Newsletter form

`[newsletter_form action="" label="your email address" ]`

# Meta panels

This theme has several meta panels for post/page editing. Here I will go through some of them

### Page attributes

Here you define the level of the page (if is a sub page or a primary page) and the template of the page.

Choose between:

- Default template
- Home
- Blog
- Archives

###

### Options of page

Here you can chose if display or not the title of the page and other settings:

- Chose if display or not the title of the page;
- Chose if display or not the breacrumps;
- Chose the layout of the page (right sidebar, left sidebar or without sidebar)
- Select the sidebar you want to display in the page;

### Slogan

This is where you enter the slogan for the page. You can also add a subtitle under the slogan, it will be more smaller.

###

## How to remove the "Leave a Reply" in the page?

In the page, open the Screen Options tab on the top right and tick 'Discussion':

Then, under the editor, remove the tick from "allow comments" and save the page!

#

# Unlimited sidebar

In this theme you find 2 preset sidebar:

1. Blog sidebar
2. Shop sidebar

## The Shop sidebar

The shop sidebar is more smaller then the normal sidebar used for the blog pages or other pages. We made the sidebar with a width of 170 px so you can put more products in your page.

So, if you want to display your products in the home page (or in another page) and you want also a sidebar, for a better result you have to use the Shop sidebar in this page.

## You can also create unlimited sidebar:

1. Go to Appearance > Theme Options > Sidebars
2. Enter a name for your custom sidebar
3. Click to add sidebar

Then go to Appearance > Widget and you can find the sidebar, and drag/drop the widgets.

## Custom widgets

8 custom widgets are provided with the theme. These are:

1. Text with images: to show a section with image and text in your sidebar;
2. Testimonials: a slider with latest testimonials;
3. Last news a list of latest news;
4. Google map: to display a custom google map;
5. Popular post: to display the popular post;
6. Recent post: to display the recent post;
7. Almost all categories to hide some categories from the blog;
8. Last tweets to display latest tweets

## Shop widgets

1. Featured Products: to display a list of featured products in your sidebar (we called it 'Must Haves' in the demo)
2. Cart widget: to display your cart in the sidebar
3. Product categories: to display categories and brands of your products
4. Recent Products: to display the latest products added in the shop.

# Meta panels

This theme has several meta panels for post/page editing. Here I will go through some of them

### Page attributes

Here you define the level of the page (if is a sub page or a primary page) and the template of the page.

Choose between:

- Home
- Portfolio
- Gallery
- Blog
- Contact
- Archives
- Default template, for the other pages

###

### Options of page

Here you can chose if display or not the title of the page and other settings:

- Chose if display or not the title of the page;
- Chose if display or not the breacrumps;
- Chose the layout of the page (right sidebar, left sidebar or without sidebar)
- Select the sidebar you want to display in the page;
- Chose if you want to add a slider in the page.

### Slogan

This is where you enter the slogan for the page. You can also add a subtitle under the slogan, it will be more smaller.

#

# Shop

This theme is based on the JigoShop plugin. You can search it in your plugin area, install and active it.

In our support forum there are a complete videoscreencast that can help you to set your store: how to create product's categories, how to add products and change the style of your product page (and the style of the products thumbnails) and so on.

# Products shortcodes

You can choose to display only the featured products in your home page, or the recent products, or display some product and choose you how many and the type of order.

To display the features products you have to use this shortcode:

`[yiw_featured_products title="Featured Products" description="our selection of specials items" per_page="4" columns="4"]`

You can add the title and the description (like our demo), set how many items to show and how many columns (without sidebar you can display 5 columns, with the shop sidebar you can set 4 columns

To display the recent products you have to use this shortcode:

`[yiw_latest_products title="Latest Products" description="if you enjoy it, visite our market" per_page="4" columns="4"]`

You can add the title and the description (like our demo), set how many items to show and how many columns (without sidebar you can display 5 columns, with the shop sidebar you can set 4 columns

To display all products you have to use this shortcode:

`[items per_page="12" columns="4" orderby="date" order="desc"]`

or:

`[items ids="1, 2, 3, 4, 5"]`

to show multiple products by ID.

To display the best sellers products:

`[best_sellers per_page="" columns=""]`

To display the best sellers products with the "sommerce" style (title and description on the left):

`[boxed_best_sellers title="" description="" per_page="" columns=""]`

# Localization

This theme is ready for localization via .po/.mo files, and works with the WPML plugin.

If you are not familiar with translating Wordpress themes, I recommend reading this article: http://codex.wordpress.org/Translating_WordPress

#### Change the language of Impero for dummies

1. Check the values of your wp-config, the language of this file must match to your translation;
2. Find the folder languages of the theme
3. Duplicate default.po
4. Rename your copy of default.po example: fr_FR.po for France, en_EN.po for English, he_HE.po for hebraic, and so on.
5. Download POEdit
6. Open your file with the POEdit software
7. Translate your file
8. In File click on Preferences and tick Automatically generate mo
9. Save your file
10. Send the new .mo and .po via FTP to your server in the folder languages of the theme

# Setting up the menu

This theme uses wp-nav-menu for building menus. You find this in Appearance > Menus.

For more info on how to setup your menu in wp 3.0, see http://codex.wordpress.org/Appearance_Menus_SubPanel

### Building the menu

1. Go to Appearance > Menus
2. Enter a name for your menu
3. Click on Create Menu
4. Now in the Theme Location select the menu you just created
5. Click on Save
6. Now tick the pages you want to add to menu and click Add to Menu

When you added all pages to your menu, you can drag/drop and order pages.

# Building the megamenu

Before you have to add the pages to your menu. After this, if you want to assign the megamenu style to the page, you have to use the CSS CLASSES `megamenu`. (To have it open the Screen Options tab on the top right and tick Css Classes):

To set the number of columns you want to create in your megamenu, you have to add `columns-N` (N is the number of columns) after the `megamenu` class. By default the megamenu have 3 columns. You can use min 1 column and max 5 columns.

`megamenu columns-5`

In our forum you can find a video that can help you to set the megamenu exactly our demo.

# Add links on the top area (near Cart and Login links)

Create a new menu and in the Theme Location select chose if for the Links Bar menu:

Now here you can add your links. To have an mail icon like our 'contact us' links on the top, you have to add the icon mail CSS CLASSES to the link:

## VER 2.5.1

1. Added: Options to use theme filters for related products ( Theme Options > General > Shop )
2. Added: Shortcodes rating [rating id="product_id"]
3. Fixed: Variations hidden for some products
4. Fixed: Bugs in the widget WooCommerce Cart

## VER 2.5.0

1. Added: Woocommerce 2.0 support

## VER 2.4.2

1. Added: attribute target to [read_more]
2. Added: Support for more than 3 menu levels
3. Fixed: typography option for the menu font
4. Fixed: HTML fix in the footer
5. Fixed: WP 3.5 issues
6. Fixed: Theme Options improved

## VER 2.4.1

1. Fixed: bugs in the buttons color, when jigoshop is installed
2. Fixed: layout width in the single product page, where there is the sidebar
3. Fixed: wrong position of description in categories pages
4. Fixed: style of the categories list in shop page
5. Fixed: bug in the layout of the up-sells section

## VER 2.4

1. Fixed: bugs with shop pages since the update of woocommerce to version 1.6
2. Fixed: error message using the newsletter form with mailchimp plugin
3. Fixed: buttons colors options
4. Fixed: bugs in shop pages layouts

## VER 2.3.1

1. Fixed: slider gone in the shop pages
2. Fixed: password protect feature in blog page
3. Fixed: ability to remove the pingbacks and trackbacks from the post comments
4. Fixed: sorting dropdown shown in single product pages
5. Fixed: bad images alignment of the product shop pages layout
6. Fixed: little bug when the responsive is active, in the stretched layout
7. Added: target attribute in the shortcode [newsletter_form]
8. Added: ability to change the slider thumbnails size

## VER 2.3

1. Fixed: no responsive layout bug
2. Fixed: notices with new wordpress 3.4
3. Fixed: bug with almost all categories widget
4. Fixed: bug with sliders when the theme is installed in a windows server
5. Fixed: localization of theme options panel
6. Fixed: bug in footer in shop pages
7. Fixed: removed sorting dropdown in some shop shortcodes of woocommerce plugin
8. Fixed: price filters link in menu, that weren't working without the price filter widget of woocommerce
9. Fixed: otpions to show or hide the price and add to cart button in single products page
10. Fixed: shop templates of woocommerce pages

# Changelog

## VER 2.2.1

1. Fixed: layout structure with woocommerce
2. Fixed: position of sale icon in the products
3. Fixed: sidebar in iPad was hidden

## VER 2.2

1. Added: now the theme is RESPONSIVE!
2. Added: new option to choose what layout to use in the product details page
3. Updated: theme options, leaving opened the last section after saving changes
4. Updated: languages files
5. Fixed: option to change the active state of links of creative navigation
6. Fixed: ajax refreshing of cart widget, after add to cart of products
7. Fixed: option to change the intervall of thumbnails slider
8. Fixed: bug with sliders
9. Fixed: fatal error with bad retrieving of theme widgets from files
10. Fixed: bug with tabs

## VER 2.1.1

1. Fixed: brackets parsing in the newsletter shortocode and widget
2. Fixed: bugs with checkout page
3. Fixed: template for the blog page, when it is set in reading settings
4. Fixed: fatal error Call-time pass-by-reference shown
5. Fixed: bugs with product image size
6. Fixed: bugs with title position, in the products thumbnail when the title is inside of it
7. Added: ability to change the navigation font size, by typography admin page
8. Added: prevent the attachment link instead of image url, in the slider images
9. Updated: child theme with the new fixes of shop pages
10. Updated: languages sources
11. Removed: sorting.php file, that generated a conflict with the "order by" select in the products list

## VER 2.1

1. Fixed: parsing html and shortcode inside the columns shortcodes
2. Fixed: the shortcodes [items] and [add_to_cart] for WooCommerce plugin
3. Fixed: the description in category pages for the products
4. Added: ability to add link to [section] shortcode, by using the attribute "link="
5. Added: the attribute "target=" in the [url] shortcode
6. Updated: the functions for the button "add_to_cart" accorging to the last versions of Jigoshop, for the different product types.

## VER 2.0

1. Added: compatibility with WOOCOMMERCE plugin
2. Added: shortcode best sellers
3. Fixed: some warnings shown in the import/export page for some servers
4. Fixed: duplication in related products
5. Fixed: shortcode for quick contact box
6. Fixed: searchform for blog page
7. Fixed: searchform for blog page
8. Fixed: the default value of options for showing elements in products list
9. Fixed: position of description in the product detail page, when the price is not shown

## VER 1.4

1. Fixed: bug in the shortcode [toggle]
2. Fixed: bug with retrieving widget
3. Fixed: warning shown by the update notifier system
4. Fixed: localization of some words around the theme
5. Fixed: sidebar shown in shop pages, even is set no sidebar
6. Fixed: warnings shown when the theme is installed
7. Fixed: the icon sale not alligned, after update Jigoshop 1.0
8. Fixed: bug in Rotating slider, in IE browser
9. Fixed: the link in the slides of Nivo slider
10. Removed: pagination in the shortcodes [yiw_latest_products]and [yiw_featured_products], after update of Jigoshop 1.0
11. Added: ability to add tags data_name in the subject of contact form
12. Added: ability to add links to slide of [slider] shortcode
13. Updated: the .po file for the localizzation of the theme

## VER 1.3

1. Added: compatibility with version 3.3 of wordpress
2. Added: the style of jigoshop in the theme child
3. Added: order attributes in the shortcodes [yiw_last_products] and [yiw_featured_products]
4. Fixed: various bugs
5. Fixed: layout setting for the page, when there isn't the jigoshop plugin installed
6. Fixed: bug with contact forms
7. Fixed: parsing of list shortcodes
8. Updated: improved way how wordpress parse the shortcode in the page or post editor
9. Fixed: textdomain of some files
10. Updated: language files
11. Updated: the importer of the theme, for sample data

## VER 1.2

1. Fixed: hidden fields on newsletter form, above the footer
2. Fixed: some bugs
3. Fixed: the final dash in the top links bar.
4. Fixed: Theme Options menu in the admin bar, for the not administrator user
6. Fixed: search form in header, for the shop and not for standard posts
7. Fixed: titles for the sliders.
8. Fixed: the google analytics code in the footer
9. Added: new option to choose the font for the navigation items.
10. Added: menu for the centered footer.
11. Added: new option to change the url of the logo in the login page.
12. Added: the https schema of some url.
13. Improved: the way to retrieve the layout of each page

## VER 1.1.1

1. Fixed: background opacity on captions of the elegant slider, on IE8 browsers.
2. Fixed: box "Info" on slider flash, when there isn't any content inside.
3. Fixed: the shortcodes inside the [tab] shortcode.
4. Added: new two credit cards: "bank-check" and "discover".
5. Added: new option to change the logo in the login page.
6. Added: new standard font "Century Gothic".
7. Added: new option to change the content wrapper background, in the boxed layout.

## Version 1.1

1. Fixed some bugs
2. Updated languages files
3. Fixed bug with Import/Export panel
4. Added new option to hide the prices and buttons for detail products and to make the theme as normal catalog.
5. Improved style of variations (for jigoshop 0.9.9)

## Version 1.0

1. Initial release.