MAZANO- Wordpress theme

Installation and Quick Start Guide    -     Thank you for your purchasing

  1. Wordpress Installation
  2. FTP Installation
  3. Install Needed Plugins

After Installation

  1. Import Demo Content
  2. Import Layer slider data
  3. Import Theme Option
  4. Menu setting
  5. Homepage & Blog page setting.
  6. How to update Mazano theme?

THEME SETTINGS

  1. General Settings
  2. Blog Setting
  3. Header Setting
  4. Footer Settings
  5. Woocommerce Setting
  6. Mailchip Settings
  7. Popup Newsletter
  8. Create Main Menu
  9. Page settings
  10. Social Share
  11. Size Chart
  12. Ajax Search
  1. Theme Variant 1(Creative & Furniture)
  2. Theme Variant 2(Fashion & Accessories 1)
  3. Theme Variant 3(Fashion & Accessories 2)
  4. Theme Variant 4(Digital & Electronics 1)
  5. Theme Variant 5(Mazano Fresh Food 1)
  6. Theme Variant 6(Mazano Fresh Food 2)
  7. Theme Variant 7(Accessories & Home Decor)
  8. Theme Variant 8(Digital & Electronics 2)
  9. Theme Variant 9(Fashion & Accessories 3)
  10. Theme Variant 10(Gifts & Accessories)
  11. Theme Variant 11( Fullwidth Slideshow)
  12. Theme Variant 12(Gifts & Accessories)
  13. Theme Variant 13 (Fixed Left Sidebar)
  14. Theme Variant 14(Minimal & Beautiful)
  15. Theme Variant 15(Simple & Creative)
  16. Theme Variant 16(Kute Ajax Filter)
  17. Theme Variant 17(Fashion & Accessories 3)
  18. Theme Variant 18(Ajax Filter 2)
  19. Theme Variant 19
  20. Theme Variant 20
  21. Theme Variant 21
  22. Theme Variant 22

MAZANO Widgets

  1. KT Banner
  2. KT Latest Post
  3. KT Instagram
  4. KT Woocommerce Layered Nav

MAZANO theme Shortcodes

  1. KT Banner
  2. KT Single Banner
  3. Mega Category
  4. Blog
  5. KT Feature Box
  6. KT Countdown
  7. KT Testimonial

Frequently Asked Questions

Thank you!

 

General

We would like to thank you for purchasing Mazano WordPress theme! We are very pleased that you have chosen Mazano for your website, you will not be disappointed! Before you get started, please be sure to always search our Documentation and Knowledgebase, and also watch our Video Tutorials. The large search field in the left sidebar allows you to quickly and easily search through our resources to find answers. We outline all kinds of good information, and provide you with all the details you need to use MazanoMazano can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.

1. WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex.

 

2. Requirements For Mazano

Before you begin the install, checking to ensure that you have the minimum requirements for Mazano is WordPress 4.4.0 or highter, PHP 5.4 or highter and MySQL 5.4 or highter.

Recommended PHP Configuration Limits

Many issues that you may run into such as; white screen, demo content fails when importing, empty page content with Fusion Builder and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

 

Installation

1. Wordpress Installation

Flease see this video guide to know how to install and set general configuration for MAZANO theme.

Step 1. Download ZIP package from Themeforest and then unzip it.

Step 2. In unzipped folder you will find 3 folders name: "MAZANO theme" (that consist of the theme + the Child theme), Required plugins (In case you can not take the data from our system) and "Sample Data".

Step 3. In your Wordpress Dashboard, navigate to Appearance=> Themes.

 

Step 4. Click on Add New, then click on Upload Theme and browse the Mazano-vx.x.x.zip file in unziped folder, finally click Install Now.

Step 5. Wait for a while until the installation complete then select Activate link  to activate theme. Theme has been installed and actived. Beside that you can also click to Live Preview to view this theme.

 

2. FTP Installation

Install Mazano Via FTP

Step 1 – Log into your hosting space via an FTP software like File Zilla.

Step 2 – Unzip the mazano-v.x.x.x.zip file and only use the extracted "mazano" folder.

Step 3 – Upload the extracted mazano theme folder into wp-content > themes folder.

 

Step 4 – Activate the newly installed theme by going to Appearance > Themes and clicking the Activate button.

Step 5 – Once you activate Mazano, you will then see a notification message to install the required plugins: WooCommerce…

Step 6 – Follow the the notification message to install and activate required & recommended plugins.

 

3. Install Needed Plugins:

MAZANO Theme recommended you use the following plugins:

After installed MAZANO theme sucessfully, you will be noticed to install required plugins, just following the instruction you will get all settings.

After click on "Begin installing plugins", you will see the box below:

The installation process may take few minutes, so please be patience. All installations have been completed.

Scrolling down and click on the link "Return to the Dashboard" to go back your Dashboard.

 

Following next steps if you want to install sample data like our demo website.

Flease see this video guide to know how to install and set general configuration for MAZANO theme.

 

After Installation

1. Import Demo content.

If you`re using the theme to build a new website which doesn`t have the content yet, I strongly recommend you to use the demo content files. This theme includes xml data files which allows you to upload the demo content to your website. The content is the same as in the Live Demo Preview.

You can follow these steps below to import the Sample data:

Feel free to watch the video guide here

Step 1: Go to Dashboard =>Tool=> Import

Step 2: Install plugin WordPress Importer

 

Step 3: Run Importer

 

Step 4: Click on Choose File button and go to the folder that you save the file. Find the filename.xml of the Demo you want to display on your site then click Upload file and import button.

 

Step 5: Check Download and import file attachments checkbox and select user for post's author before submit to start import sample data:

 

Wait for the importer working until this pop up appear that meant your import completed.

 

2. Import Layer Slider data.

Feel free to watch the video guide here

Step1: Go to Dashboard=> Revolution Slider

Step 2: Import sliders

The Import Slider popup will appears, click Choose File button then go to the folder that you save the file, for example "MAZANO-opt1.zip" in the Sample Data file then click to Import button:

The slider has been imported successfully.

Manipulate the similar steps to import the other sliders to your site.

 

3. Import Theme Option

Feel free to watch video guide here

- In case you would like to use our available configurations such as Logo, theme color, sidebars, header, footer, blog...You just navigate to Kutethemes >> Kutethemes on the left sidebar menu.

- Click on "Import theme options"

 

- A popup will appears, select any theme options that you would like to import.

 

 

Feel free to watch video guide here

You have to go to Dashboard =>Appearance =>Menus to set menu like our demo menu.

- Select Manage Location tab to set theme Location and Assigned Menu:

 

- Select "Edit Menu" tab to edit menu.

[2]: Select a menu to edit

[3]: Click on "Select" button

[4]: Name of menu & Menu structure: you can change menu name and menu structure that you have created before.

[5]: Theme locations: Set the position of menu

[5]: Click Save Menu to save the setting.

- Click on "Delete Menu" button [6] to delete your current menu.

- Click on "Create a new menu" button [7] to creat your own menu.

 

- There are some menu that are created in Mazano demo.

 

 

 

 

 

5. Setting Homepage and Blog page

- Go to Dashboard => Settings => Reading:

- It will takes you to the Reading Settings page, from this page you should care about some of the following selections:

In the "Front page displays" section, check on the button list "A static page"[1], then select Front page [2] and Post page[3] like the screenshot above if you want the front page display as our demo or you can also make your own front page displays.

Finally click on "Save Changes" button to save your settings.

 

6. How to update MAZANO theme?

If you would like you update your current theme to the latest version, pls following our guideline both of video and doc below.

Feel free to watch video guide here

- Go to Appearance >> Themes

 

- In below screenshot, MAZANO theme is actived, so you need to deactive it then remove it from your site.

 

 

 

 

- Click on "Add new" button to add new MAZANO version to your site.

 

 

 

Theme settings

1. General Setting

1.1 How to Add Logo and Favicon

Go to KUTETHEME => Theme Options => General=>"Logo & Favicon" tab, you will see 2 main parts: Logo [1] and Favicon [2]

- You can upload your site's Logo [1] and Favicon [2] as you want. This uploaded Favicon way only apply for version 4.3 or the lower

- Do not forget to click on the "Save" button to save the information.

-  Logo on your site after uploading:

 

- WordPress Version 4.3 or later

WordPress Version 4.3 implemented Site Icon feature that enables favicon in your web site. It is recommended that you use the Site Icon feature, instead of following the guidance below. When you use it, you don't need to prepare the favicon.ico file by yourself or modify your template file, just specifying square image that has at least 512 pixels wide and tall from Customizer screen.

Follow the below steps to set favicon in your site.

  1. Prepare image file. It must be square, and at least 512 pixels wide and tall.
  2. Go to Administration Screen > Appearance > Customize
  3. Click Site Identify
  4. Click Select Image at Site Icon section, upload the image file you prepared in the above step from Upload Files tab screen, and click Select.

In General Tab, you can also set the Theme Color and the Sidebar as you want:

 

1.1 How to set Theme color

Firstly, about the Theme color, you just click on this Tab and select the main color for your site as the image below:

 

1.3 Sidebar configuration

You can create the Sidebar name and the Description as this image:

You will see the Sidebar that you have just created by going to Appearance/ Widget (look at the screenshot below), now you can drag and drop the widget you want to new Sidebar area.

 

2. Blog Setting

2.1 Blog page tab

Go to KUTETHEME =>Theme options =>Blog setting, you will see all the settings for your Blog page:

From the image above:

[B1]: Set the Sidebar position, we give you three choices: on Left, on Right and Full.

[B2]: Select Sidebar for your Blog page: click on the arrow down on the right side of box then choose the Sidebar you want.

[B3]: Decide enable or not use the place holder image for the post.

[B4]: Choose the Style for Blog page, it may be Full width or Grid.

 

2.2 Single Page

Beside that, if you have a look at the Single page section, you will see some settings for the Single post page as this image:

 

3. Header setting

Go to KUTETHEME=>Theme Options => Header and choose the Header option that you want to display on your Homepage.

+ You can Enable or Disable the Header Sticky on your site.

+ Select the Header Style you want to display on your site, there are  6 Unique header layouts from version 1.0.0, once you select the Style, you will see the image preview of this and all the attributes related to that Header. We will update other Header style in the future.

3.1 Header style 01

From the Header style 01, you can set some attributes for it such as Floating header; Toggle Menu, Header layout, Main Menu Align.

- Floating header[1]: If you select "Enable", your header will display uper on content.

- Toggle Menu[2]: If you select "Enable", your menu will show as below screenshot.

In case, you select "disable" then your menu does not show on header, it will be instead of by bar icon on the left as below screenshot. Only when click on it, your menu will appears.

 

- Main Menu Align [4]: You can set menu position on header, we give you three choices are: center, left, right

- Do not for get the "Save" button.

 

3.2 Header style 02

- You can configure the header message to show on header.

 

 

3.3 Header style 03

 

- Configure social networking icons displaying on header. Moreover you have to fill the social network links in Socials tab as below image.

 

- Let see the social networking icons displaying on header.

 

3.4 Header style 04

 

 

 

3.5 Header style 05

 

3.6 Header style 06

 

4. Footer Setting.

Go to KUTETHEME =>Theme option =>Footer, you can select the Footer Style display on your site:

 

In the currently version, we just got some style footers, we will update more style in the future.

- Footer 04

Go to your Dashboard >> Footers. It will take you to the list of footer options that we've builded in this theme.

Hover over "Footer 04" then clicking on "Edit" button.

You can see all shortcodes that we used to build the Footer 04.

 

Footer 02

 

You can see all shortcodes that we used to build the Footer 02 in the backend.

 

Footer 05

 

You can see all shortcodes that we used to build the Footer 05 in the backend.

...

 

Beside that, if you do not want to use any Footer Template like our Demo, you can also build your own Footer Style.

How to build the Footer?

You can go to Dashboard/ Footers and build the Footer as you want by using Visual Composer.

 

You may see our footer structure:

 

BIG NOTE: In case you can not get the above screenshot, pls go to Visual Composer/ Role Manager and enable visual Composer for pages, posts...as below image.

Remember to save your setting.

 

5. Woocommerce Setting

Go to KUTETHEME=>Theme options => Woocommerce, now you will see some main Tabs below:

5.1. In the General Tab:

You can see our demo Woocommerce setting:

Look at the picture above, you will see General settings of Woocommerce:

[1]: Set the number of days to treat the product as a new product.

[2]: You can tick on Yes if you want to use the secondary image for your product and select No if you do not want.

[3]: Decide to show or not show the product Category name on the product layout.

[4]: Enable or not use the Short name of product, if you tick Yes, the product will have a shortname as you set (if it has a long name, it will be cut follow the character that already set)

If you tick on No, the Title will be show on Full name (it may be very long, it depend on your setting)

[5]: Select Style of Grid Product.

 

5.2. In the Shop page Tab: you may set the features for your shop page as the image below:

[S1]: Setting Shop page layout, it can be Full width, Left or Right.

[S2]: When you select the Left or Right layout for the Shop, you may also select the sidebar for it.

[S3]: Set the number of product will show on 1 shop page.

[S4]: Select Default shop style will display on your site.

[S5]: Set the number of Items show on the screen size >= 1200 px

[S6]: Set Items on Screen resolution of device >=992px and < 1200px

[S7]: Choose the Item will be show on portrait Tablet.

[S8]: Set Items per row on the screen size >=480 px and < 768 px.

[S9]: Select the Item show on the screen size < 480 px.

You can also upload the Shoppage banner as you want, it will display on the Top of your Shop page.

 

5.3. Single Product Tab:

You can configure the attribute for your Single product page like the picture above especially the Use Thumbnail Slide, if you select Yes, it will show on your page like our demo:

and here is the preview image when you do not use Thumbnail Slide:

 

5.4. Related product: you can set the number of Related product wil be show on your Single Product page and select the column as you want:

You can see that, you can set the Title for this section as you want. You can look at our demo:

 

5.5. Upsell and Cross sells product:

You can select the Up sell and Cross sell products by go to the Product/ Product/ Add new or Select the Product to Edit then complete the Linked product as this screenshot:

Remember to save all your changes.

Here is the layout of the Up sell and Cross sell products:

 

6. Mailchip Settings

 

7. Popup Newsletter

 

You can set the Newsletter configurations in the backend. Go to your Dashboards >> Kutethemes >> Theme Options

 

8. Create Main Menu.

This section will guide you how to create the menu like our demo in mega menu format. Mega menu supports for creating two main components are Main menu (level 1) and Submenu (level 2). After installing Mazano theme, the demo data for menu will be automatically installed. You can see the style of the top menu in the front-end demo. But you need to change the image and the links suitable your shop site.

These images below are the detail instructions for using this section. Main menu (level 1) consists of multi-items, each item has or hasn't got a Submenu (level 2). You can create submenu in normal or mega menu format.

- Mega submenu.

 

- Normal submenu.

 

8.1. How to create Main menu?

Go to Dashboard=> Appearance => Menus

- Click on "Create a new menu" button.

 

- Give your menu a name [2], then click "Create Menu" button.

 

- Set location for this menu as Main menu [3].(or Primary menu)

 

Then, click Save Menu to save the setting. Main menu has been created, We continuously add items for the Main menu and you can see our Main menu structure.

You can see that, you can add all the items at the left side to the menu structure such as page, Custom link, Product Categories, Mega menu....If you can't find "Product Categories" on the left side, take a look at the top (you have to scroll up as far as you can). Here you will find "Screen Options". Press that, and tick on "Products Categories" to enable it. You might have to reload the page after you have done this. Now, you can see "Product Categories" on the left side, then you can add and organize your product categories as you would any other menu item.

 

 8.2. How can I create my own sub-menu (level 2) for item in the main menu (Menu level1)?

Example: Create a sub-menu for the item: "Shop" in the main-menu such as the screenshot below:

Firstly, you need to build a mega menu such as Fashion mega menu by using Visual Composer. To activate the Visual Composer for the mega menu builder, you need to go to WP-admin/ Visual Composer/ Role manager, click on the arrow down on the rightside of Post Types box, select Custom then tick on the item you want as the image below:

Secondly, go to WP-admin/ Mega menu/ Add new and build the mega as you want. You may see our demo mega menu structure:

You can see that, in our demo, we used the shortcode WP Custom Menu to build the mega menu, you can change the menu as you want then save and update it.

Once again you can see the location of the menus:

 

9. PAGE SETTINGS

In this section we will show some special settings of a page.

- Go to Dashboard

- Navigate to Pages >> Add New

For above form.

- If you select DEFAULT TEMPLATE[1] for your page, then you can set all attributes in section "Page Options" for your page such as: Page Heading; Page layout....Otherwise if you select other our templates like: Full Width Page and Special page, then you can only set the "Page heading" attribute for your page.

 

10. Social Share

If you would like to show Social sharing on the detail product page, let configure some settings in Kutethemes >> Social Share.

Firstly, you have to check on box "Enable Social Share"[1] as above screenshot then click directly on work-area[2] to select ingredients

 

11. Size Chart

Pls view this video to know how to create Size chart and configure some settings on Muse theme.

 

12. Ajax Search

Setting some attributes for Ajax Search. Go to Kutethemes >> Ajax Search

 

MAZANO LAYOUTS

Mazano is premium responsive Wordpress theme which comes with 22 Unique Home layouts. It is a clean and modern layout with many functions and suits any of your shop. Mazano used both of VC shortcodes and our KT Shortcodes to build unique home layouts. In this section we will show you all layouts and which KT shorcode are used on them.

 

1. Theme Variant 1(Creative & Furniture)

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Theme Variant 1" with some shortcodes that we used to build it.

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 1

 

2. Theme Variant 2(Fashion & Accessories 1)

Feel free to view homepage demo here

- Frontend

Let see the demo layout "Theme Variant 2" with some sortcodes that we use to build it.

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 2

 

3. Theme Variant 3(Fashion & Accessories 2)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 3

 

4. Theme Variant 4(Digital & Electronics 1)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 4

 

5. Theme Variant 5 (Mazano Fresh Food 1)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 5

 

6. Theme Variant 6(Mazano Fresh Food 2)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 6

 

- Footer style 05

 

7. Theme Variant 7(Accessories & Home Decor)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 7

 

8. Theme Variant 8(Digital & Electronics 2)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 8

 

- Footer back-end

Go to Dashboards >> Footers. Then hover and click on "Edit" button on Footer 05

 

9. Theme Variant 9(Fashion & Accessories 3)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 9

 

- Footer back-end

Go to Dashboards >> Footers. Then hover and click on "Edit" button on Footer 06

 

10. Theme Variant 10(Gifts & Accessories)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 10

 

- Footer back-end

Go to Dashboards >> Footers. Then hover and click on "Edit" button on Footer 07

 

11. Theme Variant 11( Mazano - Fullwidth Slideshow)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 11

 

12. Theme Variant 12(Mazano - Gifts & Accessories)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 12

 

- Footer back-end

Go to Dashboards >> Footers. Then hover and click on "Edit" button on Footer 12

 

13. Theme Variant 13 (Mazano - Fixed Left Sidebar)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 13

 

- Footer back-end

Go to Dashboards >> Footers. Then hover and click on "Edit" button on Footer 13

 

14. Theme Variant 14(Mazano - Minimal & Beautiful)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 14

 

 

15. Theme Variant 15 (Mazano - Simple & Creative)

Feel free to view homepage demo here

- Frontend

 

16. Theme Variant 16(Kute Ajax Filter)

Feel free to view homepage demo here

- Frontend

 

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 16

 

17. Theme Variant 17(Fashion & Accessories 3)

Feel free to view homepage demo here

- Frontend

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 17

 

18. Theme Variant 18(Ajax Filter 2)

Feel free to view homepage demo here

- Frontend

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 18

 

19. Theme Variant 19

Feel free to view homepage demo here

- Frontend

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 19

 

20. Theme Variant 20

Feel free to view homepage demo here

- Frontend

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 20

 

21. Theme Variant 21

Feel free to view homepage demo here

- Frontend

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 21

 

22. Theme Variant 22

Feel free to view homepage demo here

- Frontend

- Corressponding to the blocks on front-end above. Let see which respective shortcodes are arranged in the backend.

Go to Dashboards >> Pages >> All pages. Then hover and click on "Edit" button on Home 22

 

MAZANO Widgets

- Go to Dashboard >> Appearance >> Widgets

 

 

 

1. KT Banner

 

2. KT Latest Post

 

 

3. KT Instagram

 

 

4. KT Woocommerce Layered Nav

 

 

MAZANO SHORTCODES

1. KT Banner

- “KT Banner” is useful for creating a group of banners, you can add other sortcodes such as: KT Banner child; KT Flexible Banner; KT Single Banner into "KT Banner"

 

- KT Banner settings.

You can set some attributes of this shorcode, scrolling down the box to see all setting or changing to other tabs. There are two available layouts for this shortcode: Owl Carousel and Owl Carousel style 01. Corresponding with these layouts, there will be different settings. Owl Carousel style 01 is shown on front-end in below screenshot.

 

2. KT Single Banner

“KT Single Banner” is useful for single banners. Add the KT Single Banner shortcode to your Homepage structure:

 

Now you will see this setting:

 

You can select any layouts for your banner, there are 13 available layouts for this shortcode in the current version: Layout Default; Layout 01; Layout 02; Layout 03, Layout 04; Layout 05; Layout 06; Layout 07; Layout 08; Layout 09; Layout 10; Layout 11; Layout 12. Corresponding with these layouts, there will be different settings.

- Some KT single layouts displaying on front-end.

Layout Default

 

Layout 01

 

Layout 02

....

 

3. Mega Category

- Using this shortcode to show products of categories in many different layouts. And you can add other sortcodes such as: Mega Category; Mega Category Url; KT Single Banner into this shortcode "Mega Category".

 

- Setting this shortcode, you need to complete the form as below images:

\

There are 4 available layouts for this shortcode in the current version: Default; Tabs Product Style 01, Tabs Product Style 02; Tabs Product Style 03. Corresponding with these layouts, there will be different settings.

You can scrolling down this box, you will see all the setting of this shortcode such as choose the criteria that you want to show on your front-end, it can be the best seller products, featured product, top rated product.....set the max item you want to show on your site.....

If you want to set the number of items will be show on specific device, you should go to Boostrap section:

Remember to save and update your changes.

After that, you can add the Mega Categories item and configure it:

As you can see in the picture above, you can fill in the Title for the Mega category, select the Category you want to show product on this tab, choose the criteria of the product....

 

- Some KT single layouts displaying on front-end.

Default

 

Tabs Product Style 01

 

Tabs Product Style 02

 

Tabs Product Style 03

 

4. KT Blogs:

Display all of your blog post on your site.

To set your blog looks like our demo, you can following these steps:

Step 1: Go to Dashboard=>Post=>Add new to create your post: title, content, select categories and set the featured image.

Step 2: Add Blog shortcode to your Home page structure, you will see Blogs settings, you need to complete the information follow this form:

 

You may also set the Carousel for your Blog shortcode by go to Carousel setting section:

 

How many styles of Blog?

We have five available blog layouts that allow posts displaying on front-end are: Carousel Default, Carousel Style 02, Carousel Style 03, Carousel Style 04, Carousel Style 05

Here is an example about the Carousel Default :

 

Carousel Style 02

 

Carousel Style 03

 

Carousel Style 04

 

Carousel Style 05

 

5. Feature Box

Setting this shortcode, you can follow these steps below:

Step 1: Add the Feature box shortcode to your Homepage structure:

 

Step 2: Configure the attribute for this shortcode:

From the image above:

[1]: Enter the Title for the box.

[2]: Fill in the SubTitle.

[3]: Write some short description for your box.

[4]: Select the layout you want, once you select the layout, you will see the preview image of that layout.

If you scrolling down this section, you will see the location to select the icon for your box (you can select from our Library, you may see the uploaded icon by click on the Arrow on the right side of Icon part. If you do not want to use our library icon, you can use the Font awesome for your box)and you may also set the box main color suitable with your site.

 

Step 3: Setting the height of box on specific device:

Do not forget the Save button.

 

- How many layout of shortcode "Featured Box"?

We have six available "Featured Box" layouts that are supported in this current version: Layout Default; Layout 01; Layout 02; Layout 03; Layout 04; Layout 05.

Here are some layouts displaying on front-end:

Layout Default

 

Layout 01

 

Layout 02

 

Layout 03

...

 

6. KT Countdown

Show box Countdown on your site

 

Setting this shortcode, you just need to configure the form as this image:

Notice that, the needed information of this shortcode is you need to set the discount time for it, it may have the same time as your discount product or not, it depend on your intention.

Beside that, you can configure the Responsive tab:

 

How to add the image back-ground for your box?

You just need to go to Homepage edit, click on the Edit icon of the row that consist of KT Countdown shortcode and upload the image as this screenshot:

 

7. KT Testimonial

“KT Testimonials” is used to display testiminials. Each testimonial details can be managed by edit it in the backend.

Setting this shortcode, you can follow these steps:

Step 1: Drag Testimonial shortcode to your Home page structure. We have two available layouts for this shorcode: Layout Default and Layout 01. Your can select one of these layouts for your site then setting some layout attributes such as below screenshot.

 

Step 2: Add testimonial items

- Navigate to Dashboard >> Testimonial >> Add new

and complete all the needed information such as the name, avatar.......

 

- Let see this shortcode displaying on front-end in two layouts.

Layout 01

 

Layout Default

 

 

Frequently Asked Question

1. How to activate the Visual Composer to build the item on your site?

You need to go to Visual Composer/ Role Manager, click on the arrow down on the rightside of Post Types box, select Custom then tick on the item you want as the image below:

Do not forget the Save button.

 

2.  How to add the left sidebar to your Shop page?

If you want to add the left sidebar to shop page like our demo site, you just following the instruction below: 
1. Go to Dashboard=> Appearance=> Widget and you can drag and drop some widgets as you want to the "Widget Shop Area".
2. Go to Dashboard=>Kutetheme=>Theme Options=> Woocommerce/ Shopage and you can setting your Shop page sidebar as this image:

 

3. How to select the Page for Cart, Check out, My Account page?

You need go to Dashboard=> Woocommerce=> Settings=> Check out, scrolling down to the Check out page and select the Page you want to display as the Check out page:

You can also set Account Page by click on the Accounts Tab, now you may select the page display as My Account Page and you need to tick on the checkbox "Enable registration on the "My Account" page" to enable the Registration.

 

 

Thank you!

Once again, thank you so much for purchasing this template. If you have any questions relating to this template, you can submit a ticket on our support system: http://support.ovicsoft.com/support-system We'd be glad to help you.

 

 

 

 

 

 

 

Go to Top