SW Shoppystore

1GETTING STARTED

1.1 Introduction

    First of all, I would like to thank you for purchasing this theme, your support is truly appreciated.
    SW Shoppystore 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 throughout this document 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 Page.

1.2 System Requirements

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

  • PHP version 5.6 or greater
  • MySQL version 5 or greater
  • WordPress 4.1 or higher (Please note that it has the best performance on the latest version of WordPress)

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

2FILE 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 files, including:

  • plugins – contains js_composer.zip, one-click-install.zip, revslider.zip, sw-responsive-post-slider.zip, sw-core.zip, sw-woocommerce.zip file.
  • revslider – contains the “home1.zip” file, “homepage2.zip” file, “homepage3.zip” file, “home4.zip” file, “homepage5.zip” file, “homepage6.zip” file, “homepage7.zip” file, “homepage8.zip” file, “homepage9.zip” file, “homepage10.zip” file, “homepage11.zip” file, “homepage12.zip” file, “homepage13.zip” file, “homepage14.zip” file and “homepage15.zip” file .
  • media.xml
  • Theme installation files, including:

  • sw_shoppystore_quickstart_vx.x.x.zip file (The newest version) is used for quickstart installation. Please note that this file is not included in the Themeforest package. You could contact us via our Support Page to be supported.
  • sw_shoppystore-child-theme.zip file

    Note: The child theme allows you to modify or add to the functionality of the parent theme instead of modifying the core theme files directly, which makes it easy to update the parent theme without erasing your changes. If you plan on making any updates or additions to this theme, you will definitely need to set up this child theme on your site)

    To have more information about this topic, please go Here to view.

  • sw_shoppystore_theme_vx.x.x.zip file (The newest version) is used for manual installation

3INSTALLATION

There are two ways to install our SW Shoppystore 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 the quickstart file is not included in the Themeforest package. You could contact us via our Support Page to be supported.
  • Manual Installation (including Theme Installation): Suitable if your store is full with content that you don't want to overwrite.

3.1 Quickstart Installation

Please follow the steps in the Quickstart Installation Instruction for WordPress Theme

3.2 Theme Installation

Before starting this theme installation process, you need to make sure that your host can comply with follow requirement:

  • Your web host has the minimum requirements to run WordPress
  • This theme is built up and tested with WordPress Version 4.7. Therefore, you could run the WordPress Version 4.7 to have its best performance. It is also compatible with WordPress 3.x.x, 4.x.x.

3.2.1 Theme Upload

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

3.2.1.1 Theme Installation via FTP 3.2.1.2 Theme Installation via WordPress Admin Panel
To add the new theme to your WordPress installation, follow these basic steps:

  • Step 1 – Download the zip package of SW Shoppystore theme in ThemeForest, and you will find a zip file named as sw_shoppystore_theme_vx.x.x.zip
  • Step 2 – Load your FTP client, such as FileZilla.
  • Step 3 – Use your FTP program to access your host web server, upload and exact the zip file “sw_shoppystore_theme_vx.x.x.zip” to your_wordpress_site/wp-content/themes directory. After exacting, you will have a theme folder named as shoppystore in your your_wordpress_site/wp-content/themes directory.

To select the theme for your site:

  • Step 1 – Log in to the WordPress Administration Panels
  • Step 2 – Go to Appearance >> Themes to find the new theme uploaded, roll over its thumbnail image and activate it by clicking on the Activate button.
  • Step 1 – Open the wp-admin panel (Navigate through web browser to the folder where you have installed the WordPress, for example: www.your_wordpress_site.com/wp-admin/).

  • Step 2 – Login to your WordPress Dashboard and go to Appearance >> Themes.
    Then, click 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_shoppystore_theme_vx.x.x.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.

3.2.2 Theme Installation Types

In our SW Shoppystore theme, we offer a useful feature to choose the way to install this theme: Import Demo Data or not. Two methods are provided for two different case. When you want to start a new website, or use our demo contents for easily customization, save your time and your energy. In this situation, we recommend using the Import Demo Data method. If you do not use this way, you must be adept in WordPress customization and theme development

After installing theme, there are two ways for you to choose to custom this theme: create everything by yourself or import our demo data
Do NOT import demo data Import demo data
Strong points

  • It means that you could create everything by yourself from its beginning
  • You could configure each part of this theme singly according to our suggested theme position
Strong points

  • This process certainly helps you save your time and energy
  • It is ideal for beginners to advanced developers
  • Our Import Demo Data provides you a good way to import the demo content, widgets and theme settings with one click.
Weak points

  • If you are a newbie, it could be an extremely time-consuming process and a tough challenge
  • You are certainly adept in WordPress customization and theme development
Weak points

  • Category ID is different between “your database in your server” and “our database in our server”. It’s all different from servers. That is the reason why you need to change the category ID on your site by checking it out in our theme configuration part of this documentation.
Work Process

Work Process

3.2.3 Required Plugins Installation

Please remember that when theme is installed, you need to install and activate Required Plugins to get full features working. In case your server does not permit automatic installation of a WordPress plugin in this theme, you could manually install it by using its zip file in our package folder named as data/plugins.

  • Step 1 – After installing and activating the theme you will see the message about installing required plugins at the top of the page.
  • Step 2 – You need click Begin Installing plugins link in order to install needed plugins for SW Shoppystore theme
  • Step 3 – You will be redirected to Install Required Plugins page, here you will find all of the theme required plugins. In order to install these plugins, you just need to check all of them and select “install” then click “apply”.

    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.

  • Step 4 – After installing these plugins, you need to activate them by checking all of them and select “activate” then click “apply”

Below are list of required plugins along with SW Shoppystore theme

4IMPORT DEMO CONTENTS

4.1 Import Demo Data

Please follow the steps in the instruction to import demo data in our WordPress theme

4.2 Import Media file

Please follow the steps in the instruction to import media file in our WordPress theme

Note: Please remember to set your product image dimensions in WooCommerce plugin page before importing our media file

4.3 Import Revolution Slider

Please follow the steps in the instruction to import Revolution Slider in our WordPress theme

5POST

Please go here to have more detail about customing a post in our WordPress themes.

6PAGES

Please go here to have more detail about customing a page in our WordPress themes

After setting up this theme, you should set up your homepage to view your achivement. Please go to Settings >> Reading area and look for the Front Page display area. Change the radio button “A static page” and select the front page and blog page from the dropdown menus, then save changes.

7MAILCHIMP FOR WORDPRESS

Frontend Appearance

Backend Settings
1.Go to MailChimp for WP >> MailChimp to access general setting page of MailChimp. You should connect to your mailchimp account by entering API Key.

2.Also, in order to make MailChimp Form work effectively, you should navigate to MailChimp for WP >> Forms in admin sidebar, fill in the forms. After making the changes, remember to click Save Changes button.

  • Form Fields: Please click to see the Backend Settings.
  • Copy the code here to the form mark-up field in the page.

  • Form Messages Please click to see the Backend Settings.
  • Form Settings Please click to see the Backend Settings.
  • Form Appearance Please click to see the Backend Settings.

You can click Here to read more about this plugin.

8THEME OPTIONS

Note: After activating this theme, the theme options are available, so this section is to showed you what we provide and how they are set.

Our stunning SW Shoppystore theme provides an advanced Theme Options panel that is loaded with many options to customize your page effectively. These options are organized into logical tabbed sections which will be very easy for you to navigate. Each option also has a short description of what it will do on the front end. Because of the sizable amount of options, we cannot go over them in full detail in this documentation. We encourage you to please take some time and navigate through each tab to see what we offer.

To access the theme options panel, please go to Appearance >> Theme Options in your WordPress admin. After that, you will see a logical tabbed sections including a lot of tabs for you to discover.

Below sections will go through each tab in detail for you.

Note:
Before configuring, you can also backup your theme options by clicking on the Import/Export tab. This is a great way to move your custom options from site to site

8.1 General

The theme allows to build your own styles right out of the backend without any coding knowledge. Start your own color scheme by selecting one of 11 predefined schemes. Upload new logo and favicon or get their URL.

general

8.2 Schemes

In this tab, you will see options for color scheme, main color and main body color.

  • Specifically, there are 16 possible color scheme for you to select in this theme.
  • You also can custom your desired color
  • Developer Mode – Due to the risk of losing your customization in css files, this option is not recommended to be chosen.

general

8.3 Layout

SW Shoppystore gives you multiple selections for this theme layouts. You can change sidebar positions (Left, right) with wide or boxed version for many kind of devices. SW Shoppystore supports boxed and wide layout, with boxed version you can easily customize the background image to meet your idea.

layout

8.4 Mobile layout

Specially, SW Shoppystore allows you to enable mobile layout for your site. When you choose to display the mobile layout, you also can select its content, header and footer.

mobile

8.5 Header

These options enable you to change page appearance with 15 types of header. In addition, SW Shoppystore allows you to customize your phone number, email and your keyword..

header

8.6 Navbar Options

SW Shoppystore supports mega menu and dropdown menu to select and set its theme location. Furthermore, you also can active responsive menu as your wish.

navbar

8.7 Blog Options

SW Shoppystore gives you multiple selections for blog page. You can change sidebar blog layout (Full Layout / Left Sidebar / Right Sidebar), also style for layout blog and blog column.

navbar

8.8 Product Options

SW Shoppystore allows you to change number of products’ column to display per kind of device’s screen, select sidebar style for product and display quickview option. You can change the number of product in listing product page too.

product-options

8.9 Portfolio

SW Shoppystore gives you multiple selections for portfolio page

typo

8.10 Typography

SW Shoppystore provides several choices to modify the font style of your blog with Google Font.

typo

8.11 My Social

These options enable you to show your social links in this theme.

social

8.12 Social Share

This tab allows you to display the sharing buttons in the home page

social

These options enable you to change page appearance with 11 types of footer. Furthermore, you also can custom your copyright text

header

8.14 Advanced

This tab provides options for your advanced customization.

  • Show cPanel – Turn on/off Cpanel.
  • Widget Advanced – You could choose Widget Advanced to display advanced configuration in widget panel for configuring by yourself.
  • Active Sticky Menu- You could choose to active sticky menu for this theme
  • Back to top - You could choose to turn on “back to top” option
  • Direction – You could change your site’s direction from left to right or from right to left.
  • Custom CSS/JS – Insert your own CSS and JS into this part. These CSS and JS will override all default styles located throughout the theme.

advanced

8.15 Import/Export Options

You can also backup your current theme options by clicking on the Import/Export tab >> Export Options. Import Options is not recommended, because this action overwrites any existing options.

social

10THEME CONFIGURATION

10.1 SW Shoppy Store Home Style 1

home-layout1

Note: To select Header Style and Footer Style as you want. Please go to Administrator >> Appearance >> Theme Options >> Click on Header tab and Footer tab >> Select Header Style and Footer Style in list box >> finally, press “Save Changes” button.

Top Widget

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
Copy & Paste the code into your editor:

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.

YA Woocommerce Countdown Slider – Daily Deal

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

countdown-slider

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

countdown-slider-backend

Single Images

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

single-image1

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

  • Generalsingle-image1-general
  • Design Optionssingle-image1-design

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

single-image2

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

  • Generalsingle-image2-general
  • Design Optionssingle-image2-design

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

single-image3

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

  • Generalsingle-image3-general
  • Design Optionssingle-image3-design

Accordion Recommend Product – Recommend Products

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

recommend-frontend

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

recommend-backend

YA Woo Slider – Eletronics

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

eletronics-frontend

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

eletronics-backend

Single Image – Get Coupon

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

get-coupon

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

  • Generalsingle-image1-general
  • Design Optionssingle-image1-design

YTC_Posts – Latest Blog Posts

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

new-blogs-frontend

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

new-blogs-backend

YA Woo Slider – Jewelry Watches

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

jewelry-watches-frontend

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

jewelry-watches-backend

Single Image

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

sale-frontend

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

  • Generalsale-general
  • Design Optionssale-design

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

extra-frontend

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

  • Generalextra-general
  • Design Optionsextra-design

YA Woo Slider – Bags Shoes

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

bags-shoes-frontend

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

bags-shoes-backend

YA Woo Categories Slider – Top Selling

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

top-selling-frontend

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

top-selling-backend

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
Copy & Paste the code into your editor:

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
Copy & Paste the code into your editor:

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
Copy & Paste the code into your editor:

Floading Widget – Hot Tags

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

10.2 SW Shoppy Store Home Style 2

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.

Text Block: Men – Women – Accessories

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • General
      Copy & Paste the code into your editor: 

Note:You could use your image’s URL here

  • Design Options

Ya Vertical mega menu

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:

Woocommerce Tab 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:

Text Block: Men’s Clothing

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • General
      Copy & Paste the code into your editor: 

Note:You could use your image’s URL here

  • Design Options

Text Block: Newsletter

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

  • General
    Copy & Paste the code into your editor: 
  • Design Options

Woocommerce Tab Category Slider: Special Products

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 Woocommerce Countdown Slider: Latest Deal

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:

Single Image – Bag Collection

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

sale-frontend

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

  • Generalbag-general
  • Design Optionsbag-design

Ya_Testimonial Slide

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_POST: New Blogs

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:

10.3 SW Shoppy Store Home Style 3

home-layout1

Revolution Slider: homepage3

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:


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.

Single Image: Summer Sale

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:

  • General
  • Design Options

Single Image: A New Range Of Headphones

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:

  • General
  • Design Options

Single Image: Sale Up To 50% Off

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:

  • General
  • Design Options

YA Woocommerce Countdown Slider: Latest Deals

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 Woo Slider: Sports & Outdoors

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 Woo Slider: Jewelry & Watches

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:

Single Image: One Focus

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:

  • General
  • Design Options

Ya_Testimonial Slide

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_POST: New Blogs

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:

10.4 SW Shoppy Store Home Style 4

home-layout1

Revolution Slider: homepage4

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:


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.

Woocommerce Tab Category Responsive: Luxury Perfume

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:

Woocommerce Tab Category Responsive: Luxury skincare

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:

10.5 SW Shoppy Store Home Style 5

home-layout5

Revolution Slide

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

Single Image Shortcode Visual

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:

Woocommerce Tab Category 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:

Masonry Media Grid

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:

Text Box

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

10.6 SW Shoppy Store Home Style 6 : Fashion Store

home-layout6

Revolution Slide

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:

Woocommerce Tab 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 Woo 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:

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

Recommend 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 Woo Categories 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:

10.7 SW Shoppy Store Home Style 7

home-layout7

Theme Options

Frontend Appearance:

In your Administrator Page, please go to Appearance > Theme Options > Click on “Header” tab and find to the parameter “Phone Number“.

The Backend Settings: Please click Here to view

Revolution Slide

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:

Text Box

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:

Woocommerce Tab Category 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:

SW Banner Countdown

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:

SW Woo Tab Child Cate 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 Woo 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:

10.8 SW Shoppy Store Home Style 8

home-layout8

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

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

YA Woocommerce Countdown 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:

Single Image

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:

Product Category

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:

Text Box – Newsletter

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 Woo Categories 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 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:

10.9 SW Shoppy Store Home Style 9

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

YA Partner Slider

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

Text Block

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:

    • General
      Copy & Paste the code into your editor: 
       
  • Design Options

Separator with text settings

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:

    • General
  • Design Options

Product Category

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:

Text Block

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:

    • General
      Copy & Paste the code into your editor: 
       
       
  • Design Options

YA Woo 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:

SW Banner Countdown

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 Posts

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:

Above Footer 1

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • on sale
  • best seller
  • most viewed
  • trends

Footer 1

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

  • Backend Settings
    Copy & Paste the code into your editor: 
     

10.10 SW Shoppy Store Home Style 10

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

YA Woo Slider

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

YA WooCommerce Countdown Slider

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

WooCommerce Tab Category Slider – Best-selling

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

10.11 SW Shoppy Store Home Style 11

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

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:

    • General
      Copy & Paste the code into your editor: 
       
       
  • Design Options

YA Woo Slider – Daily Deals

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

YA Woo Slider – New Arrivals

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

YA Woo Slider – Bestsellers

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

10.12 SW Shoppy Store Home Style 12

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

SW Woo Tab Child Cate Slider

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

YA Partner Slider

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

SW Instagram Gallery

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

Above Footer

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

  • Backend Settings
    Copy & Paste the code into your editor: 
     

10.13 SW Shoppy Store Home Style 13

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

SW Woo Slider – Featured

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

SW Woo Slider – Bestsellers

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

10.14 SW Shoppy Store Home Style 14

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

SW WooCommerce Portfolio

Frontend Editor – After opening the homepage with Visual Composer, click on “pencil” symbol to configure its backend settings

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

    • Backend Settings

10.15 SW Shoppy Store Home Style 15

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

10.16 SW Shoppystore Home mobile

home-mobile

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home mobile 1 to custom this home page’s settings.

  • Backend Setting: Please click Here to view.
  • Page Metabox – This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. In this page, we just choose style 1 for its home template.

YA Woo Slider


To configure this part, please go to Pages > All pages > Home mobile 1 and choose the component named YA Woo Slider to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

YA Woo Slider


To configure this part, please go to Pages > All pages > Home mobile 1 and choose the component named YA Woo Slider to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

YA Woo Categories Slider


To configure this part, please go to Pages > All pages > Home mobile 1 and choose the component named YA Woo Categories Slider to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

Raw HTML


To configure this part, please go to Pages > All pages > Home mobile 1 and choose the component named Raw HTML to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

Copy & paste the code into your editor:

10.17 SW Shoppystore Home mobile 2

home-mobile2

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home mobile 2 to custom this home page’s settings.

  • Backend Setting: Please click Here to view.
  • Page Metabox – This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. In this page, we just choose style 1 for its home template.

YA Woo Categories Slider


To configure this part, please go to Pages > All pages > Home mobile 2 and choose the component named YA Woo Categories Slider to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

WooCommerce Tab Slider


To configure this part, please go to Pages > All pages > Home mobile 2 and choose the component named WooCommerce Tab Slider to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

Raw HTML


To configure this part, please go to Pages > All pages > Home mobile 2 and choose the component named Raw HTML to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

Copy & paste the code into your editor:

10.18 SW Shoppystore Home mobile 3

home-mobile2

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home mobile 3 to custom this home page’s settings.

  • Backend Setting: Please click Here to view.
  • Page Metabox – This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. In this page, we just choose style 1 for its home template.

YA Woo Slider


To configure this part, please go to Pages > All pages > Home mobile 3 and choose the component named YA Woo Slider to edit. The second way to custom this part is to open 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 Setting ,so you can configure the item as you want.

11RECOMMENDATION

11.1 WooCommerce

SW Shoppystore 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.

For detail instruction, please click this link: WooCommerce, and you will find how to install WooCommerce plugin , how to configure its settings easily.

After installing the WooCommerce and having some products in your WordPress website, please go to Woocommerce > Settings > Products to custom your products’ settings to suit this SW Shoppystore theme. After making the changes, remember to click Save Changes button.

  • 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

11.2 Image dimensions in posts

For SW Shoppystore theme, we recommend using some dimensions for your image in posts. Please go to Settings >> Media and set up these dimensions:

woocommerce

11.3 Product image size

For SW Shoppystore theme, we recommend using the dimensions for your product image in the following page:

  • Homepage 1 - 600 x 600 pixels
  • Homepage 2 600 x 600 pixels
  • Homepage 3 600 x 600 pixels
  • Homepage 4 600 x 600 pixels
  • Homepage 5 600 x 600 pixels
  • Homepage 6 : Fashion Store600 x 444 pixels
  • Homepage 8 600 x 600 pixels
  • Homepage 9 600 x 600 pixels
  • Homepage 10 600 x 600 pixels
  • Homepage 11 600 x 600 pixels
  • Homepage 12 600 x 600 pixels
  • Homepage 13 600 x 600 pixels
  • Homepage 14 600 x 600 pixels
  • Homepage 15 600 x 600 pixels
  • Homepage 16 600 x 600 pixels
  • Blog800 x 600 pixels

11.4 Visual Composer

The SW Shoppystore Theme uses theVisual Composer 5.0. The most powerful feature of the plugin is that it gives you an easy way to drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

You can see some video tutorials or some tutorials for beginners to get more details.

11.5 Translation

This theme is compatible with WPML plugin.

WPML is the most popular plugin for multi language support. Below you will find documentation their team created for using WPML plugin. If you’ve purchased WPML and have any questions or issues, please check the links below.

  • WPML Plugin – The highly recommended plugin to manage multi-lingual sites
  • WPML Forum Support – If you bought WPML then you get free support from their amazing team
  • Translating Widgets – Tutorial recommended by wpml team for translating widgets

12SUPPORT

  • 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.
×