Pages is one of the most important elements in a WordPress website. In this section, we will cover issues related to page including: Create a New Page, Set up Home Page, Page Metabox in HiTheme theme and Page with Visual Composer.

How to create a new page?

To create a new Page, please follow steps as below:

1. Log in to site in the backend.
2. Select the Pages > Add New option to begin writing a new page.
3. Configure Options for new page including Page Title, Page Attributes, Public Status. Page Content.
4. Scrolling down to the end of the window, you will see the Page Metabox area of HiTheme theme. Here you can configure the options including Logo, Color Schemes, Home Page template, Typography, Header, Footer and Sidebar for this page. Please note that if there is no change here, the settings in Theme Options will be applied to this page.
5. After all, save the change and check the result in the front end of your site.

Info For more detail, you can see the WordPress Documentation for this problem: WordPress Pages.

How to set up Home Page?

To set up Home Page or Front Page for your website, please follow steps as below:

1. Log in to your site in the backend.
2. Navigate to Settings > Reading.
3. In the Reading Settings, select A Static Page option.
4. Select the page you want as home page in Front Page dropdown list.
5. Now Save Changes and check your site again.

Info For more detail, you can see the WordPress Documentation for this problem: Creating a Static Front Page.

About Page Metabox in HiTheme theme

After installing and activating HiTheme theme, the Page Metabox will be availaible in your site. You can go to Pages > All Pages then choose the page you want then scrolling down to the end to see Page Metabox options.

Please note that the change in the Page Metabox will be apply to the page rather than the one in the Theme Options. If there is no change here, the settings in Theme Options will be applied to the page.

The Page Metabox often includes options: General, Typography, Header, Footer, and Sidebar.

1. General: In this tab, you can configure options including Custom Logo, Home Template and Color Scheme for the page.
2. Typography: In this tab, you can configure Font Style, Font Weight for elements in the page.
3. Header: In this tab, you can choose to Hide Header or Header Style for the page.
4. Footer: In this tab, you can choose to Hide Footer or Footer Style for the page.
5. Sidebar: In this tab, you can enable Sidebar and choose type of Sidebar for the page.

Info For more detail, you can see documentation about Page Metabox: Theme Options, Page Metabox & Category Metabox.

Edit Page with Visual Composer

HiTheme theme supports Visual Composer – the most powerful plugins that allow you to easily drag and drop page builder in the standard WordPress page/post edit area or directly from the frontend.

With Visual Composer. you can edit a page both in the backend and front end of your site. To edit a page, please follow steps as below:

1. Login your site then open the page you want to edit then choose Edit with Visual Composer.
2. Now, you can edit Row, Column and elements in the page. To edit elements, please hover on the one you want then click on “pencil” icon to Edit this element.
3. After that, you can configure different options of this element in tab General and Design Options due to different types.
4. After all, you can preview the page and Update to save the change for this page.

Info For more detail, you can see documentation about Visual Composer: Visual Composer Tutorials and Video Tutorials.

How to make your page appear in Megamenu

To have your page appear in the Megamenu, please follow steps as below:

1. After creating the page, go to Appearance > Menu and choose Primary Menu (Primary Menu). This is the one set as Primary Menu in your site.
2. Now, please select the page you want, then click on button Add to Menu and Save Menu.
3. After all, please check your site to see the result.

Blog Post is one of the most important elements to create a Blog Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Blog Post, Set up Blog page and Blog Post in HiTheme theme.

How to create a new post?

To create a new Post please follow steps as below:

1. Log in to site in the backend.
2. Select the Posts > Add New option to begin writing a new post.
3. Configure Options for new post including post Title, post link, Public Status, Content, Tags, Feature Image, Post Type.
4. Scrolling down to the end of the window, you will see the Page Metabox area of HiTheme theme. Here you can configure the options including Header, Footer and Sidebar for this post. Please note that if there is no change here, the settings in the page including this post will be applied.
5. After all, save the change and check the result in the front end of your site.

Info For more detail, you can see the WordPress Documentation for this problem: WordPress Posts.

How to set up Blog page in HiTheme Theme?

To set up blog page for your website, please follow steps as below:

1. Log in to your site in the backend.
2. Create a new page with Visual Composer and add element SW Blog Listing.
3. Now, configure the options in SW Blog Listing including Title, Categories and other Design options as you want.
4. Now Save Changes and check your site again.

About Page Metabox of post in HiTheme theme

After installing and activating HiTheme theme, the Page Metabox will be availaible in your site. You can go to Posts > All Posts then choose the post you want then scrolling down to the end to see Page Metabox options.

Please note that the change in the Page Metabox of the post will be apply to the post rather than the one in the Page Metabox of Page. If there is no change here, the settings in Page will be applied.

The post Metabox often includes options: Header, Footer, and Sidebar.

1. Header: In this tab, you can choose to Hide Header or Header Style for the post.
2. Footer: In this tab, you can choose to Hide Footer or Footer Style for the post.
3. Sidebar: In this tab, you can enable Sidebar and choose type of Sidebar for the post.

Info For more detail, you can see documentation about Page Metabox: Theme Options, Page Metabox & Category Metabox.

Other Settings

1. Categories: To add new category, please go to Post > Categories then complete information for the new category in Add New Category window and Save it.

2. Tags: To add new tag, please go to Post > Tags then complete information for the new tag in Add New Tag window and Save it.

Post Image Size

In HiTheme theme, we recommend to configure image dimensions for post image size. You can go to Settings > Media and set up the Image Dimentions to use when adding an image to the Media Library.

Portfolio Post is one of the most important elements to create a Portfolio Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Portfolio Post, Set up Portfolio page and Portfolio Post in HiTheme theme.

How to create a new portfolio?

To create a new Post please follow steps as below:

1. Log in to site in the backend.
2. Select the Portfolio > Add New option to begin writing a new portfolio.
3. Configure Options for new portfolio including portfolio Title, Portfolio Link, Public Status, Content, Tags, Feature Image, Post Type.
4. Scrolling down to the end of the window, you will see the Portfolio Meta area of HiTheme theme. Here you can configure the options including Skill Needed, URL, Copyright and Image Size Mansonry Layout for this portfolio.
5. After all, save the change and check the result in the front end of your site.

How to set up Portfolio page in HiTheme Theme?

To set up portfolio page for your website, please follow steps as below:

1. Log in to your site in the backend.
2. Create a new page with Visual Composer and add element SW Portfolio.
3. Now, configure the options in SW Portfolio including Title, Categories and other Design options as you want.
4. Now Save Changes and check your site again.

Other Settings

1. Portfolio Categories: To add new category, please go to Portfolio > Categories Portfolio then complete information for the new category in Add New Category window and Save it.

2. Tags: To add new tag, please go to Portfolio > Tags then complete information for the new tag in Add New Tag window and Save it.

Product is one of the most important elements to create a Shop Page in a WordPress website. In this section, we will cover issues related to this one including: Create a New Product, Set up Product Page and other related things in HiTheme theme.

Please make sure that you install and activate WooCommerce plugin before this process.

How to create a new product?

To create a new product, please follow steps as below:

1. Log in to site in the backend.
2. Select the Products > Add Product option to begin writing a new product.
3. Configure Options for new product including product Title, Product Link, Public Status, Content, Tags, Feature Image, Feature Video, Categories, Brand and others.
4. Scrolling down to the end of the window, you will see the Page Metabox for Product of HiTheme theme. Here you can configure the options including Header, Footer and Sidebar for this product.
5. After all, save the change and check the result in the front end of your site.

 

Info For more detail about this process, you can check the WooCommerce Documentation: Set Up Products.

How to set up Product page in HiTheme Theme?

To set up product page for your website, please follow steps as below:

1. Log in to your site in the backend.
2. Go to Pages then create a Shop page.
3. Now, go to WooCommerce > Settings > Products > Display to Assign Product Page to the new created Shop item.
4. Now Save Changes and check your site again.

 

Info Please note that the configuration in Page Metabox has no effect on Shop page. This Shop page will only be applied the settings in Appearance > Theme Options > Products.

Other Settings

1. Categories: To add new category, please go to Product > Categories then complete information for the new category in Add New Category window and Save it.

2. Tags: To add new tag, please go to Product > Tags then complete information for the new tag in Add New Tag window and Save it.

3. Categories Brand: To add new category, please go to Product > Categories Brand then complete information for the new category in Add New Category window and Save it.

4. Attributes: To add new category, please go to Product > Attributes then complete information for the New Attribute and Save it. In HiTheme theme, we use Color and Size.

5. Color Swatch: After adding the Attribute, you can add color swatch in tab Variations.

Product Image Size

In HiTheme theme, to have the most beautiful shop page, we recommend to configure image dimensions for product image size as below:

1. Homepage 1 – 600 x 600 pixels
2. Homepage 2 – 600 x 600 pixels
3. Homepage 3 – 600 x 600 pixels

Featured Video Product

In HiTheme theme, you can use Featured Video for Product in stead of Image. To use this feature, while creating new product, you can enter the Youtube Video ID in the Featured Product Video option.

Currently, this feature only supports Youtube Video, we will update to support Vimeo video in the next version.

Color Swatch and Image for Product

In HiTheme theme, you can use Color Swatch and Image for Variable Products. You can use this feature for products in your site by following steps HERE.

HiTheme theme supports custom WordPress menu with multi-level dropdown for main menu. There is various area of menu you can assign: Primary Menu, Vertical Menu, and Mobile Menu. Each of these menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site. Please see below for the menu locations, how to create a new menu, and the menu in HiTheme theme.

You can go to Appearance > Menus to check the settings for HiTheme Menu Location in your site.

How to set up a new menu?

To create a new product, please follow steps as below:

1. Navigate to Appearance > Menus section of your admin sidebar.
2. Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu button.
3. To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different posts from the left side.
4. To add a custom menu item, enter a custom name and link into the Links box.
5. Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item, and it will lock into place and create a dropdown section.
6. After setting up your menu, scroll down to the bottom of the page to assign the menu to one of locations in the Theme Locations box.
7. Once its all done, make sure you click the Save button.

To edit an old menu, you can choose the one you want then configure and save it.

Sometimes more than one menu at the main menu location is needed for a complex site. Since the one page site part uses menu anchors for scrolling it will need a different menu than the rest of the site, that will use normal links. The menu you want to use on almost all pages of your site, can be setup simply like it is shown above. Assign it to the main menu location, and you are done. The second menu, that was especially created for the one page site part, is not assigned to a special location in the menu setting.

How to use Mega Menu in HiTheme theme?

To use the Mega Menu, you need to pay attention to some points as below:

1. Active the Megamenu in the Menu Level 0 item.
2. Have menu level 0, menu level 1 and menu level 2.
3. Set to use Mega Menu and assign menu to use in the Navbar Options in Appearance > Theme Options.

Please see image below to have an overview about the Mega Menu configuration in HiTheme theme:

Menu Settings

To have a complete megamenu, we should understand the menu settings. In HiTheme theme, there are multile level of menu item: Parent Menu (Menu level 0) and Child Menu (Menu Level 1 & 2). Below are detail information about Menu Settings.

This part is refer to the settings in Appearance > Menu section in the WordPress Admin of HiTheme theme.

1. Parent Menu:

(See Screenshot )

• Navigation Label: This option allows you to add a name to your menu item.
• Title Attribute: This option specifies the value for the title attribute of the menu item.
• CSS Classes: This option lets you to add CSS Class to style the menu item.
• Show/Hide Advance Menu Config: This will open additional menu item settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Active mega menu: This option enables you to active megamenu.
• Icon: This option allows you to select a Font Awesome icon for the menu item.
• Active Full Mega Menu: This option enables you to active full megamenu
• Dropdown Size: This option lets you to configure the dropdown size of column for child menu.
• Show Description as Subtitle: This option let you to enable menu item description as substittle.
• Hide Title: This option lets you to hide tittle.
• Disable Link: This option lets you to disable the title link.
• Menu Thumbnail: This one allows you to upload custom image as menu thumbnails.

2. Child Menu:

(See Screenshot )

• Navigation Label: This option allows you to add a name to your menu item.
• Title Attribute: This option specifies the value for the title attribute of the menu item.
• CSS Classes: This option lets you to add CSS Class to style the menu item.
• Show/Hide Advance Menu Config: This will open additional menu item settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Icon: This option allows you to select a Font Awesome icon for the menu item.
• Dropdown sub size: This option lets you to configure the dropdown size of column.
• Show Description as Subtitle: This option let you to enable menu item description as substittle.
• Hide Title: This option lets you to hide tittle.
• Disable Link: This option lets you to disable the title link.
• Advanced options: This enables you to show Advanced Content/Shortcode or Page to megamenu. If you want to use shortcode or page, you need create them before assign here.
• Menu Thumbnail: This one allows you to upload custom image as menu thumbnails.

Existing Menus in HiTheme theme

In HiTheme, we use various menus for different positions. After importing the demo data, there will be many menus available in your site:

1. Primary Menu (Primary Menu)
2. Vertical Menu (Vertical Menu)
3. Menu Mobile (Mobile Menu)
4. Vertical Mobile (Mobile Menu Vertical)
5. Information
6. Our Services
7. My Account
8. Top Social

Primary Menu

This is Megamenu of the page, please follow steps as below:

1. After loggin the backend and go to Appearance > Menu, you can create this menu.
2. You can see Backend Settings here: See Screenshot.
3. The image and hot label are uploaded in the Menu Thumnail, you can see in the screenshot.
4. Menu item Promotion: You need to create page Megamenu with element Raw HTML first. After that, you can Append this page to the megamenu. You can find Raw HTML below.
5. Menu item Accessories: You need to create page Listing Table Product with element SW Listing Table Product first. After that, you can Append this page to the megamenu.

Raw HTML for Megamenu:

<div class="mega-menu">

	<div class="wrap-content">

		<div class="item">

			<div class="item-content">

				<h3>Category 1</h3>

				<ul>

					<li><a href="#">Headphones</a></li>

					<li><a href="#">Kotex Styles</a></li>

					<li><a href="#">Electronics</a></li>

					<li><a href="#">Toys</a></li>

					<li><a href="#">Accessories</a></li>

				</ul>

			</div>

		</div>

		<div class="item">

			<div class="item-content">

				<h3>Category 2</h3>

				<ul>

					<li><a href="#">Headphones</a></li>

					<li><a href="#">Kotex Styles</a></li>

					<li><a href="#">Electronics</a></li>

					<li><a href="#">Toys</a></li>

					<li><a href="#">Accessories</a></li>

				</ul>

			</div>

		</div>

		<div class="item">

			<div class="item-content">

				<h3>Category 3</h3>

				<ul>

					<li><a href="#">Headphones</a></li>

					<li><a href="#">Kotex Styles</a></li>

					<li><a href="#">Electronics</a></li>

					<li><a href="#">Toys</a></li>

					<li><a href="#">Accessories</a></li>

				</ul>

			</div>

		</div>

		<div class="item">

			<div class="item-content">

				<h3>Category 4</h3>

				<ul>

					<li><a href="#">Headphones</a></li>

					<li><a href="#">Kotex Styles</a></li>

					<li><a href="#">Electronics</a></li>

					<li><a href="#">Toys</a></li>

					<li><a href="#">Accessories</a></li>

				</ul>

			</div>

		</div>

		<div class="item2">

			<div class="item-image">

				<a href="#"><img class="alignnone wp-image-2939" src="https://wpthemego.com/document/wp-content/uploads/2016/09/mega1.jpg" alt="" width="420" height="306" /></a>

			</div>

		</div>

	</div>

</div>

Vertical Menu

This is Vertical Menu of the page, please follow steps as below:

1. After loggin the backend and go to Appearance > Menu, you can create this menu.
2. You can see Backend Settings here: See Screenshot.
3. The image, icon are uploaded in the Menu Thumnail, you can see in the screenshot. You can also change the link for Custom Menu item in URL options.

Other Menus

1. Top Social: See screenshot: Backend Settings
2. My Account: See screenshot: Backend Settings
3. Information: See screenshot: Backend Settings

HiTheme supports you with various pre-made Widget Sections and available Widgets to add different elements into different pages in your site. In this section, we will give you how to use Widgets in HiTheme theme.

These elements locates in Appearance > Widgets in the Admin Panel of your site.

Pre-made Widget Sections in HiTheme theme

There are various pre-made widget sections in HiTheme. They are:

1. Sidebar Left Blog: This section is for the left sidebar in Blog page.
2. Sidebar Right Blog: This section is for the right sidebar in Blog page.
3. Top Header: This section is for the header of the page.
4. Header Right: This section is for the header of the page.
5. Bottom Right: This section is for the header of the page.
6. Sidebar Left Product: This section is for the left sidebar in Product Listing page.
7. Sidebar Right Product: This section is for the left sidebar in Product Listing page.
8. Sidebar Left Detail Product: This section is for the left sidebar in Product page.
9. Sidebar Right Detail Product: This section is for the left sidebar in Product page.
10. Sidebar Bottom Detail Product: This section is for the bottom information in Product page.
11. Bottom Detail Product Mobile: This section is for the bottom information in Product page on Mobile layout.
12. Filter Mobile: This section is for filter/search on mobile layout.
13. Footer Copyright: This section is for the footer copyright of the page.
14. Widget Search: This section is for the ajax search.

Available Widgets in HiTheme theme

After installing HiTheme, there are many widgets in this area. Now we will have an overview about the ones used in this theme:

1. Categories: This widget is to display the blog category in widget sections
2. Text: This widget is to display the text or HTML into the area you want in widget sections.
3. Image: This widget is to display the image into the area you want in widget sections.
4. Tag Cloud: This widget is to display recent blog posts in your site.
5. SW Top Widget: This widget is to display the Cart, Search, Login form or others in the Top section.
6. Custom Menu: This widget is to display custom menu in widget section.
7. WooCommerce Currentcy Converter: This widget is to display currency converter in widget sections.
8. SW WooCommerce Related & Upsell Slider: This widget is to display Related Product in widget section of Product Page.
9. WooCommerce Price Fitler: This widget is to display price filter in widget section of Product Page.
10. WooCommerce Layered Nav: This widget is to display extra attribute of product as filter in widget section of Product Page.
11. SW Ajax WooCommerce Search: This widget is to display the SW Ajax WooCommerce Search in your site.

How to Add a Widget into a Widget Section

To add a Widget into a Widget Section, please follow steps as below:

1. Navigate to the Appearance > Widgets tab to access the list of widgets and widget sections. The left hand side shows all the widgets you can use. The right hand side shows all the different widget sections you can add widgets to.
2. Click on the widget you want, choose widget section to add and click on button Add Widget. Or else, you can drag and drop it to the widget section.
3. To rearrange widgets on a widget section, just drag and drop the widgets into the order you’d like.
4. After that, you need to configure different options due to different types of widget.
5. Finally, click Save to save the change.

Info To remove the widget, in the section you want, please choose it then click Delete.

Widget Settings

Now we will show you the options of different widgets used in HiTheme theme.

1. Categories:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Display as dropdown: This option allows you to configure the item to display as dropdown.
• Show post counts: This option lets you to show post counts for categories.
• Show hierarchy: This option lets you to show category regarding to hierarchy.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

2. Text:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Textbox: This option allows you to enter the content of widget.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

3. SW Top Widget:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Template: This option allows you to choose template for this widget including Minicart, Login or Search.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

4. Custom Menu:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Select Menu: This option allows you to choose available menu as you want.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

5. WooCommerce Currentcy Converter:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Currency codes: This option allows you to add the currency code as you want. Please enter 01 currency code per line.
• Show reset link: This option allows you to show reset link for currency in the widget.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.
• You can see documentation for this widget for more detail: Documentation for Currency Converter Widget.

6. SW WooCommerce Related & Upsell Slider:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Description: This option allows you to add description to this widget.
• Number of posts: This option allows you to configure the number of products appearing.
• Excerpt length (in words): This option allows you to configure the charater number of product title.
• Template: This option allows you to choose template for this widget.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

7. WooCommerce Price Fitler:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

8. WooCommerce Layered Nav:

See Screenshot: Demo – Backend

Please note that you need to create attribute for product in Products > Attributes first.

• Tittle: This option allows you to add a title to this widget.
• Attribute: This option allows you to choose create attribute to display.
• Display type: This option allows you to choose display type to this widget.
• Query type: This option allows you to choose query type to this widget.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

9. SW Ajax WooCommerce Search:

See Screenshot: Demo – Backend

• You can see documentation for this widget for more detail: Documentation for SW Ajax WooCommerce Search.

10. Image:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Upload Image: This option allows you to upload image you want for this widget.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

11. Tag Cloud:

See Screenshot: Demo – Backend

• Tittle: This option allows you to add a title to this widget.
• Taxonomy: Choose the taxonomy you want to choose the tag including Categories, Product, Portfolio.
• Show tag counts: Choose to display tag count or not.
• Advanced Options: This will open additional settings which are proprietary of HiTheme. Click the button and you’ll gain access to the additional options listed below.
• Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
• Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

HiTheme theme supports you with various Header and Footer Style and this feature will be updated in the future. In this section, we will discuss about the configuration and settings of HiTheme Header and Footer.

HiTheme Header

There are various Header Styles in this theme. They are:

Info To choose Header style you want, you can go to Appearance > Theme Options > Header & Footer and choose it. After that, you need to create or configure the elements for the Header Style in Appearance > Widgets.

• HiTheme Header Style 1
• Style 2
• Style 3
• Style 4
• Style 5

 

Header Style 1 includes elements:

 

Top Header: See screenshot: Backend Settings.

 

 

Text 1 (for Language Switcher):

<div id="lang_sel">

	<ul class="nav">

		<li>

			<a class="lang_sel_sel icl-en" href="#">

				 English

			</a>

			<ul>

				<li class="icl-en">

					<a href="[get_url]&amp;direction=ltr">

						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/en.png" width="18" height="12"/>

						 English

					</a>

				</li>

				<li class="icl-ar">

					<a href="[get_url]&amp;direction=rtl">

						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/ar.png" width="18" height="12"/>

						Arabic

					</a>

				</li>

			</ul>

		</li>

	</ul>

</div>	

 

Text 2 :

<div class="header-message">

<a href="http://demo.wpthemego.com/themes/sw_hitheme/?page_id=7"> Register</a>

</div>

 

Text 3 :

<div class="top-social">

<a href="https://www.facebook.com/SmartAddons.page"><i class="fa fa-facebook"></i></a>

<a href="https://twitter.com/smartaddons"><i class="fa fa-twitter"></i></a>

<a href="https://www.linkedin.com/company/smartaddons-com"><i class="fa fa-linkedin"></i></a>

<a href="https://plus.google.com/u/0/103151395684525745793/posts"><i class="fa fa-google-plus"></i></a>

<a href="#"><i class="fa fa-behance"></i></a>

</div>

</div>

 

Mid Header: See screenshot: Backend Settings.

 

 

Mid Header 2: See screenshot: Backend Settings.

 

 

Header Style 2 includes elements:

 

Top Header 2: See screenshot: Backend Settings.

 

 

Text 1 :

<div class="top-social">

<a href="https://www.facebook.com/SmartAddons.page"><i class="fa fa-facebook"></i></a>

<a href="https://twitter.com/smartaddons"><i class="fa fa-twitter"></i></a>

<a href="https://www.linkedin.com/company/smartaddons-com"><i class="fa fa-linkedin"></i></a>

<a href="https://plus.google.com/u/0/103151395684525745793/posts"><i class="fa fa-google-plus"></i></a>

<a href="#"><i class="fa fa-behance"></i></a>

</div>

</div>

 

Text 2 :

<div class="header-message">

<a href="http://demo.wpthemego.com/themes/sw_hitheme/?page_id=7"> Register</a>

</div>

 

Text 3 (for Language Switcher):

<div id="lang_sel">

	<ul class="nav">

		<li>

			<a class="lang_sel_sel icl-en" href="#">

				 English

			</a>

			<ul>

				<li class="icl-en">

					<a href="[get_url]&amp;direction=ltr">

						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/en.png" width="18" height="12"/>

						 English

					</a>

				</li>

				<li class="icl-ar">

					<a href="[get_url]&amp;direction=rtl">

						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/ar.png" width="18" height="12"/>

						Arabic

					</a>

				</li>

			</ul>

		</li>

	</ul>

</div>	

 

Mid Header: See screenshot: Backend Settings.

 

 

Mid Header 2: See screenshot: Backend Settings.

 

 

Header Style 3 includes elements:

 

Mid Header: See screenshot: Backend Settings.

 

 

Mid Header 2: See screenshot: Backend Settings.

 

 

Header Style 4 includes elements:

 

Top Header 3: See screenshot: Backend Settings.

 

 

Text 1 :

<div class="header-message">Welcome visitor you can</div>

 

Text 2 :

<div class="header-message">or 

<a href="http://demo.wpthemego.com/themes/sw_hitheme/?page_id=7">create an account</a>

</div>

 

Text 3 (for Language Switcher):

<div id="lang_sel">

	<ul class="nav">

		<li>

			<a class="lang_sel_sel icl-en" href="#">

				 English

			</a>

			<ul>

				<li class="icl-en">

					<a href="[get_url]&amp;direction=ltr">

						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/en.png" width="18" height="12"/>

						 English

					</a>

				</li>

				<li class="icl-ar">

					<a href="[get_url]&amp;direction=rtl">

						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/ar.png" width="18" height="12"/>

						Arabic

					</a>

				</li>

			</ul>

		</li>

	</ul>

</div>	

 

Mid Header: See screenshot: Backend Settings.

 

 

Mid Header 2: See screenshot: Backend Settings.

 

 

Header Style 1 includes elements:

 

Top Header: See screenshot: Backend Settings.

 

 

Text 1 (for Language Switcher):

<div id="lang_sel">

	<ul class="nav">

		<li>

			<a class="lang_sel_sel icl-en" href="#">

				 English

			</a>

			<ul>

				<li class="icl-en">

					<a href="[get_url]&amp;direction=ltr">

						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/en.png" width="18" height="12"/>

						 English

					</a>

				</li>

				<li class="icl-ar">

					<a href="[get_url]&amp;direction=rtl">

						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/hitheme/assets/img/ar.png" width="18" height="12"/>

						Arabic

					</a>

				</li>

			</ul>

		</li>

	</ul>

</div>	

 

Text 2 :

<div class="header-message">

<a href="http://demo.wpthemego.com/themes/sw_hitheme/?page_id=7"> Register</a>

</div>

 

Text 3 :

<div class="top-social">

<a href="https://www.facebook.com/SmartAddons.page"><i class="fa fa-facebook"></i></a>

<a href="https://twitter.com/smartaddons"><i class="fa fa-twitter"></i></a>

<a href="https://www.linkedin.com/company/smartaddons-com"><i class="fa fa-linkedin"></i></a>

<a href="https://plus.google.com/u/0/103151395684525745793/posts"><i class="fa fa-google-plus"></i></a>

<a href="#"><i class="fa fa-behance"></i></a>

</div>

</div>

 

Mid Header: See screenshot: Backend Settings.

 

 

Mid Header 2: See screenshot: Backend Settings.

 

 

Call Us: See screenshot: Backend Settings.

 

HiTheme Footer

HiTheme also supports various Footer Styles. They are:

Info To choose Footer style you want, you can go to Appearance > Theme Options > Header & Footer and choose it. You also need to create or configure the footer elements in Pages > All Pages > Footer Style x for the Footer Style you choose.

• HiTheme Footer Style 1
• Style 2
• Style 3
• Style 4
• Style 5

 

See screenshot: Backend Settings

 

See screenshot: Backend Settings

 

See screenshot: Backend Settings

 

See screenshot: Backend Settings

 

See screenshot: Backend Settings

MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment, contact or checkout form.

After installing HiTheme and activating all plugin, MailChimp is available in your site. In this section, we will show you how to configure this plugin in HiTheme theme.

Connect with your MailChimp account

Firstly, you need to connect MailChimp in your site with your MailChimp account. Please follow steps as below:

1. Log in to site in the backend.
2. Go to MailChimp for WP > MailChimp at the left sidebar menu.
3. Now, in the General Settings window, you need to configure the MailChimp API Settings by adding your API Key to connect to your MailChimp account.
4. After all, click Save Change button to Connect with your account.

Configure MailChimp for your WordPress site

To have the MailChimp works effectively and have style as in the demo, you need to do some configurations as below:

1. Log in to site in the backend and go to MailChimp for WP > MailChimp > Forms.
2. Complete the Form Field in tab Field. See screenshot: Backend Settings
3. Complete the Form Messages in tab Messages. See screenshot: Backend Settings
4. Complete the Form Settings in tab Settings. See screenshot: Backend Settings
5. Complete the Form Appearance in tab Appearance. See screenshot: Backend Settings
6. After all, save the change and check the result in the front end of your site.

The text in Form Field:

<p>

	<input type="email" name="EMAIL" placeholder="Enter your mail..." required />

    <input type="submit" value="subscribe" />

</p>

Info For more detail, you can see the Documentation for this problem: How to Use MailChimp for your WordPress themes?.