Mebel

Mebel is a multipurpose WordPress theme with four stunning Homepage variations along with a bunch of necessary elements as well. The drag and drop page builder makes it easier to manage all tasks from one place. If you have a furniture business related website or similar E-commerce website, this theme can make your works simplier.

Mebel

Key Features

Fully Responsive
Multi Homepage Variations
Multi-Purpose usability
Hi-Speed Performance
Visual Composer Integration
Powerful Admin Panel
Wishlist Integration
All Necessary Widgets
Quick View Integration
SEO Friendly
Advance Header Options
Unlimited Header Color
Supported by Real People
eCommerce Ready
Drag and Drop Page Builder
Unlimited Customizability
Font Awesome Icon Integration
600+ Google fonts
Translation Ready
Dynamic Navigation Menu
Custom Layout
Quick Social Sharing
Multiple Social Commenting
Revolution Slider
Built on Bootstrap 3
20+ Shortcodes
Demo Content
Google Street View
Enrich Documentation
Parallax Background

Requirements

In order to run Mebel smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Mebel download page on www.themeforest.net then download the MabelPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

To install this theme, you must have a working version of WordPress already installed on your server. If you need help installing WordPress, go through the link and follow the instructions: Installing WordPress

Installing Theme

There are a couple of simple steps to install the Mebel theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Mebel theme, in that case, you just need to install the following package:

mebel.zip

You can find this package inside the downloaded .zip file of Mebel theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire mebel.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the mebel.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are four plugins, required for Mebel theme to work properly. Those are listed below:

Mebel Core: theme core functionality (CPTs and shortcodes).
Visual Composer: combine pages with flexible grid and shortcodes.
WooCommerce: For selling Products
Slider Revolution: For amazing sliders.
Contact Form 7 (optional). We recommend this for the contact form.

To activate those required plugins, simply go to Plugins

Select all those four required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

If there is any problem with automatical plugin installation, install them manually. You can find plugin bundle in your theme's /lib/plugins subdirectory. WooCommerce and Contact Form 7 can be found in WordPress plugins repository, install them through Plugins Screen

Import Demo Data

Log in to the WordPress Administration Panels.
Go to `Tools> Import.'
Select the WordPress from the list. It can be found at the bottom of the list of plugins, normally.
Install the WordPress Importer plugin, if you haven't installed it yet.
After being installed, click on Run Importer to open the module.

It allows you to select the demo data file from your local drive and upload into your server.

Now, click on Choose File. Once you click on it, it prompts up a screen, allowing you to select the demo data file from your local drive.
Choose the mebel-content-demo.xml file and click Upload file and import

Demo data files can be found in Demo folder after you extract the theme package and the path should be /Demo/mebel-demo-data.xml.

On the second screen, set up an author and don't forget to check the Download and import file attachments. After making sure it is checked in, click on Submit button.

You can also import widget setting via this widget Importer Plugin

Widget setting file can be found in Demo folder after you extract the theme package and the path should be /Demo/widget_data.jason.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on Mebel at left-bottom corner of the module screen to open up Theme Setting panel.

General

General Settings

Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
Header Image : Allows you to set a default header background image.
Single Blog Post : Allows you to set the header image for a single blog post.
Shop Page : Allows you to set a header image for shop page.
404 Page : Allows you to set a header image for 404 page.
Archive : Allows you to set a header image for archive page.
Search Page : Allows you to set a header image for the search page.

Header

Header Settings

Select Header : Select the section are from the right side preview, and its customization settings will appear right below this.
Select Site Logo : Upload your site logo with this option.
Hotline Number : Put the hotline number here.
Support Email : Put the support email address here.
Sticky Header : Allows you to enable or disable sticky header.

Color

Color Settings

Header 1 Custom Color : To enable this option you can use your preferred custom color for header 1.
Header 2 Custom Color : To enable this option you can use your preferred custom color for header 2.
Header 3 Custom Color : To enable this option you can use your preferred custom color for header 3.
Header 4 Custom Color : To enable this option you can use your preferred custom color for header 4.
Header 5 Custom Color : To enable this option you can use your preferred custom color for header 5. Header 5 Menu Color
Rightside Color : Choose the right side menu color.
Main Menu Color : Choose the main menu color.

This above two options only can be found when you enable the Header 5 Custom Color

Top menu Background : Choose a background color for the top menu.
Top Menu Color : Choose texts color for the top menu.
Main Menu Background : Choose a background color for the main menu.
Main Menu Color : Choose texts color for the main menu.
Logo Section Background : Choose a background color for the logo section.

This above five options can only be found when you enable the Header Custom Color (1-4) options

Logo

Header 1 Logo : Upload a logo for the header 1.
Header 2 Logo : Upload a logo for the header 2.
Header 3 Logo : Upload a logo for the header 3.
Header 4 Logo : Upload a logo for the header 4.
Header 5 Logo : Upload a logo for the header 5.

Social

Social Icons : This option allows you to set social icons with your profile link to the particular social site.
Facebook : Put your Facebook profile link here.
Twitter : Put your Twitter profile link here.
Google+ : Put your Google+ profile link here.
Pinterest : Put your Pinterest profile link here.
Vimeo : Put your Vimeo profile link here.
LinkedIn : Put your LinkedIn profile link here.

Sidebar

Sidebar Settings

Default Sidebar Position : Define the default sidebar position.
Default Shop Sidebar Position : Define the default position of shop sidebar.

Shop

Shop Settings

Default Shop product count per page : Define how many products you want to show on a page.
Default Shop Column : Define the default number of column for the shop.

Typography

Typography Settings

Enable custom typography : Allows you to enable custom typography setting. To enable this option, you can set your preferred custom font and font style as well.

Footer

Footer Settings

Select Footer : Allows you to choose footer style from the preview next to this option.
Copyright : Input your copyright text here.

Backup

Mebel Settings

Import and Backup : This button allows you to import a backup theme. Just to paste the backed up string on the empty text box and then click this button.
Import and Download Backup : With this button, you can make a backup of your current theme.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home v1 from the Front-page drop-down menu.

Homepage Setup

Select Blog from the Post page drop-down menu.(optional)
Use the left-bottom Save Changes button to save the settings.

Creating Dropdown Menu

Go to Appearance> Menus
Select the main menu and drag the submenu items right below the main menu.

Dropdown Menu

Click on Save Menu on the right-bottom side of the module and you are done.

Elements & Shortcodes

You can add an element on a page in two different ways. Either you can use just the simple shortcode on the content area of that page, or you can add element manually. You will have plenty of default elements to add or you can add our developed elements those are only for Mebel theme from the Mebel tab.

Elements

Visual Composer

Visual Composer is the best Drag and Drop visual editor for building pages, posts, etc. on a WordPress site. If you are not familiar with Visual Composer, we recommend you to take a look at the following videos:

Getting Started with Visual Composer Getting Started With Visual Composer - YouTube
Cloning Elements How to Clone Elements with Visual Composer for WordPress - YouTube
Rows & Columns How to Add Row and Column with Visual Composer for WordPress - YouTube
Create & Re-use Templates How to Use Templates in Visual Composer How to save separate Row or Section as a Template

Our developed elements those are only for Mebel theme can be found in Mebel tab under Visual Composer.

Button V1

Shortcode : button-v1

Manual Process :

To add Button V1 element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Mebel tab, click on the element named Button V1
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Button V1 Settings

Button V1

Button Text : Put the button text here.
Button Link : Define the link where you want to redirect the users when they click on it.
Button Target : Define that when user click on it, whether you want to open in a new window or not.
Button Position : Define button position.
Full Screen or Not Full Screen : Allows you to select button style from the drop-down menu.
Font Weight : Define font weight for the button text.