Muse- 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 Muse 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. Size Chart
  11. Ajax Search
  12. Social Share

MUSE LAYOUTS

  1. Home 1
  2. Home 2
  3. Home 3
  4. Home 4
  5. Home 5
  6. Home 6
  7. Home 7
  8. Home 8
  9. Home 9
  10. Home 10
  11. Home 11
  12. Home 12
  13. Home 13
  14. Home 14
  15. Home 15

MUSE Widgets

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

Muse theme Shortcodes

  1. KT Banner
  2. KT Single Banner
  3. KT Flexible Banner
  4. KT Custom Banner
  5. KT Container
  6. KT Blog
  7. KT Newsletter

Frequently Asked Questions

Thank you!

 

General

We would like to thank you for purchasing Muse WordPress theme! We are very pleased that you have chosen Muse 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 MuseMuse 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 Muse

Before you begin the install, checking to ensure that you have the minimum requirements for Muse 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 Muse theme.

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

Step 2. In unzipped folder you will find the three folders are: Plugins (js_composer.zip; kute-toolkit-v1.0.1.zip; revslider.zip); Sample Data (that contains sample data like xml file or slider...); Muse theme (that consist of the theme + the Child theme).

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

 

Step 4. Click on Add New, then click on Upload Theme and browse the Muse-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 Muse Via FTP

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

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

Step 3 – Upload the extracted Muse 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 Muse theme, 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:

Muse Theme recommended you use the following plugins:

After installed Muse 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.

Video guide here

 

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 "Muse-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

- 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.

 

 

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 menus.

4.1 Main menu

 

Dashboard =>Appearance =>Menus ==> Edit Menus tab[1]

[2]: Select an available menu that is created before, the main menu is shown as an example.

[3]: Click on "Select" button

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

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

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

Or Click on "Delete Menu" button [8] to delete your current menu.

 

4.2 Main menu 2

- Frontend.

 

- Backend.

 

4.3 Top bar left menu

 

 

4.4 Top bar right menu

 

 

4.5 User menu.

 

4.6 Vertical main menu

 

If you do not use our available menu, you can create for yourself by clicking on "Create a new menu"

 

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 Muse theme?

If you would like you update your current theme to the latest version, pls following the below guideline.

- Go to Appearance >> Themes

 

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

 

 

 

 

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

 

 

 

- The update is completed successfully.

 

Theme settings

1. General Setting

1.1 How to Add Logo and Favicon?

Go to KUTETHEME => Theme Options => General=>"Logo" tab, you can set Site wepper; Primary font for theme; upload logo.

[1] Site wapper: There are three available settings that you can sellect:

+ Medium width (1170px)

 

+ Large Width (1920px)

 

+ Medium Width(1860px)

 

[2] Primary font of theme: We provide three font style: Open Sans; Poppins; Playball

+ Open Sans

 

+ Poppins

 

+ Playball

 

[3] Logo: Upload logo to suite your site.+8/+6+

 

How to upload Favicon?

- For 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.2 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 by clicking on "Add Sidebar"[1] button then enter name[2] and description[3] for your sitebar.

 

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.

[1] Header: Select the Header Style you want to display on your site, there are  9 Unique header layouts from version 1.0.0, once you select the Style, you will see the image preview[2] of this. We will update other Header style in the future.

[2] Header wapper:

[3] You can Enable or Disable the Header Sticky on your site.

 

4. Footer Setting.

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

In the currently version, we provide some footer styles that are listed in dropdown[1], we will update more styles in the future.

 

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

 

If you would like to view the detail footer building of any footer styles that are listed in above screenshot. Pls hover over that one then click on "Edit" button.

 

- Muse footer 01

You can see all shortcodes that we used to build the Muse footer 01 in the back-end.

 

Frontend displaying

 

- Muse footer 03

 

Back-end mode

 

Front-end displaying

 

- Muse footer 04

 

Frontend displaying

Beside that, if you do not want to use any Footer Template like our Demo, you can also build your own Footer Style. You can go to Dashboard/ Footers and build the Footer as you want by using Visual Composer.

 

BIG NOTE: In case you can not view shortcodes on this page, 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:

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

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

[3]: Upload banner for your shop page. You can also upload the Shoppage banner as you want, it will display on the Top of your Shop page.

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

[5]: Default shop list style: Seting products displaying on shop page. There are two style: list or grid.

[6]: Set the number of Items show on destop (the screen size >= 1200 px)

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

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

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

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

 

 

5.3. Single Product Tab:

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

and here is the preview image when you select "Grid":

 

- Here is the preview of product page when selecting some settings like above screenshot.

 

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.

 

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 Muse 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 settings. 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 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 and Single Image to build the mega menu, you can change the menu as you want then save and update it.

 

 

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.

 

10. Size Chart

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

 

11. Ajax Search

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

 

 

12. 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

 

 

 

Muse LAYOUTS

Muse is premium responsive Wordpress theme which comes with 15 Unique Home layouts. It is a clean and modern layout with many functions and suits any of your shop. Muse 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. Home 1

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home1" 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 Muse Home 1

 

 

2. Home 2

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home2" 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 Footer Home 2

 

3. Home 3

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home3" 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 Muse Home 3

 

4. Home 4

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home4" 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 Muse Home 4

 

5. Home 5

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home5" 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 Muse Home 5

 

6. Home 6

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home6" 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 Muse Home 6

 

7. Home 7

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home7" 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 Muse Home 7

 

8. Home 8

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home8" 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 Muse Home 8

 

9. Home 9

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home9" 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 Muse Home 9

 

10. Home 10

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home10" 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 Muse Home 10

 

11. Home 11

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home11" 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 Muse Home 11

 

12. Home 12

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home12" 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 Muse Home 12

 

13. Home 13

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home13" 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 Muse Home 13

 

14. Home 14

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home14" 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 Muse Home 14

 

15. Home 15

Feel free to view homepage demo here

- Frontend

Feel free to see the layout "Muse Home15" 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 Muse Home 15

 

MAZANO Widgets

- Go to Dashboard >> Appearance >> Widgets

 

1. KT Banner

 

2. KT Latest Post

 

 

3. KT Instagram

 

 

4. KT Woocommerce Layered Nav

 

 

5. KT Contact Info

 

 

Muse SHORTCODES

1. KT Banner

 

2. KT Single Banner

 

3. KT Flexible Banner

 

4. KT Custom Banner

 

5. KT Container

 

6. KT Blog

 

7. KT Newsletter

 

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