Demo Support Forum

# M.Anh
Fashion WooCoommerce WordPress Theme

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this Documentation, please contact us via comment on ThemeForest or create a topic to our support forum: http://snstheme.com/forums/forum/wordpress-theme/. Thanks so much!

- Created: Novemver 23, 2021
- By: snstheme
- Current Package Version is 1.0

Our theme using Visual Composer and Revolution Slider. You can find document about it via the bellow links:

Revolution Slider: http://www.themepunch.com/revslider-doc/slider-revolution-documentation/
Visual Composer: http://go.wpbakery.com/getting-started

## 1. Installation

When you download theme from themeforest and unzip, you will be got full of main files for theme installation. It has:

1. Documentation : Contains documentation file of the theme
2. manh.zip : "M.Anh - Fashion WooCoommerce WordPress Theme" installation file
3. manh-child.zip : Theme Child
4. PSD : Contains all source PSD files of the theme
5. Plugins file : Contains premium plugins use in theme

There are 2 ways to Install Theme:

- Install Theme from the WordPress Dashboard
- Install Theme via FTP

#### 1.1 Install Theme from the WordPress Dashboard

1. Navigate to `Appearance` -> `Themes` in your WordPress admin dashboard.
2. Click the `Add New` button at the top of the page and go for the Upload option.
3. For the file upload, pick `manh.zip` in the theme package downloaded from ThemeForest and click `Install Now`.

#### 1.2 Install Theme via FTP

Many users are on shared hosting with low upload limits, and in such situations the Striking theme is often too large to install through WordPress. We suggest you should upload it via FTP.

To install theme via FTP you just only upload and unzip `manh.zip` file to: `YOUR_ROOT/wp-content/themes/`

If you don't know how to use FTP visit this link for information: http://codex.wordpress.org/FTP_Clients. And learn from WordPress Official Documentation about installing theme with FTP client or with cPanel: http://codex.wordpress.org/Using_Themes

#### 1.3 Active manh as default theme

After completing the upload and intstall. If you have not activated, please activate it now. To do it: Go to your `Dashboard >> Appearance >> Themes` and click activate manh

#### 1.4 Install Required Plugins

After activating the theme you will be asked to install the required plugins

Then click on Begin installing plugins to install and active all Required Plugins.

#### 1.5 Theme Options

If you dont want Install Demo Content, you can also Import default options for Theme Options

To import default option, please follow steps:

- Go to: `Admin >> M.Anh >> Import/Export >> Import Options >> Sellect: Import from File`
- Open and copy the content of file path: `YOUR_ROOT/wp-content/themes/manh/framework/sample-data/data/theme-options.json`
- Paste the conten above to form and click `Import`

## 2. Install Demo Content

Please ensure 2 points bellow:

1. Inscrease Memory Limit for your WordPress site Read this post
2. Increase Maximum Execution Time for WordPress site Read this post
3. You should setting Product Images before Import Demo Content

There are 2 ways to Install Demo Content: Automatic and By manually

#### 2.1. Automatic:

From your admin panel, navigate to `M.Anh >> Demo Content` at here you can click to button `Import` to install our demo content

To enable import function, please follow the checklist bellow:

- Please Install and Active plugin Wordpress Importer
- Open file wp-config.php and add this code `define('WP_LOAD_IMPORTERS', true);` after code `define( 'DB_COLLATE', '' );`. Dont forget delete code `define('WP_LOAD_IMPORTERS', true);` after import done please!

NOTE: Maybe it will take your time from 2 - 15 miniutes to finished.

#### 2.2. By manually: please follow steps bellow

1. Revolution Slider config: Please go to `Admin >> Revolution Slider >> Import Slidert` and import all sliders from: ROOT/wp-content/themes/manh/framework/sample-data/data/revslider/
2. Widget config: You can install plugin Widget Settings Importer/Exporter. After done, please go to `Admin >> Tools >> Widget Settings Import` and import widget from: ROOT/wp-content/themes/manh/framework/sample-data/data/widget_data.json
3. All contents: You can install plugin WordPress Importer . After done, please go to `Admin >> Tools >> Import` and import All contents from: ROOT/wp-content/themes/manh/framework/sample-data/data/all-content.xml
4. Theme config: Please refer section 1.5 Theme Options

#### 2.3. Settings after Import Demo Content

After done Import Demo Content, you need setting for Instagram Feed, Newsletter, WP Custom Menu

## 3. Setting Home Page

If you have installed Demo Content then at `Admin >> Pages >> All Pages` will have some Home Page to you refer settings

#### 3.1 Create/Edit your Homepage

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

1. From your Dashboard admin Navigate to Pages
2. Select All Pages to see all page then:

- Or click edit one page you want
- Or Select Add New to create new page

Have you ever used Visual Composer? Please follow that guide first : http://kb.wpbakery.com/index.php?title=Visual_Composer

#### 3.2 Set your Homepage

1. Go to `Settings > Reading` in your WordPress Dasrdoard panel
2. Set `Front page displays` to a `Static Page`.
3. In the drop down menu for `Front Page` choose a page which will be your home page.
4. Leave the drop down menu for `Posts page` empty, as this is not used by the theme.
5. Save changes.

## 4. Setting Blog Page

#### 4.1 Create the blog post

From your Admin panel navigate to `Posts >> Add New`, then fill your information:

- Start filling in the blanks: enter your post title, write your actual body content in the main post editing box below it.
- As needed, select a category, add tags, and make other selections from the sections below the post.
- You can create blog post with a lot of Formats like link, gallery, image ..... Select format you want to create on Format from in right sidebar.
- When your post is ready, click Publish.

#### 4.2 Manager current all blogs

Navigate to `Posts >> All Posts` you can see all informations of you blog post, add new, edit or delete them.

#### 4.3 Setting Blog Pages

From your admin panel you can navigate to `M.Anh >> Blog` to setting for Blog Page. If you wanna your site have one more Blog Page style you can navigate to `Pages >> New Page` and create page with short code `SNS Blog Page`. This shortcode provided options for you to setting Blog Page style with each page

If you have installed Demo Content then at `Admin >> Pages >> All Pages` will have some Blog Pages to you refer settings

## 5. Setting Contact Page

If you have installed Demo Content then at `Admin >> Pages >> All Pages` will have some Contact Us page to you refer settings

From your Dashboard admin Navigate to Pages, Select All Pages to see all page then:

- Or click edit one page you want
- Or Select Add New to create new page.

Use Visual Composer to drag and drop element you want. With our demo we're using shortcocdes: Google Maps, Contact Form 7, ...

NOTE: With Contact Form 7 you can create/edit form at `Admin >> Contact >> Contact Forms`

## 6. Setting Menu

#### 6.1 Create/Edit Menu

From your Dashboard admin, navigate to `Appearance >> Menu` at here you can

- Select a menu to edit
- or Click create a new menu

#### 6.2 Manage Menu Locations

From your Dashboard admin, navigate to `Appearance >> Menu >> Tab: Manage Locations` at here you need Assign menu for Theme locations

If you have installed Demo Content then it will automatically create Menu and assign Menu to Theme Locations for you

#### 6.3 Setting Mega Menu

At menu item we provided option to Enable Mega Menu you can sellect it

## 7. Post WCode

We supported post type: post-wcode. With this post type you can build the content by Visual Composer. We using post-wcode to build content in footer, sidebar, ... You can view list post-wcode via `Admin >> Post WCode`

To use Visual Composer in post-wcode you need config for it:

You can display post-wcode via:

- Widget
- Shortcode in other post type(Example: page)

#### 7.1 Use Widget to display post-wcode

Refer the screenshot bellow:

#### 7.2 Use Shortcode to display post-wcode

## 8. Setting Woocommerce

#### 8.1 Setting Woocommerce from Theme Options

From your Dashboard admin, navigate to `M.Anh >> Woocommerce` at here we provided some options for Product Page.

#### 8.2 Setting Product Display

From your Dashboard admin, navigate to `Admin >> Appearance >> Customize >> WooCommerce >> Product Images` and config like image bellow:

#### 8.3 Setting Checkout

From your Dashboard admin, navigate to `Woocommerce >> Settings >> Checkout >> Checkout Options` and sellect Cart Page & Checkout Page

Dont forget refer document from Woocommerce: http://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/

## 9. Setting Other Plugins

#### 9.1 Setting Newsletter

You can reference the documentation of this plugin via: https://www.thenewsletterplugin.com/documentation. However, In our theme we're using 1 Custom Forms bellow:

##### Form 1:

<div class="tnp tnp-sub newsletter-form-1"> <form class="newsletter-1" method="post" action="http://demo.snstheme.com/wp/manh/?na=s" onsubmit="return newsletter_check(this)"> <div class="input-wrap"> <input class="tnp-email" type="email" placeholder="Enter your email." name="email" required> <input class="tnp-submit" type="submit" value="Subscribe"> </div> </form> </div>

From your Dashboard admin, navigate to `Admin >> Newsletter >> LIST BUILDING >> Subscription Form Fields, Buttons, Labels >> HTML samples and hand coded forms` at here you can copy form above and save for your site. Don't forget replace `demo.snstheme.com` to your domain

## 10. How to translate the theme

There are 2 methods to translate

#### 10.1 Translate Inside The Theme

This is is the traditional method, and the method most of our users use. The locate the Languages folder, follow this path: `wp-content/themes/manh/languages/`

Despite this being the most popular, this method has one downside. Whenever users update the theme and the plugin, the whole Theme folder is replaced with a new and updated folder, which in turn overwrites their translation files.

If you choose to store your language files using this method, remember that the file structure is only the language name. For example, if the language files are in the Deutsch language, the file names would be en_US.mo and en_US.po.

You can translate default po file with POEdit tool. You can see here for more details.

IMPORTANT NOTE: If you choose to use this method, don't forget to backup files you don't want to lose before updating manh.

#### 10.2 Translate use WPML Plugin

WPML is the most popular plugin for multi language support, Porto is fully compatible with WPML. Below you will find documentation their team created for using WPML plugin with Porto. If you've purchased WPML and have any questions or issues, please check the links below.

- WPML Plugin - The highly recommended plugin to manage multi-lingual sites
- WPML Forum Support - If you bought WPML then you get free support from their amazing team
- Translating Widgets - Tutorial recommended by wpml team for translating widgets

Click Here To Purchase WPML Plugin!

## 11.Child Theme

We have provided a child theme package ready for you to use if you wish to make changes to files, while keeping them through updates. The child theme is included within the main download folder, and is named manh-child all you need to do is upload this as well as the standard "manh" folder, and then activate the child theme in `Appearance > Themes` from the WordPress menu.

NOTE: To know more about the child themes follow http://codex.wordpress.org/Child_Themes

## 12. How to Update Theme

You should install manh-child, and all your customize on this child theme. So, with each our updates It will doesn't affect to your customize. To update please follow steps:

1. Go to `Themeforest >> Your_Account >> Downloads` in this page you can download newest version of the theme
2. Extract download file from Themeforest you will see file manh.zip
3. Upload and Extract file manh.zip to folder web `ROOT/wp-content/themes/`
4. Refresh/Clear cache if you are using plugin about cache.

## 13. Update History

    	23 November 21: Released version 1.0