SW Nik V1

This guide will help you install SW Nik V1 themes step by step. If you are using SW Nik V2, please click here to see userguide for SW Nik V2.

1 SYSTEM REQUIREMENT ai??i?? Back to top

At the basic level, this theme will require the following conditions:

Apache 2.x or Microsoft IIS 7
PHP 5.3.x
MySQL 5.0.4 or higher
WordPress 3.9+, 4.0+

Recommended PHP Configuration Limits: Many issues you may run into such as; white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can contact with your web host and ask them to increase those limits to a minimum or You can do this on your own by finding php.ini file in your root directory as follows:

max_execution_time 180

memory_limit 128M

post_max_size 32M

upload_max_filesize 32M

2LAYOUT POSITION ai??i?? Back to top

2.1 Home Default Layout

2.2 Home 2 Layout

2.3 Home 3 Layout

3INSTALLATION ai??i?? Back to top

3.1 Files Structure

At first, you need to download the package about my computer and then unzip the package. The Main Files Gives You All The Content Listed Below

Theme folder – Contains the sw_nik_theme_version1.2.0.zip file and sw_nik-child-theme.zip WordPress Theme. The child theme is only for users who make code changes.
Data folder – Contains the sample_data.xml file; widget.wie file and 3 slider files (slider1.zip; slider2.zip & slider3.zip) .

3.2 Install Theme

Login to your WordPress Administrator Panel and navigate to Appearance >> Themes. At the top of the page click the Add NewAi?? button.

Click the Upload Theme button >> Choose File in Import from your computer section. Navigate to previously zipped theme package and open theme installator folder:
Select your theme .zip file and click Install Now.

Note: If the file size is larger than 8M, please upload to FTP (File Transfer Protocol).

The uploading process will be started. You will see the message that Theme installed successfully.

Click “Activate” to enable theme.

And then, you click “Begin installing plugin”.

Select the plugin >> click list box to select “Install” >> Apply.

You will see the message that the plugin installed successfully.

Click “Return to Required Plugins Installer” >> select plugin “SW Twitter Slider” >> Active >> Apply.

You will see the message that The plugin was activated successfully.

3.3 Install Sample Data & Product

Step 1: In the Administrator page, please navigate to Tools >> Import.

Step 2: Please choose “WordPress” to import.

Step 3: In Import WordPress page, click “choose file” button to select file “sampledata.xml” to upload.

Step 4: Click “choose file” button to select file “product.xml” to upload. The “product.xml” file contains the products of Woocommerce.

3.4 Install Slider

Step 1: In the Administrator page, please navigate to Revolution Slider >> Import Slider.

Step 2: Click “choose file“ button to select file “slider1.zip; slider2.zip; slider3.zip” one after another to import slider.

4 READING SETTINGS ai??i?? Back to top

In the Administrator page, please navigate to Settings >> Reading >> Front page displays >> select “A static page” >> Front Page “Home” >> Save. This allows the changes to display on the home page.

5 CONFIGURATION ai??i?? Back to top

5.1 How to Configure Theme Options

Let’s go to Appearance > Theme Options for configuration.

General

Layout

Typography

Social share

Advanced

5.2 Configure Widgets – Home Default

Let’s go to Appearance >> Widgets!

You can drag widgets/plugins in the list from left to positions on your right as follow image

Add widgets in your sidebars and then choose where they will be shown! It has never been so easy to personalize the widgets section!

Advanced Options – Support 3 options for your advance
- Widget Style – Style of widget ( default is selection )
  - col-4; col-5– Set the width of the widget will occupy (4/12; 5/12) .
  - No-margin– Do not allow to set margin at bottom.
  - contact-us, get-help, join, orders – Style for footer column “contact-us, get-help, join, orders”.
  - Container– Add a class container into the widget, use for sidebar without container.
  - pull-left, pull-right– Allow to align left/right .
- Language Display – This option is shown only plugin WPML was actived. It allow user can select language to display widget.
- Widget Display – Option select widget display. There are 3 option:
  - All– Widget will display all in theme in the sidebar that’s selected.
  - Only on selected– Check into checkbox which you want your sidebar show on that.
  - All – The widget will be shown on pages that contains widget’s sidebar
  - Except on selected – Allow to choose pages that don’t want to show widget
  - Only on selected – Allow to choose pages that want to show widget
    - Users – Allow to be shown for user pages (login/ not login)
    - General – Check into the checkbox that you want to show the sidebar( blog, archive…)
    - Taxonomy Slugs – Input Taxonomy Slugs of pages that you want to display widget, if have many taxonomies then separate them by “,” mark.
    - Posts type – Input Posts type of pages that you want to display widget, if have many posts type then separate them by “,” mark.
    - Categories ID & Posts ID – ID of Categories or Posts, if have many IDs then separate them by “,” mark.
    - Menu – Allow to choose menu that you want to display widget.

Note: If your theme use WPML, please select Language on admin toolbar before selecting a widget display at sidebar.

5.2.1 YA Top Widget – Top position

Frontend Appearances:

Backend Settings:

Minicart

Title – Allow to add title for this widget
Template – Select “Minicart” template.

5.2.2 WooCommerce Currency Converter – Top position

Frontend Appearances:

Backend Settings

Currency

Title – Allow to input title of currency
Currency Codes – Allow user to choose a currency for prices to be displayed in

5.2.3 Language Selector – Top position

Frontend Appearances:

Backend Settings

5.2.4 YA Top Widget – Top position

Frontend Appearances:

Backend Settings

Login

Title – Allow to add title for this widget
Template – Select “Login” template.

5.2.5 YA Top Widget – Top position

Frontend Appearances:

Backend Settings

Search

Title – Allow to add title for this widget
Template – Select “Search” template.

5.2.6 Revolution Slider – Banner position

Frontend Appearances:

Backend Settings

Slider

Title – Allow to input title of slider
Choose Slider – Allow to select slider
Home Page Only – Allow to only display on Home Page

5.2.7 Text – Above Main position

Frontend Appearances:

Backend Settings

Text

Title – Allow to input arbitrary text or custom HTML

Copy and Paste the Code Custom HTML of Text :

<div class="banner-top row">
	<div class="bannertop1 col-lg-3 col-md-3 col-sm-3 col-xs-12">
		<div class="bannertop-img">
			<a href="#">
				<img class="img-bg" alt="" src="wp-content/themes/sw_nik/assets/img/banner-top1-1.jpg" />
				<img class="banner-info" alt="" src="wp-content/themes/sw_nik/assets/img/banner-top1-2.png" />
			</a>
		</div>
	</div>
	<div class="bannertop3 col-lg-6 col-md-6 col-sm-6 col-xs-12">
		<div class="bannertop3-1">
			<a href="#">
				<img alt="" src="wp-content/themes/sw_nik/assets/img/banner-top3.jpg"/>
			</a>
		</div>
		<div class="bannertop3-2">
			<a href="#">
				<img alt="" src="wp-content/themes/sw_nik/assets/img/banner-top4.png"/>
			</a>
		</div>
	</div>
	<div class="bannertop2 col-lg-3 col-md-3 col-sm-3 col-xs-12">
		<div class="bannertop-img">
			<a href="#">
				<img class="img-bg" alt="" src="wp-content/themes/sw_nik/assets/img/banner-top2-1.jpg"/>
				<img class="banner-info" alt="" src="wp-content/themes/sw_nik/assets/img/banner-top2-2.png"/>
			</a>
		</div>
	</div>
</div>

5.2.8 SW Woo Slider Widget – Above Main position

Frontend Appearances:

Backend Settings

New Products

Title – Allow to input title of slider
Description – Allow to input description of slider
Select type of show – Allow to select type of show: Category/Other
Category ID – Allow to select Category ID
Order by – Allow to order by following field:
- ID
- Name
- Author
- Date
- Title
- Modified
- Parent
- Rand
- Comment Count
Order – Ascending/Descending
Number of Posts – Number of post will be shown (default: 12 posts)
Excerpt Length (in words) – Limited Text (default: 25 words)
Number of Columns – Set the number of columns on each device:
- Number of Columns >1200px
- Number of Columns on 768px to 1199px

Number of Columns on 480px to 767px
- Number of Columns on 321px to 479px
- Number of Columns in 320px or less than
Control button position: – Allow to set control button position: Top/Bottom
Interval – Interval of each slide (default: 0 ms)
Speed – Speed of each slide
Stop when hover – When mouse over on slideshow, it will stop if this field Yes and not stop if No.

5.2.9 Text – Above Content postion

Frontend Appearances:

Backend Settings

Text

Title – Allow to input arbitrary text or custom HTML

Copy and Paste the Code Custom HTML of Text :

<div class="block-newsletter">
	<div class="block-title">Sign up below for early updates</div>
	<div class="block-content">
		<p>
			Please sign up to the Nik mailing list to receive updates on new arrivals, special offers and
			<br>
			other discount information
		</p>
		[contact-form-7 id="2007" title="Subcribe"]
	</div>
</div>

5.2.10 SW Woo Slider widget – Above product position

Frontend Appearances:

Backend Settings

BEST SALES

Title – Allow to input title of slider
Description – Allow to input description of slider
Select type of show – Allow to select type of show: Category/Other
Category ID – Allow to select Category ID
Order by – Allow to order by following field:
- ID
- Name
- Author
- Date
- Title
- Modified
- Parent
- Rand
- Comment Count
Order – Ascending/Descending
Number of Posts – Number of post will be shown (default: 12 posts)
Excerpt Length (in words) – Limited Text (default: 25 words)
Number of Columns – Set the number of columns on each device:
- Number of Columns >1200px
- Number of Columns on 768px to 1199px

Number of Columns on 480px to 767px
- Number of Columns on 321px to 479px
- Number of Columns in 320px or less than
Control button position: – Allow to set control button position: Top/Bottom
Interval – Interval of each slide (default: 0 ms)
Speed – Speed of each slide
Stop when hover – When mouse over on slideshow, it will stop if this field Yes and not stop if No.

5.2.11 SW Twitter Slider widget – Recent Tweets position

Frontend Appearances:

Backend Settings

SW Twitter Slider

Title – Allow to input title of slider
Consumer Key, Consumer Secret , Access Token and Access Token Secret: – Please click Here to read more about How to Generate them.
Cache Tweets in every – Cache tweets in every time
Twitter User name – Allow to input user name of twitter
Number Tweets to display – Allow to display number of tweeter

5.2.12 Need to Know & Be Inspired – Below Content position

Frontend Appearances:

Backend Settings

Need to Know & Be Inspired

Title – Allow to input arbitrary text or custom HTML

Copy and Paste the Code Custom HTML of Text :

<div class="banner-bottom row">
	<div class="banner-bottom1 banner-bottom-content col-lg-6 col-md-6 col-sm-6 col-xs-12">
		<div class="block-title">
			<span>NEED TO KNOW</span>
			<p>Browse qua the following product new the we</p>
		</div>
		<div class="block-content row">
			<div class="col-xs-6">
				<a href="#">
					<img alt="" src="http://demo.magentech.net/themes/sm_nik/media/wysiwyg/banner/banner-bottom1.jpg">
				</a>
			</div>
			<div class="col-xs-6">
				<a href="#">
					<img alt="" src="http://demo.magentech.net/themes/sm_nik/media/wysiwyg/banner/banner-bottom2.jpg">
				</a>
			</div>
		</div>
	</div>
	<div class="banner-bottom2 banner-bottom-content col-lg-6 col-md-6 col-sm-6 col-xs-12">
		<div class="block-title">
			<span>BE INSPIRED</span>
			<p>Browse qua the following product new the we</p>
		</div>
		<div class="block-content row">
			<div class="col-xs-6">
				<a href="#">
					<img alt="" src="http://demo.magentech.net/themes/sm_nik/media/wysiwyg/banner/banner-bottom3.jpg">
				</a>
			</div>
			<div class="col-xs-6">
				<a href="#">
					<img alt="" src="http://demo.magentech.net/themes/sm_nik/media/wysiwyg/banner/banner-bottom4.jpg">
				</a>
			</div>
		</div>
	</div>
</div>

5.2.13 SW Partner Slider Widget – Floating position

Frontend Appearances:

Backend Settings

5.2.14 Free Shipping, 24/7 Support & Gift Card Member – Bottom position

Frontend Appearances:

Backend Settings

Bottom

Title – Allow to input arbitrary text or custom HTML

Copy and Paste the Code Custom HTML of Text :

<div class="block-policy">
<div class="policy policy1">
<div class="block-title">Free shipping</div>
<div class="block-content">
<div class="block-content-left">
<img alt="" src="wp-content/themes/sw_nik/assets/img/ico-freeship.png">
</div>
<div class="block-content-right">
<span class="sub-title">Idea behind this distinctive new ment</span>
<ul>
<li>
<a href="#">Tour de Nerd's only a true nerd</a>
</li>
<li>
<a href="#">Need to take their own seat with him</a>
</li>
<li>
<a href="#">Per! This bag combines the new.</a>
</li>
</ul>
</div>
</div>
</div>
<div class="policy policy2">
<div class="block-title">24/7 support</div>
<div class="block-content">
<div class="block-content-left">
<img alt="" src="wp-content/themes/sw_nik/assets/img/ico-247.png">
</div>
<div class="block-content-right">
Behind this distinctive new statement piece is to fully embrace theme
<div class="phone">
<span>031.222.5550</span>
or
<span>01.345.6789</span>
</div>
</div>
</div>
</div>
<div class="policy policy1">
<div class="block-title">gift card member</div>
<div class="block-content">
<div class="block-content-left">
<img alt="" src="wp-content/themes/sw_nik/assets/img/ico-giftcard.png">
</div>
<div class="block-content-right">
<span class="sub-title">You a functional backpack and seat:</span>
<ul>
<li>+25% for Diamond Members</li>
<li>+20% for Gold Members</li>
<li>+10% for Silver Members</li>
</ul>
</div>
</div>
</div>
</div>

5.2.15 Custom Menu – Menu Footer position

Frontend Appearances:

Backend Settings

5.2.16 Text – Menu Footer position

Frontend Appearances:

Backend Settings

Copy and Paste the Code Custom HTML of Text :

<div class="socials-wrap">
<ul>
<li>
<a class="icon-facebook" target="_blank" href="http://www.facebook.com/MagenTech" title="Facebook"></a>
</li>
<li>
<a class="icon-twitter" target="_blank" href="https://twitter.com/magentech" title="Twitter"></a>
</li>
<li>
<a class="icon-linkedin" target="_blank" href="#" title="Linkedin"></a>
</li>
<li>
<a class="icon-google-plus" target="_blank" href="https://plus.google.com/u/0/+Smartaddons" title="Google+"></a>
</li>
<li>
<a class="icon-pinterest" target="_blank" href="http://www.pinterest.com/magentech/" title="Pinterest"></a>
</li>
</ul>
</div>

5.2.17 Custom Menu: Get Help; Order; Join – Footer position

Frontend Appearances:

Backend Settings

5.2.18 Contact Us – Footer position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<ul class="contact-list">
<li><i class="icon-map-marker"></i>540 Road, Park building Florida, USA</li>
<li><i class="icon-envelope"></i> <a href="mailto:mail@company.com">mail@company.com</a></li>
<li><i class="icon-phone-sign"></i> +44 123 456 78</li>
</ul>

<div class="social">
    <h4>Social networking</h4>
    <ul class="list-inline">
        <li>
            <a data-placement="top" class="sb facebook small  min " title="" href="http://www.facebook.com/SmartAddons.page" style="display: inline-block;" target="_blank" >
                <i class="icon-facebook"></i>
            </a>
        </li>
        <li>
            <a data-placement="top " class="sb twitterbird min min " title=" " href="https://twitter.com/smartaddons " style="display: inline-block; " target="_blank" >
                <i class="icon-twitter "></i>
            </a>
        </li>
        <li>
            <a data-placement="top " class="sb linkedin small min " title=" " href="http://www.linkedin.com/in/smartaddons "  style="display: inline-block; " target="_blank" >
                <i class="icon-linkedin "></i>
            </a>
        </li>
        <li>
            <a data-placement="top " class="sb google min min " title=" " href="https://plus.google.com/103151395684525745793 " style="display: inline-block; " target="_blank" >
                <i class="icon-google-plus "></i>
            </a>
        </li>
        <li>
            <a data-placement="top " class="sb pinit min min " title=" " href="http://pinterest.com/smartaddons " style="display: inline-block; " target="_blank" >
                <i class="icon-pinterest "></i>
            </a>
        </li>
    </ul>
</div>

5.3 How to Configure Widgets – Home 2 Layout

The Home 2 Layout has the position as following:

Top Header
Top Banner
Banner
Above Content
Below Content
Footer

5.3.1 YA Top Widget – Top Header position

Frontend Appearances:

Backend Settings

5.3.2 Custom Menu – Top Header position

Frontend Appearances:

Backend Settings

5.3.3 WooCommerce Currency Converter – Top Header position

Frontend Appearances:

Backend Settings

5.3.4 WooCommerce Currency Converter – Top Header position

Frontend Appearances:

Backend Settings

5.3.5 Text: Language – Top Header position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div id="lang_sel">
	<ul class="nav">
		<li>
			<a class="lang_sel_sel icl-en" href="#">
				<img class="iclflag" title="English" alt="en" src="wp-content/themes/sw_nik/assets/img/en.png">
				 English
			</a>
			<ul>
				<li class="icl-en">
					<a href="http://documentation.magentech.com?page_id=1476&direction=ltr">
						<img class="iclflag" title="English" alt="en" src="wp-content/themes/sw_nik/assets/img/en.png">
						 English
					</a>
				</li>
				<li class="icl-ar">
					<a href="http://documentation.magentech.com?page_id=1476&direction=rtl">
						<img class="iclflag" title="Arabic" alt="ar" src="wp-content/themes/sw_nik/assets/img/ar.png">
						Arabic
					</a>
				</li>
			</ul>
		</li>
	</ul>
</div>

5.3.6 Text: Social – Top Header position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="social">
<ul>
<li><a href="LINK_YOUR_FACEBOOK" class="icon-facebook"></a></li>

<li><a href="LINK_YOUR_PINTEREST" class="icon-rss"></a></li>

<li><a href="LINK_YOUR_TWITTER" class="icon-twitter"></a></li>

<li><a href="LINK_YOUR_PLUS_GOOGLE" class="icon-google-plus"></a></li>

<li><a href="LINK_YOUR_TUMBLR" class="icon-tumblr"></a></li>
</ul>
</div>

5.3.7 Text: Banner – Top Banner position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="banner-header">
<a href="#"><img src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/02/Banner_600x74px.png" title="banner" alt="layer-375"></a>
</div>

5.3.8 YA Top Widget – Top Banner position

Frontend Appearances:

Backend Settings

5.3.9 Revolution Slider – Banner position

Frontend Appearances:

Backend Settings

5.3.10 Text: Support – Free Shipping – Secure Payments – At Above Main position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="row">
<div class="support col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="support-in">
<a href="#">Support - Toll Free 1800-4868-2222</a>
<p>(Mon To Sat 10:00 AM - 6:00 PM)</p>
</div>
</div>
<div class="shipping col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="shipping-in">
<a href="#">Free Shipping Worldwide</a>
<p>On Oders Over $99.00</p>
</div>
</div>
<div class="secure col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="secure-in">
<a href="#">100% Secure Payments</a>
<p>Verified checkout & ordering</p>
</div>
</div>
</div>

5.3.11 Sw Woo Slider Widget: FEATURED PRODUCTS – At Above Main position

Frontend Appearances:

Backend Settings

5.3.12 Text: Banner Main – At Above Main position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="banner-main">
<div class="row">
<div class="column1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
<a href="#"><img src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/03/banner.png" alt="banner1"></a>
</div>
<div class="column2 col-lg-8 col-md-8 col-sm-8 col-xs-12">
<div class="top">
<a href="#"><img src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/02/2.png" alt="banner2"></a>
</div>
<div class="bottom row">
<div class="bottom1 col-lg-6 col-md-6 col-sm-6 col-xs-12">
<a href="#"><img src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/02/31.png" alt="banner3"></a>
</div>
<div class="bottom2 col-lg-6 col-md-6 col-sm-6 col-xs-12">
<a href="#"><img src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/02/4.png" alt="banner4"></a>
</div>
</div>
</div>
</div>
</div>

5.3.13 New Arrivals – At Above Main position

Frontend Appearances:

Backend Settings

5.3.14 Text: SIGN UP TO OUR NEWSLETTER – At Above Content position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="block-newsletter">
	<div class="block-title">SIGN UP TO OUR NEWSLETTER</div>
	<div class="block-content">
		<p>
			Suspendisse potenti quisque volutpat leo sed purus volutpat, ut gravida arcu adipiscing. Vivamus varius sem vel odio
			<br>
			bibendum lectus in lectus mollis rutrum. Nam auctor sem tortor, vitae ornare urna faucibus quis faucibus
		</p>
		[contact-form-7 id="2007" title="Subcribe"]
	</div>
</div>

5.3.15 Sw Posts Slider widget: FROM THE BLOG – At Blow Content position

Frontend Appearances:

Backend Settings

5.3.16 Sw Partner Slider widget: Our Brands – At Blow Content position

Frontend Appearances:

Backend Settings

5.3.17 Sw Best Seller Products: Recent Products – At Footer position

Frontend Appearances:

Backend Settings

5.3.18 Sw Best Seller Products: Best sellers – At Footer position

Frontend Appearances:

Backend Settings

5.3.19 Text: About us – Top Header position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="about-us">
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing              elit. Aenean pharetra, ligula non mollis pretium, lectus libero sodales augue, interdum auctor mauris dui non risus.</p>
        <ul class="about-list">
               <li>
                       <i class="icon-home"></i>our Company LTD Street nr XYZ
               </li>
               <li>
                       <i class="icon-phone"></i>0123 4567 890
               </li>
               <li>
                       <i class="icon-envelope"></i>support@yourdomain.com
               </li>
               <li>
                       <i class="icon-time"></i>We are open: Monday - Suttarday, 10AM - 5PM and colsed on sunday sorry for that.
               </li>
        </ul>
</div>

5.3.20 WooCommerce Product Tags: Product Tags – Footer position

Frontend Appearances:

Backend Settings

5.4 How to Configure Widgets – Home 3 Layout

The Home 3 Layout has the position as following:

Top Header
Top Banner
Above Main
Sidebar Left
Content
Below Main
Bottom
Footer
Below Footer
Copyright-Left

Note: Top Header position at the Home 3 Layout configure the same as the Home 2 Layout. Please note that in Advanced Option part >> selecting Widget Display: “Only on selected” >> Find to Primary Navigation >> tick box “Home 3” >> to display this widget on the Home 3 Layout.

5.4.1 Text: Contact Us – Top Banner position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="phone">
<p>Contact Us</p>
<p><span>(+1) 123 456 789</span></p>
</div>

5.4.2 vertical megamenu: all category – Above Main position

Frontend Appearances:

Backend Settings

5.4.3 Revolution Slider – Above Main position

Frontend Appearances:

Backend Settings

5.4.4 Sw best seller products: Best Sellers – Sidebar Left position

Frontend Appearances:

Backend Settings

5.4.5 WooCommerce Product Tags – Sidebar Left position

Frontend Appearances:

Backend Settings

5.4.6 Text: banner sidebar – Sidebar Left position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div id="banner-right">
<a href="#"><img src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/03/banner-sidebar.png" title="Banner" alt="banner"/></a>
</div>

5.4.7 YA Posts: Our Blog – Sidebar Left position

Frontend Appearances:

Backend Settings

5.4.8 Sw Woo Slider widget: Featured Products – Sidebar Left position

Frontend Appearances:

Backend Settings

5.4.9 Text: banner content – Content position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="banner-content row">
	<div class="banner-content1 banner-bottom-content col-lg-6 col-md-6 col-sm-6 col-xs-12">
	         <a href="#"><img alt="" src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/03/banner-content.png">
                 </a>
	</div>
	<div class="banner-content2 banner-bottom-content col-lg-6 col-md-6 col-sm-6 col-xs-12">
	<a href="#"><img alt="" src="http://wp.smartaddons.com/themes/sw_nik/wp-content/uploads/2015/03/banner-content2.png">
	</a>
	</div>
</div>

5.4.10 Sw Woo Slider widget: New Arrivals – Content position

Frontend Appearances:

Backend Settings

5.4.11 Sw Woo Slider widget: BROWSE OUR CATEGORIES – Content position

Frontend Appearances:

Backend Settings

5.4.12 Sw Partner Slider widget – Below Main position

Frontend Appearances:

Backend Settings

5.4.13 Text: Subcribe – Bottom position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="block-content">
        [contact-form-7 id="2007" title="Subcribe"]
</div>

5.4.14 Text: Social – Bottom position

Frontend Appearances:

Backend Settings

5.4.15 Text: About Us – Footer position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="about-us">
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing              elit. Aenean pharetra, ligula non mollis pretium, lectus libero sodales augue, interdum auctor mauris dui non risus.</p>
        <ul class="about-list">
               <li>
                       <i class="icon-home"></i>our Company LTD Street nr XYZ
               </li>
               <li>
                       <i class="icon-phone"></i>0123 4567 890
               </li>
               <li>
                       <i class="icon-envelope"></i>support@yourdomain.com
               </li>
        </ul>
</div>

5.4.16 Custom Menu: My Account – Footer position

Frontend Appearances:

Backend Settings

5.4.17 Custom Menu: Information – Footer position

Frontend Appearances:

Backend Settings

5.4.18 Custom Menu: Extras – Footer position

Frontend Appearances:

Backend Settings

5.4.19 Text: Support – Below Footer position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

<div class="contact-us row">
          <div class="support col-lg-4 col-md-4">
                  <p>Need Help?</p>
                   <p><span>Support@yourdomain.com</span></p>
           </div>
            <div class="call-us col-lg-4 col-md-4">
                  <div class="call">
                  <p>Call Us</p>
                   <p><span>+1 123 456 789</span></p>
                    </div>
           </div>
            <div class="our-address col-lg-4 col-md-4">
                  <div class="our">
                  <p>Our Address</p>
                   <p><span>Location Map</span></p>
                    </div>
           </div>
</div>

5.4.20 Custom Menu – Copyright-Left position

Frontend Appearances:

Backend Settings

5.5 How to Create Menu

SW Nik supports for new WordPress menu system to manage your main menu items. In the Administrator page, please go to Appearance >> Menus and follow step by step as below image:

In Menu Settings part, tick check box “Primary Menu”.

6SUPPORT ai??i?? 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!