Table of content as following:
1 SYSTEM REQUIREMENT – Back to top
At the basic level, this theme will require the following conditions:
- Compatible with WordPress 3.9.x
Installation Packages include:
- Quickstart Package
- Theme package only
- Plugin packages are developed by Magentech
2LAYOUT POSITION – Back to top
3INSTALLATION – Back to top
There are two ways to install a WordPress theme:
- Install quickstart: By using this package, you will set the theme exactly as our Demo with sample data. This is applied when you need a fresh WordPress with our theme.
- Install theme and Plugins: This is applied when you have already installed a WordPress instance on your server. You will need only be using the zipped files in “plugins” and “theme” folders mentioned above.
3.1 Install with Quickstart Package:
Step 1: Extract Quickstart package to your folder >> htdocs >> xampp if you’re using localhost. Or upload all files after extracting as this image if you’re using a hosting server.
Step 2: Move the directory content into your browsers and start installation. The initial WordPress installation screen will notify you that the configuration file is unavailable. Click Create Configuration File button to create it.
Step 3: You need to setup database if you haven’t got. You can refer the guide how to create a new database and new username for WordPress. Then Let’s Go!
Step 4: Input the WordPress database connection details. With using localhost, you can type the username and password as below:
Step 5: Run the installation and edit needed information as following:
Step 6: Complete installation
Step 7: Log in your account and discover the new theme
3.2 Install with SW Theme
Firstly, Login your administrator, go to Appearance >> Add New >> Upload Theme >> Click Choose File to install
After theme installation succeed, click to Activate the theme.
3.3 Install Plugins
In administrator, go to Plugins > Add New > Upload plugins as the same with Install Theme above. Then, don’t forget to activate plugins that were installed by going to Plugins > Installed Plugins . Please click HERE to view details the activated plugins.
4CONFIGURATION – Back to top
4.1 How to Configure Theme Options
Let’s go to Appearance > Theme Options for configuration.
General
Navbar Options
Layout
Typography
Social share
Advanced
4.2 How to Configure Widgets
Let’s go to Appearance >> Widgets!
You can drag widgets/plugins in the list from left to positions on your right as follow image
4.2.1 Custom Menu - Top position
Let’s look at the parameters in detail:
4.2.2 Currency - Top position
Let’s look at the parameters in detail:
4.2.3 Language - Top position
Let’s look at the parameters in detail:
4.2.4 Search - Top Logo position
Let’s look at the parameters in detail:
4.2.5 Minicart - Top Logo position
Let’s look at the parameters in detail:
4.2.6 Category Menu - Menu Category position
Let’s look at the parameters in detail:
4.2.7 Revolution Slider - Banner position
Please click HERE to view Video Guide for Revolution Slider Plugin.
Let’s look at the parameters in detail:
4.2.8 Text - Above Main postion
Code Custom HTML of Text :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="banner-ad banner-ad1">
<a href="#" title="banner" >
<img alt="The Framewodk" class="img-ad" src="wp-content/themes/sw_papa/assets/img/AD1.png" />
</a>
<div class="text-ad text-ad1">
<img alt="The Framewodk" src="wp-content/themes/sw_papa/assets/img/text_AD1.png">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="banner-ad banner-ad1">
<img alt="The Framewodk" src="wp-content/themes/sw_papa/assets/img/AD2.png" class="img-ad" />
<div class="text-ad text-ad1">
<img alt="The Framewodk" src="wp-content/themes/sw_papa/assets/img/text_AD2.png">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="banner-ad banner-ad1">
<img alt="The Framewodk" src="wp-content/themes/sw_papa/assets/img/AD3.png" class="img-ad" />
<div class="text-ad text-ad1">
<img alt="The Framewodk" src="wp-content/themes/sw_papa/assets/img/text_AD3.png">
</div>
</div>
</div>
</div>
|
4.2.9 Sw Woocommerce Tab Listing widget - Above Content postion
4.2.10 YA List Category - Below Content postion
4.2.11 Top rated denim - Below Content postion
4.2.12 Be Inspired - Below Content postion
4.2.13 Need to know - Bottom1 postion
Code Custom HTML of Text :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<div class="need-to-know">
<ul>
<li class="know1">
<a href="#">
<i></i>
<span>Free Shipping</span>
<br>
On all orders over $50.
</a>
</li>
<li class="know2">
<a href="#">
<i></i>
<span>Free Returns</span>
<br>
On all orders.
</a>
</li>
<li class="know3">
<a href="#">
<i></i>
<span>International Shipping</span>
<br>
To over 80 countries.
</a>
</li>
</ul>
</div>
|
4.2.14 Store chain - Bottom1 postion
4.2.15 History - Bottom2 postion
Code Custom HTML of Text :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<div class="history">
<span>12 years in the making</span>
<div class="history1 his-1">
<div class="year">2001</div>
<div class="line"> </div>
<div class="history-content">No matter if you're padding along the coast with your family or if you're an</div>
</div>
<div class="history2">
<div class="year">2005</div>
<div class="line"> </div>
<div class="history-content">The idea behind this distinctive statement piece is to fully embrace seasonal theme of the 'Tour de Nerd'</div>
</div>
<div class="history1">
<div class="year">2007</div>
<div class="line"> </div>
<div class="history-content">Dynamic traction pattern for multidirec. Mesh panels for breat han bility middle of winter</div>
</div>
<div class="history2">
<div class="year">2010</div>
<div class="line"> </div>
<div class="history-content">Only a true nerd would feel the need to take their own seat with him or her! This bag combine the new</div>
</div>
<div class="history1">
<div class="year">2013</div>
<div class="line"> </div>
<div class="history-content">Dynamic traction pattern for multidirec. Mesh panels for breat han bility middle of winter</div>
</div>
</div>
|
4.2.15 Contact Us - Bottom3 postion
Code Custom HTML of Text :
4.2.16 Newsletter - Bottom3 postion
Code Custom HTML of Text :
4.2.17 Text Widget - Floating postion
Code Custom HTML of Text :
1
2
3
4
5
|
<div class="slogan-content">
<em class="icon-comments-alt"></em>
Excellent fashion theme with a lot of awesome features! Support is very good, quick reaction. Thanks you guys.
</div>
<div class="slogan-author">__Magentech__</div>
|
4.2.18 Customer Support - Footer postion
4.2.19 Credit Card - Footer postion
Code Custom HTML of Text :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<div class="block-content-col">
<ul>
<li class="col-item">
<a href="# ">Apply now and save today</a>
<img alt="" src="wp-content/themes/sw_papa/assets/img/payment1.png" />
</li>
<li class="col-item">
<a href="#">Review your card benefits</a>
<img alt="" src="wp-content/themes/sw_papa/assets/img/payment2.png" />
</li>
<li class="col-item">
<a href="#">Manage your account</a>
<img alt="" src="wp-content/themes/sw_papa/assets/img/payment3.png" />
</li>
</ul>
</div>
|
4.2.20 Visual Editor - Banner postion
Code Custom HTML of Visual Editor :
4.3 How to Create Menu
SW Sport supports for new WordPress menu system to manage your main menu items.
Please go to Appearance >> Menus and follow step by step as below image
5SUPPORT – Back to top
Thank you so much for purchasing this theme. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System
Thanks so much!