SW Nik V1

View demo

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 – 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 – Back to top

2.1 Home Default Layout

Position Sw Nik

2.2 Home 2 Layout

Position Sw Nik V2

2.3 Home 3 Layout

Position Sw Nik V3

3INSTALLATION – 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 New button.

Add Theme

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.

Choose File

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

Ftp Upload

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

Install Successful

Click “Activate” to enable theme.

Activate

And then, you click “Begin installing plugin”.

Begin Installplugin

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

Install Plugins

You will see the message that the plugin installed successfully.

Install Plugin Successfull

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

Active Plugins

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

Active Plugins Success

3.3 Install Sample Data & Product

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

Import

Step 2: Please choose “WordPress” to import.

Wordpress

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

Upload Sample Data

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

Upload Product

3.4 Install Slider

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

Import Slider

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

Choose File Slider

4 READING SETTINGS – 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.

Reading Settings

5 CONFIGURATION – 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

Widgets

Drag Widgets

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:

Frontend Minicart

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:

Frontend Currency

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:

Frontend Language

Backend Settings

5.2.4 YA Top Widget - Top position

Frontend Appearances:

Frontend Login

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:

Frontend Slider

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:

Frontend Text Above Main

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>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

5.2.8 SW Woo Slider Widget - Above Main position

Frontend Appearances:

Frontend New Products

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:

Frontend Above Content

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>

<div class="block-title">Sign up below for early updates</div>

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

5.2.10 SW Woo Slider widget - Above product position

Frontend Appearances:

Frontend Best Sale

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:

Frontend Below Content

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 :

5.2.13 SW Partner Slider Widget - Floating position

Frontend Appearances:

Frontend Floating

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>

<div class="block-title">Free shipping</div>

</div>

<span class="sub-title">Idea behind this distinctive new ment</span>

<ul>

<li>

</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 class="block-title">24/7 support</div>

</div>

Behind this distinctive new statement piece is to fully embrace theme

</div>

<div class="block-title">gift card member</div>

</div>

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

5.2.15 Custom Menu - Menu Footer position

Frontend Appearances:

Backend Settings

5.2.16 Text - Menu Footer position

Frontend Appearances:

Frontend Socials

Backend Settings

Copy and Paste the Code Custom HTML of Text :

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

Frontend Appearances:

Frontend Footer

Backend Settings

5.2.18 Contact Us - Footer position

Frontend Appearances:

Frontend Contactus

Backend Settings

Code Custom HTML of Text :

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:

Frontend Login

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:

Frontend Currency

Backend Settings

5.3.4 WooCommerce Currency Converter - Top Header position

Frontend Appearances:

Frontend Currency

Backend Settings

5.3.5 Text: Language - Top Header position

Frontend Appearances:

Frontend Language

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="[bloginfo]?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="[bloginfo]?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>

<li>

English

</a>

<ul>

English

</a>

</li>

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>

<ul>

</ul>

</div>

5.3.7 Text: Banner - Top Banner position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

5.3.8 YA Top Widget - Top Banner position

Frontend Appearances:

Frontend Cart

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:

Frontend Shipping

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>

<a href="#">Support - Toll Free 1800-4868-2222</a>

</div>

<a href="#">Free Shipping Worldwide</a>

<p>On Oders Over $99.00</p>

</div>

<a href="#">100% Secure Payments</a>

<p>Verified checkout & ordering</p>

</div>

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

Frontend Appearances:

Frontend Featured Products

Backend Settings

5.3.12 Text: Banner Main - At Above Main position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

5.3.13 New Arrivals - At Above Main position

Frontend Appearances:

Frontend News Arrival

Backend Settings

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

Frontend Appearances:

Frontend Above Content

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>

<div class="block-title">SIGN UP TO OUR NEWSLETTER</div>

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

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

Frontend Appearances:

Frontend Blog

Backend Settings

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

Frontend Appearances:

Frontend Our Brands

Backend Settings

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

Frontend Appearances:

Frontend Recent Product

Backend Settings

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

Frontend Appearances:

Frontend Best Seller

Backend Settings

5.3.19 Text: About us - Top Header position

Frontend Appearances:

Frontend Aboutus

Backend Settings

Code Custom HTML of Text :

5.3.20 WooCommerce Product Tags: Product Tags - Footer position

Frontend Appearances:

Frontend Product Tags

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:

Frontend Contact Us

Backend Settings

Code Custom HTML of Text :

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

<p>Contact Us</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:

Frontend Slider Home3

Backend Settings

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

Frontend Appearances:

Frontend Best Seller Home3

Backend Settings

5.4.5 WooCommerce Product Tags - Sidebar Left position

Frontend Appearances:

Frontend Tags

Backend Settings

5.4.6 Text: banner sidebar - Sidebar Left position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

5.4.7 YA Posts: Our Blog - Sidebar Left position

Frontend Appearances:

Frontend Blog Home3

Backend Settings

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

Frontend Appearances:

Frontend Featured Products Home3

Backend Settings

5.4.9 Text: banner content - Content position

Frontend Appearances:

Backend Settings

Code Custom HTML of Text :

5.4.10 Sw Woo Slider widget: New Arrivals - Content position

Frontend Appearances:

Frontend News Arrival Home3

Backend Settings

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

Frontend Appearances:

Frontend Browse Our Categories

Backend Settings

5.4.12 Sw Partner Slider widget - Below Main position

Frontend Appearances:

Frontend Below Main

Backend Settings

5.4.13 Text: Subcribe - Bottom position

Frontend Appearances:

Frontend Subcribe

Backend Settings

Code Custom HTML of Text :

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

[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:

Frontend About Us Home3

Backend Settings

Code Custom HTML of Text :

5.4.16 Custom Menu: My Account - Footer position

Frontend Appearances:

Frontend Myaccount Home3

Backend Settings

5.4.17 Custom Menu: Information - Footer position

Frontend Appearances:

Frontend Information Home3

Backend Settings

5.4.18 Custom Menu: Extras - Footer position

Frontend Appearances:

Frontend Extras Home3

Backend Settings

5.4.19 Text: Support - Below Footer position

Frontend Appearances:

Frontend Below Footer

Backend Settings

Code Custom HTML of Text :

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 – 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!