SW StabWall Ver1.0.1

1GETTING STARTED

1.1 Introduction

First of all, I would like to thank you for purchasing this theme, your support is truly appreciated.

SW StabWall is a modern and beautiful WordPress Theme. Both developers and non-trained users can use it easily. This document covers the installation and use of this theme, reveals some answers to common problems and issues. We encourage you to read this document throughtly if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our Support Tickets System

1.2 System Requirements

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+

Note: Recommended PHP Configuration Limits In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues. The solution is to increase the PHP limits. You can do this on your own by editing the following lines in php.ini file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:

  • max_execution_time 360
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

2INSTALLATION

2.1 Files Structure

At first, you need to download the package to your computer and then unzip it. The package gives you all the files listed as follows

    • Data folder – Contains the revslider folder including of two files “slideonepage.zip” and “sliderhome2.zip” and the “sample_data” file and the “widget.wie” file

Theme installation files, including:

  •  sw_stabwall_theme_v1.0.1.zip file (The newest version) is used for manual installation
  •  sw_stabwall-child-theme.zip file (The child theme is a recommended way of modifying your existing theme.)

There are two ways to install a WordPress Theme:

  • Quickstart Installation: Suitable if you have your first installation and want to get a whole new fresh site as our Demo. (Please note that this quickstart package is not included in the Themeforest package).
  • Manual Installation (including Theme Installation): Suitable if your store is full with content that you don’t want to overwrite.

2.2 Quickstart Installation:

We provides SW Quickstart package for each theme which aims to ease the installation for users. Please note that with Quickstart, all your existing data will be overwritten. Thus, if you plan to start your site from the beginning, it will help you save much time of installing and configuring.

Please follow steps below:

    • Step 1: Download the quickstart package named as sw_stabwall_quickstart_v1.0.1.zip
    • Step 2: Extract and Upload the whole Quickstart package to your server. It could be a folder in >> xampp >> htdocs if you’re using localhost. Or you can upload all files after extracting as this image if you’re using a hosting server. In Quickstart folder you will see the extracted folder that include all sample data
    • Step 3: Create a Database for your site if you haven’t got. You can refer the guide how to create a new database and new username for WordPress.

Note: You need to remember the database name to use in the next steps


Step 4: Navigate to your website to start with the installation process
You will see the language selection page here. You can choose a language here so that rest of the installation is displayed in your own language. You can also use English for now and then later change the language.
Click on the continue button to proceed.

Step 5: Some installation instructions will be here to tell you that WordPress will need your database name, password, and mysql host information.
Please click on the Let’s go button to continue.

Step 6: A form will be showed here. You need to fill in the information and then click on submit button

Step 7: WordPress will now connect to your database and show you a success message.
Please click on Run the Install button to continue.

Step 8: Now you need to provide some information for WordPress to setup your site. This includes site title, username, password, and admin email address.

Step 9:
You will see a success message showing your username. You can now click on the Log in button to sign in to your WordPress site.

2.3 Theme Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

      • FTP Upload
      • WordPress Upload

Note: If the theme files’ size is larger than 8M, please upload via FTP (File Transfer Protocol).

2.3.1 Theme Installation via FTP

To add the new Theme to your WordPress installation, follow these basic steps:

      • Download the Theme archive and extract the file named themename_version.zip, for example here: sw_stabwall_theme_version1.0.1.zip. You may need to preserve the directory structure in the archive when extracting these files.
      • Load your FTP client, such as FileZilla.
      • Use your FTP program to access your host web server, create a directory to save your Theme in the wp-content/themes directory provided by WordPress.For example, the theme named SW StabWall Version 1.0.1 should be in wp-content/themes/sw_stabwall_theme_version1.0.1. The theme may provide this directory as part of the archive.
      • Upload the Theme files to the new directory on your host server

To select the Theme for your site:

      • Log in to the WordPress Administration Panels
      • Select the Appearance panel, then Themes to find the new theme uploaded.
      • From the Themes panel, roll over the Theme thumbnail image for the Theme you are interested in to see options for that theme.
      • You can view more information about any theme by clicking Theme Details.
      • A live preview of any Theme (using your blog’s content) can be seen by clicking Live Preview.
      • To activate the Theme click the Activate button.

Your selection will immediately become active.

Note: If the Theme preview is blank, do not activate the new Theme without investigating further. Your site may not be displayed correctly, otherwise.

2.3.2 Theme Installation via WordPress Admin Panel

Step 1 – Open the wp-admin panel (Navigate through web browser to the folder where you have installed the WordPress, for example: www.your_domain.com/wp-admin/).

Step 2 – Login to your WordPress Dashboard and go to Appearance >> Themes.

Then, click the Add New button or Add New Theme button

Step 3 – Click the Upload Theme button >> Choose File to import the theme from your computer. Select your sw_stabwall_theme_v1.0.1.zip file and click Install Now.

Step 4 – You have a few minutes to wait till you see the message announcing that Theme installed successfully.

Step 5 – After that, you will be able to activate the theme.
import-media-file
Step 6 – Press “Save Changes” to complete the theme activation.

 

Once theme is installed, you need to install Required Plugins to get full features working.

2.4 Required Plugins Installation

After installing and activating the theme you will see a yellow popup at the top of the page. The message says that: “This theme requires the following plugins…”, and you need to click the ‘Begin Installing plugins’ link.

You will be redirected to ‘Install Required Plugins’ page, here you will find all of the theme required plugins. To install them just check all of them. In the dropdown menu, select Install to activate them.

Note: When installing plugins, if you see a notice that some plugins have unsuccessful installation, please choose each plugin to install again. This case usually occurs as you select all plugins to install at once.

2.5 Import Revolution Slider

Step 1 – In the Administrator page, please go to Revolution Slider >> Revolution Slider and click Import Slider button.

Step 2 – You will have a pop-up window like the following image:

Step 3 – In the window, please choose the “slider1.zipfile (in the “data\revslider” folder) and click onImport Slider button.

Note: Do the same to import “slider2.zip” file. After importing sliders completely, you could see the result like this:

2.6 Sample Data Installation

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 “sample_data.xml” to upload.

Step 4 - Assign Authors and Import Attachments with selecting “Download and import file attachments and then press “Submit” button.

2.7 Widget Installation

Step 1 – In the Administrator page, please navigate to Tools >> Widget Importer & Exporter.

Step 2 – After that choose “widget_data.wie” file >> press Import Widgets button.

2.8 MailChimp for WordPress

SW StabWall theme uses MailChimp Plugin.

Frontend Appearance

Backend Settings

In your Administrator page, please go to MailChimp for WP >> Forms

Copy the code here to the form mark-up field in the page.

 

4THEME OPTIONS

In your Admin Panel, go to Appearance >> Theme Options to configure.

 

4.1 General

general

    • Background Image – Browse to select image file to be your website’s background image.
    • Color Option – Choose a color validation in the field type
    • Background Repeat – Choose to repeat background image or not (Used for boxed layout).
    • Favicon Icon - Use the Upload button to upload the new favicon and get URL of the favicon.

Note:This option is compatible with one for WordPress Version 4.2 or previous versions. To add a Favicon in WordPress 4.3 or later versions, please go to Appearance >> Customize >> Site Identity >> Site Icon to set a favicon icon

  • Responsive Support – Support responsive layout (If you do not want to use this function, please uncheck)
  • Logo Image - Use the Upload button to upload the new logo and get URL of the logo. You could browse to the wp-content/themes/sw_furnicom/assets/img folder to get the image named logo-default.png like the demo. logo-default.png

4.2 Layout

layout

  • Box Layout – Select Layout Box or Wide.
  • Background Box Image – Browse to select image that you want. You could browse to the wp-content/uploads/2015/10 folder to get the image named new-york-540807_1920.jpg like the demo.
  • Left Sidebar Expand – Select width of left sidebar.
  • Right Sidebar Expand – Select width of right sidebar medium desktop.
  • Left Sidebar Medium Desktop Expand – Select width of left sidebar medium desktop.
  • Right Sidebar Medium Desktop Expand – Select width of right sidebar.
  • Left Sidebar Tablet Expand - Select width of left sidebar tablet.
  • Right Sidebar Tablet Expand – Select width of right sidebar tablet.
  • Sidebar Blog Layout – Select style sidebar blog.
  • Layout blog – Select style layout blog.
  • Blog column – Select style number column blog.

4.3 Navbar Options

navbar

  • Menu Type – Select “Mega Menu” or “Dropdown Menu” type.
  • Theme Location – Select theme location to active mega menu.
  • Responsive Menu Visible – Select option to show responsive menu visible.

4.4 Product Options

product-options

  • Product Listing column Desktop – Select number of column on Desktop Screen.
  • Product Listing column Medium Desktop – Select number of column on Medium Desktop Screen.
  • Product Listing column Tablet – Select number of column on Tablet Screen.
  • Sidebar Product Layout – Select style sidebar product.

4.5 Portfolio Options

portfolio-options

  • Portfolio image intro – Select portfolio image intro.
  • Portfolio Categories – Select Portfolio Category.
  • Portfolio style – Select porfolio style.
  • Portfolio column Desktop – Select number of column on Desktop Screen.
  • Portfolio column Medium Desktop – Select number of column on Medium Desktop Screen.
  • Portfolio column Tablet – Select number of column on Tablet Screen.
  • Portfolio column Smartphone – Select number of column on Smartphone Screen.

Note: The settings is for archive portfolio pages.

4.6 Typography

typo

  • Use Google Webfont – Insert font style that you actually need on your webpage.
  • Webfont Weight – For weight, see Google Fonts to custom for each font style.
  • Webfont Assign to – Select the place will apply the font style headers, every where or custom.
  • Webfont Custom Selector – Insert the places will be custom here, after selected custom Webfont assign.

4.7 Social Share

Turn on/turn off sharing buttons appearing in Home page

social

  • Social share – Enable Social share button.
  • Facebook – Enable Facebook Share button.
  • Twitter – Enable Twitter Share button.
  • Linked_in – Enable LinkedIn Share button.
  • Google+ – Enable Google+ Share button.

4.8 Advanced

advanced

  • Show cPanel – Turn on/off Cpanel.
  • Widget Advanced – Turn on/off Widget Advanced.
  • Developer Mode – Turn on/off preset.
  • Direction – Left To Right / Right To Left.
  • Active Effect Scroll – Check to active effect scroll in hompage .
  • Custom CSS/JS – Insert your own CSS into this block. This overrides all default styles located throughout the theme.

4.9 Import/Export Options

Turn on/turn off sharing buttons appearing in Home page

social

  • Import Options- This will overwrite any existing options, please proceed with caution!
  • Export Options- Here you can copy/download your themes current option settings.

5PAGES

5.1 How To Create A New Page

Step 1 - go to Pages in your admin sidebar and click Add New option.

Step 2 - Input a new name for your page, then find the Page Attributes box on right side.

Step 3 - Set your Parent page. It’s usually set to No Parent.

Step 4 - Set your page template from the Template dropdown list. See list of page templates below.

Step 5 - Content for your page goes in the editing field, use the Visual or Text editor.

Here is a screenshot that shows you the various areas and descriptions of the page settings described above.

5.2 Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page.

How To Set Your Home Page

Step 1 - go to Settings >> Reading tab.

Step 2 - Select A Static Page option.

Step 3 - Choose the page you want as your home page from the Front Page dropdown list.

Step 4 - Choose the blog page as the Posts page.

5.3 Page Templates

SW StabWall includes several page templates to choose from, and you will need to choose the page template that suits your needs. For example, if you want a page that is Contact Us Page of the browser window, then you would select the Contact page template. All of this is done in the Pages section of your WordPress admin.

There are Page Templates, each of them along with a description.

    • About Us Page – This is the About Us page template. Choose this template when you want to give the customers the information about yourself website.
    • Contact Us Page – This is the Contact page template that you should choose when you make your contact page with Google Map & a contact form.
    • FAQ Page - This is the FAQ page template. Choose this template when you make your FAQ page.
    • 404 Page
    • Comming Soon – In this page uses shortcode to show countdown time for any products comming soon.

5.4 Edit Page with Visual Composer

The SW StabWall Theme uses the Visual Composer Plugin. The most powerful feature of the Visual Composer is that it gives you an easy drag and drop page builder that can be used from the standard WordPress page/post edit area or directly from the frontend.

For example: “About Us“.

Step 1: you click “Edit with Visual Composer” link at the frontend editor.

Step 2: Edit Text Block by click “pencil” icon.

Step 3: Edit content as you want at General tab of Text Block Settings.

6WOOCOMMERCE

SW StabWall Theme is fully compatible with WooCommerce plugin. WooCommerce is external plugin and all info about this awesome plugin you can find plugin’s author page. Below you have all friendly links that will be useful:

6.1 How to install WooCommerce

At first please go to Plugins > Add new section and type “WooCommerce” into search field. Then press “enter”".

After that you will results and what you need to do is click on “Install now” button next to “WooCommerce – excelling eCommerce” plugin.

After that plugin will be installed and please click “Activate plugin” link.

woocommerce

6.2 How to add new product

Go to Products >> Add product section. After that you will see page wich looks like below and all you need to do is fill those fields with own values.

All info about adding new product you can read on http://docs.woothemes.com/document/managing-products/

woocommerce

6.3 Change Product Settings

You can change the general settings in “Woocommerce > Settings > Products > General” section.

woocommerce

You can change the image size in “Woocommerce > Settings > Products > Display” section.

woocommerce

After change the images sizes, you should regenerate all the thumbnails. For this, you should install and activate “Regenerate Thumbnails” plugin.

woocommerce

You can change the inventory settings in “Woocommerce > Settings > Products > Inventory” section.

woocommerce

You can change the settings downloadable products in “Woocommerce > Settings > Products > Downloadable Products” section.

woocommerce

6.4 Registration Options

You need to show registration form on My Account page, you should check “Enable registration on the “My Account” page” in “Woocommerce > Settings > Products > Accounts” section.

woocommerce

7POST

Creating/Editing Posts

Step 1 - Navigate to Posts in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. You can use visual composer or Ya shortcodes elements inside the post.

Step 3 - Select Post Format from the right side.

Step 4 - Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 5 - Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 6 - For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 7 - Once you are finished, click Publish or Update to save the post.

Here Is A Screenshot That Shows The Various Areas Of The Post Page Described Above.

create-posts

8THEME CONFIGURATION

8.1 SW StabWall Home Style 1

home-layout1

Revolution Slider

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

revolution-slider

The pop-up window will display the backend settings , so you can configure the item as you want:

revolution-slider
To configure each slide, you need to follow these steps:

  • Step 1: In your Administrator Page, please go to Revolution Slider > Revolution Slider, click on “pencil” symbol
  • Step 2: After opening Slide Edior Panel, you could configure your slides such as editing images, text, animation, etc
  • Go Here or Here to readmore about Revolution Slider.

Raw HTML1

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The Backend Settings: Please click Here to view
Copy & Paste the code into your editor:

Portfolio

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

YTC_COUNTER

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

Raw HTML2

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

Copy & Paste the code into your editor:

Raw HTML3

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

Copy & Paste the code into your editor:

Our Team

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

YTC_Testimonial

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

YA Responsive Post Slider

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

YA Partner Slider

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

In your Administrator Page, please go to Appearance > Widgets and select the menu to configure its structure.

The Backend Settings: Please click Here to view

8.2 SW StabWall Home Style 2

home-layout2

Revolution Slider

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

revolution-slider

The pop-up window will display the backend settings , so you can configure the item as you want:

revolution-slider
To configure each slide, you need to follow these steps:

  • Step 1: In your Administrator Page, please go to Revolution Slider > Revolution Slider, click on “pencil” symbol
  • Step 2: After opening Slide Edior Panel, you could configure your slides such as editing images, text, animation, etc
  • Go Here or Here to readmore about Revolution Slider.

Raw HTML

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

Copy & Paste the code into your editor:

 

Recent Product

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

YA Responsive Post Slider

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

YA Partner Slider

Frontend Editor - After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings

The pop-up window will display the backend settings , so you can configure the item as you want:

9SUPPORT

  • SUPPORT – If you have any questions that are beyond the scope of this help file, please feel free to send us via: Support Tickets System
  • FAQs – Go to Here to view more the Frequently Asked Questions.
×