SW Maxshop

1GETTING STARTED

1.1 Introduction

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

Maxshop is an unique and modern eCommerce WordPress theme for your digital store, hitech store, watch store, men store, women store, clothing store, furniture store, book store, cosmetics shop, luxury jewelry and accessories store.

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 later
  • MySQL version 5 or later
  • WordPress 4.1 or later (Please note that the latest WordPress version is prefered.)

Note:
The Recommended PHP Configuration Limits should be paid attention. 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

1.3 Key Features

  • Compatible with IE9+, Firefox 4+, Netscape, Safari, Opera 9.5 and Chrome
  • Responsive layout for all devices
  • WooCommerce included
  • Advanced widget options
  • Unlimited colors and over 500 Google web fonts
  • Allow to set site title, tagline, logo and Analytics ID
  • WPML Compatible & RTL Ready
  • Support menu with Mega and dropdown style
  • Support primary menu location, widget sidebars
  • 5 Preset Color Styles: Default, blue, Emerald, Green, Tangerine.
  • Fully integrated with Font Awesome Icon
  • Support to add custom CSS/JS
  • Social Networks integration
  • CSS3 table-less design
  • LESS for advanced development
  • Custom style for plugin Contact Form 7 and SEO Plugins to allow higher ranks.

1.4 WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow follow the instructions in WordPress Codex or you can watch the Instructional Video created by Woo Themes. Below are all the useful links for WordPress information.

2FILE STRUCTURE

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

Data files, including:

  • plugins: js_composer.zip, one-click-install.zip, maxshopslider.zip, sw-core.zip, sw-woocommerce.zip
  • maxshopslider: “home-page-1.zip” , “home-page-8.zip” , “home-page-9.zip”
  • media.xml

Theme Installation files, including:

  • sw_maxshop_quickstart_vx.x.x.zip for quickstart installation
  • sw_maxshop-child-theme.zip
  • sw_maxshop_theme_vx.x.x.zip for manual installation

Note:

  • Please note that this file sw_maxshop_quickstart_vx.x.x.zip is not included in the Themeforest package. You can contact Support Page if you need any help.
  • 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 for more detail.

3INSTALLATION

There are two ways to install this SW Maxshop Theme:

  • Quickstart Installation: This one is suitable for the first installation and want to get a whole fresh site as in the 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): If you want to build your site based on available content with SW Maxshop, this one will be suitable. It won’t overwrite your old data.

3.1 Quickstart Installation

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

3.2 Theme Installation

Before starting the Theme Installation process, please make sure that your host meets all following requirements:

  • Your web host meets the minimum requirements to run WordPress
  • This theme is built up and tested with WordPress Version 4.7.3. Therefore, this WordPress version should be used to have best performance. Besides, this theme is also compatible with WordPress 3.x.x and 4.x.x.

3.2.1 Theme Upload

When you are ready to install a theme, the Theme Files should be uploaded and activated first. There is 2 ways for this process:

  • FTP Upload
  • WordPress Upload

Note: If the Theme Files Size is larger than 8M, FTP Upload (File Transfer Protocol) should be used.

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 Maxshop theme in ThemeForest, and you will find a zip file named as sw_maxshop_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 “maxshop_theme_vx.x.x.zip” to your_wordpress_site/wp-content/themes directory. After exacting, you will have a theme folder named as Maxshop 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 on the Upload Theme button >> Choose File to import the theme from your computer. Select your sw-maxshop_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 this 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 Maxshop 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 “Apply”.

    Note: When installing plugins, if you see a notice that some plugins have unsuccessful installation, they should be install manually one by one. 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 Maxshop 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 Files

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 the Media Files.

4.3 Import Revolution Slider

Please follow the steps in the instruction to import Revolution Slider in SW 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

In this section, we will bring you some steps to configure MailChimp for your site.

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.

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

You can click Here for more information about this plugin.

8THEME OPTIONS

Note: After both Import demo data and Not import demo data method, the theme options are available, so this section is to showed you what we provide and how they are set.

Our stunning Maxshop theme provides an advanced Theme Options panel that is loaded with many options to customize your page effectively.

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.

Firstly, to have an overview about the framework, please have a look at the SW Theme Options Documentation.

8.1 General

general

    • Color Scheme – Choose your desire color
    • 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 8.2 or previous versions. To add a Favicon in WordPress 8.3 or later versions, please go to Appearance >> Customize >> Site Identity >> Site Icon to set a favicon icon

  • 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_maxshop/assets/img folder to get the image named logo-default.png like the demo. logo-default.png

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

8.3 Header & Footer

header

  • Header Style – Select Header style: Style1 / Style2 / Style 3 / Style 4 / Style 5/ Style6 / Style 7 / Style 8 / Style 9.
  • Footer Style – Select Header style: Default / Style8 / Style 9.
  • Phone number – Allow to fill your phone number and it will to be displayed in header.
  • Search form – Allow to hide or show search form

8.4 Navbar Options

navbar

  • Menu Type – Select “Mega Menu” or “Dropdown Menu” type.
  • Select Menu Style – Allow to select menu style: Default / Fixed Menu.

8.5 Blog Options

navbar

  • Sidebar Blog Layout – Select style sidebar blog: Full Layout / Left Sidebar / Right Sidebar / Left Right Sidebar.
  • Layout blog – Select style layout blog: Default / List Layout / Grid Layouts.
  • Blog column – Select style number column blog: 2 colums / 3 columns / 4 columns.

8.6 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.
  • Layout product – Select style layout product

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

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

8.9 Advanced

advanced

  • Show cPanel – Turn on/off Cpanel.
  • Widget Advanced – Turn on/off Widget Advanced.
  • Developer Mode – Turn on/off preset.
  • Back to top – Turn on/off back to top
  • Direction – Left To Right / Right To Left.
  • Google Analytics ID – nter Google Analytics code.
  • Custom CSS/JS – Insert your own CSS into this block. This overrides all default styles located throughout the theme.

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

10THEME CONFIGURATION

Note: After completing the New Installation or Upload Theme process, the layouts are available. Now you can check and see how they are set and then can configure your site as your expectations.

10.1 SW Maxshop Home Page 1

home1

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 1 and Footer Default

10.1.1 Top

In your Administrator Page, please go to Appearance > Widgets and choose widget Top to configure as you want.

The Backend Settings: Please click Here to see more details.

10.1.2 YA Vertical Mega Menu

View Demo:
header
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail. The Extra class name block should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail. The Extra class name no-padding should be added to have the same style as in the demo.
  • Column Settings: Please click Here for more detail.

10.1.3 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name no-padding should be added to have the same style as in the demo.

To configure these slides in this page, 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 Editor Panel, you could configure your slides such as Images, Text and Animation.
    Let’s see the Backend Settings for more details.
  • NOTE:
    About this Slider Revolution plugin, you can refer to the Slider Revolution Documentation and Slider Revolution Tutorial Videos for more detail.

10.1.4 Best Sale

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail. The Extra class name bestsale-block should be added to have the same style as in the demo.

10.1.5 YA Woocommerce Countdown Slider

View Demo:
text-block
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 Settings: Please click Here for more detail.

10.1.6 YA Slider Post

View Demo:

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 Settings: Please click Here for more detail. The Extra class name block to have the same style as in the demo.

10.1.7 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail.

10.1.8 Text Block

View Demo:

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.1.9 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail.

10.1.10 YA Testimonial Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name block to have the same style as in the demo.

10.1.11 SW Brand

View Demo:

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 Settings: Please click Here for more detail.

10.1.12 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail.

10.1.13 Single Image

View Demo:

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 Settings: Please click Here for more detail. The Extra class name list-services to have the same style as in the demo.
  • Rows Settings: Please click Here for more detail. The Extra class name no-padding to have the same style as in the demo.
  • Rows Settings: Please click Here for more detail.

10.1.14 Above Footer

View Demo:

This is a part in the footer of the page. To configure this one, please go to Appearance >> Widgets >> Above Footer to edit the element.

  • General Settings: Please click Here for more detail.

10.1.15 Footer

View Demo:

This is a part in the footer of the page. This page uses Footer Default. To configure this one, please go to Appearance >> Widgets >> Footer to edit the element.

  • General Settings: Please click Here for more detail.

10.2 SW Maxshop Home Page 2

home2

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 2 and Footer Style Default

10.2.1 Top

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.2.2 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.2.3 Single Image

View Demo:
raw-html
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 Settings: Please click Here for more detail.
  • Row Settings: The Extra class name gallery11 should be added to have the same style as in the demo. Please click Here for more detail.
  • Column Settings: The Extra class name column-img1 column-img2, column-img3, column-img4 should be added into respective column to have the same style as in the demo. Please click Here for more detail.

10.2.4 – 10.2.15 Other Blocks

The configurations of other blocks including 4 Best Sale, 5 YA Woocommerce Countdown Slider, 6 YA Slider Post, 7 YA Woocommerce Slider, 8 Text Block, 9 YA Woocommerce Slider, 10 YA Testimonial Slider, 11 SW Brand , 12 YA Woocommerce Slider, 13 Single Image, 14 Above Footer and 15 Footer are the same to the ones in Home Page 1. Please click Here to see more details.

10.3 SW Maxshop Home Page 3

home3

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 3 and Footer Style Default

10.3.1 Top

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.3.2 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name no-padding should be added to have the same style as in the demo.
  • Column Settings: Please click Here for more detail.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.3.3 Single Image

View Demo:
sw-brand
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 Settings: Please click Here for more detail. The Extra class name pull-left should be added to have the same style as in the demo.
  • Column Settings: The Extra class name index3 should be added to have the same style as in the demo. Please click Here for more detail.

10.3.4 Single Image

View Demo:
single-image
The configurations this block is the same to the ones in Home Page 1. Please click Here to see more details.

10.3.5 YA Woocommerce Countdown Slider

View Demo:
sw-woo-slider
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.
  • Column Settings: Please click Here for more detail.

10.3.6 Best Sale

View Demo:

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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail. The Extra class name block-3 should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail.

10.3.7 YA Woocommerce Slider

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.
  • Column Settings: Please click Here for more detail.

10.3.8 YA Slider Post

View Demo:

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 Settings: Please click Here for more detail. The Extra class name block should be added to have the same style as in the demo.

10.3.9 Text Block

View Demo:

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.10 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name no-border should be added to have the same style as in the demo.

10.3.11 YA Testimonial Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name block-3 should be added to have the same style as in the demo.

10.3.12 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name no-border should be added to have the same style as in the demo.

10.3.13 Single Image

View Demo:

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 Settings: Please click Here for more detail. The Extra class name block3 should be added to have the same style as in the demo.

10.3.14 SW Brand

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.3.15 Above Footer and Footer

The configurations of blocks 14 Above Footer and 15 Footer are the same to the ones in Home Page 1. Please click Here to see more details.

10.4 SW Maxshop Home Page 4

home4

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 4 and Footer Style Default

10.4.1 Top

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.4.2 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.4.3 Single Image

View Demo:
sw-brand
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 Settings: Please click Here for more detail. The Extra class name list-services should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail.
  • Column Settings: Please click Here for more detail.

10.4.4 Best Sale

View Demo:
single-image

  • General Settings: Please click Here for more detail. The Extra class name block-3 should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail.

10.4.5 YA Woocommerce Countdown Slider

View Demo:
sw-woo-slider
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.4.6 YA Woocommerce Slider

View Demo:

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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail. The Extra class name no-border should be added to have the same style as in the demo.

10.4.7 YA Slider Post

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail. The Extra class name block-4 should be added to have the same style as in the demo.

10.4.8 Text Block

View Demo:

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.9 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name no-border should be added to have the same style as in the demo.

10.4.10 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name block-4 should be added to have the same style as in the demo.

10.4.11 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name no-border should be added to have the same style as in the demo.

10.4.12 Above Footer and Footer

The configurations of blocks 14 Above Footer and 15 Footer are the same to the ones in Home Page 1. Please click Here to see more details.

10.5 SW Maxshop Home Page 5

home5

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 5 and Footer Style Default

10.5.1 Top

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.5.2 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name banner5-right should be added to have the same style as in the demo.
  • Column Settings: Please click Here for more detail.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.5.3 Single Image

View Demo:
sw-brand
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 Settings: Please click Here for more detail. The Extra class name block-3 should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail. The Extra class name banner5-right should be added to have the same style as in the demo.
  • Column Settings: Please click Here for more detail. The Extra class name banner5 should be added to have the same style as in the demo.

10.5.4 Single Image

View Demo:
single-image

  • General Settings: Please click Here for more detail. The Extra class name list-services should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail.
  • Column Settings: Please click Here for more detail.

10.5.5 YA Woocommerce Countdown Slider

View Demo:
ya-woo-slider
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.The Extra class name index5 should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail. The Extra class name index5 should be added to have the same style as in the demo.

10.5.6 YA Woocommerce Slider

View Demo:

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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name index5 should be added to have the same style as in the demo.

10.5.7 YA Woocommerce Slider

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail. The Extra class name block-4 should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail. The Extra class name index5 should be added to have the same style as in the demo.

10.5.8 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name index5 should be added to have the same style as in the demo.

10.5.9 YA Post

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.5.10 Best Sale

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.5.11 YA Testimonial Slide

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.5.12 SW Brand

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.5.13 Above Footer and Footer

The configurations of blocks 14 Above Footer and 15 Footer are the same to the ones in Home Page 1. Please click Here to see more details.

10.6 SW Maxshop Home Page 6

home6

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 6 and Footer Style Default

10.6.1 Top

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.6.2 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.6.3 Text Block

View Demo:

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 Settings: Please click Here for more detail. The Extra class name index6-banner should be added to have the same style as in the demo.

You can copy & paste the code into your editor:

 

10.6.4 YA Woocommerce Countdown Slider

View Demo:
single-image

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home6-content should be added to have the same style as in the demo.

10.6.5 Best Sale

View Demo:
bestsale
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail. The Extra class name bestsale-block should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail. The Extra class name home6-content should be added to have the same style as in the demo.

10.6.6 SW Woocommerce Tab Slider

View Demo:

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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home6-slide-mobile should be added to have the same style as in the demo.

10.6.7 Single Image

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail. The Extra class name block-4 should be added to have the same style as in the demo.

10.6.8 SW Woocommerce Tab Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home6-slide-electronic should be added to have the same style as in the demo.

10.6.9 Single Image

View Demo:

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 Settings: Please click Here for more detail.

10.6.10 SW Woocommerce Tab Slider

View Demo:

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 Settings: Please click Here for more detail. The Extra class name home6-slide-computer should be added to have the same style as in the demo.
  • General Settings: Please click Here for more detail.

10.6.11 Single Image

View Demo:

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 Settings: Please click Here for more detail.

10.6.12 Other Blocks

The configurations of blocks including 12 YA Post, 13 Best Sale,14 YA Testimonial Slide and 15 SW Brand are the same to the ones in Home Page 5. Please click Here to see more details.

10.6.13 Above Footer and Footer

The configurations of blocks 14 Above Footer and 15 Footer are the same to the ones in Home Page 1. Please click Here to see more details.

10.7 SW Maxshop Home Page 7

home7

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 7 and Footer Style Default

10.7.1 Top

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.7.2 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail. The Extra class name home7-slider should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.7.3 Single Image

View Demo:

The configurations of this block is the same to the one in Home Page 2. Please click Here to see more details.

10.7.4 Best Sale

View Demo:
single-image
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail. The Extra class name bestsale-block should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail. The Extra class name home7-content should be added to have the same style as in the demo.

10.7.5 SW Woocommerce Tab Slider

View Demo:
bestsale
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home7-content should be added to have the same style as in the demo.
  • Inner Row Settings: Please click Here for more detail. The Extra class name home7-slide-electronic should be added to have the same style as in the demo.

10.7.6 YA Slide Posts

View Demo:

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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail. The Extra class name block should be added to have the same style as in the demo

10.7.7 SW Woocommerce Tab Slider

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Inner Row Settings: Please click Here for more detail. The Extra class name home7-slide-mobile should be added to have the same style as in the demo.

10.7.8 Single Image

View Demo:

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 Settings: Please click Here for more detail.

10.7.9 YA Testimonial Slide

View Demo:

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 Settings: Please click Here for more detail. The Extra class name block should be added to have the same style as in the demo.

10.7.10 SW Woocommerce Tab Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Inner Row Settings: Please click Here for more detail. The Extra class name home7-slide-computer should be added to have the same style as in the demo.

10.7.11 SW Brand

View Demo:

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 Settings: Please click Here for more detail.

10.7.12 Single Image

View Demo:

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 Settings: Please click Here for more detail. The Extra class name list-services should be added to have the same style as in the demo.
  • Row Settings: Please click Here for more detail. The Extra class name no-padding should be added to have the same style as in the demo.

10.7.13 Above Footer and Footer

The configurations of blocks 14 Above Footer and 15 Footer are the same to the ones in Home Page 1. Please click Here to see more details.

10.8 SW Maxshop Home Page 8

home8

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 8 and Footer Style 8

10.8.1 Top

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.8.2 Revolution Slider

View Demo:
revolution-slider
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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home8-slider should be added to have the same style as in the demo.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.8.3 Raw HTML

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

Copy & Paste the code into your editor:

 

10.8.4 Single Image

View Demo:
single-image
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.8.5 SW Woocommerce Tab Slider

View Demo:
bestsale
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home8-title-color should be added to have the same style as in the demo.

10.8.6 Single Image

View Demo:

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 Setting , then you can configure the item as you want.

  • General Settings: Please click Image 1, Image 2, Image 3 & 4 for more detail.
  • Row Settings: Please click Here for more detail.
  • Inner Row Settings (for Image 3 & 4): Please click Here for more detail.

10.8.7 Text Block

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Block 1 & Block 2 for more detail. The Extra class name banner-bt-left & banner-bt-right should be added to have the same style as in the demo.
  • Inner Row Settings: Please click Here for more detail.

10.8.8 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home8-title-color should be added to have the same style as in the demo.

10.8.9 YA Responsive Post Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name home8-title-color should be added to have the same style as in the demo.
  • Column Settings: Please click Here for more detail.

10.8.10 SW Brand

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name index8-brand should be added to have the same style as in the demo.

10.8.11 Footer Style 8

View Demo:

This is a part in the footer of the page. To configure this one, please go to Appearance >> Widgets >> Above Footer to edit the element.

  • General Settings: Please click Here for more detail.

You can copy & paste the code into the editor of Text:

 

10.8.12 Footer Copyright 8

View Demo:

This is a part in the footer of the page. To configure this one, please go to Appearance >> Widgets >> Footer Copyright 8 to edit the element.

  • General Settings: Please click Here for more detail.

You can copy & paste the code into your editor:

 

10.9 SW Maxshop Home Page 9

home9

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

  • Backend Setting: Please click Here for more detail about the setting of this page.
  • This home page uses Header Style 9 and Footer Style 9

10.9.1 Banner Style 9

View Demo:
header
This is a Widget. To configure this one, please go to Appearance >> Widgets >> Banner Style 9 to edit the element.

  • General Settings: Please click Here for more detail.

10.9.2 Top

View Demo:

The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.9.3 Revolution Slider

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.
  • Column Settings: Please click Here for more detail.
  • About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.9.4 Single Image

View Demo:
single-image
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Image 1 & Image 2 for more detail.
  • Row Settings: Please click Here for more detail.
  • Column Settings: Please click Here for more detail. The Extra class name home9-banner-right should be added to have the same style as in the demo.

10.9.5 Single Image

View Demo:
bestsale
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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.9.6 SW Woocomerce Tab Slider

View Demo:

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 Setting , then you can configure the item as you want.

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name index9-tab should be added to have the same style as in the demo.

10.9.7 Raw HTML

View Demo:

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 Settings, then you can configure the item as you want:

  • General Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name index9-tab should be added to have the same style as in the demo.

Copy & Paste the code into your editor:

 

10.9.8 Single Image

View Demo:

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 Settings: Please click Image 1 & 4, Image 2, Image 3 for more detail. The Extra class name home9-banner-top should be added into Element Image 2 to have the same style as in the demo.
  • Row Settings: Please click Here for more detail.

10.9.9 YA Woocommerce Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.9.10 Single Image

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.9.11 SW Woocommerce Categories Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.9.12 YA Responsive Post Slider

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail. The Extra class name index9-blog should be added to have the same style as in the demo.

10.9.10 SW Brand

View Demo:

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 Settings: Please click Here for more detail.
  • Row Settings: Please click Here for more detail.

10.9.14 Footer Style 9 Left

View Demo:

This is a part in the footer of the page. To configure this one, please go to Appearance >> Widgets >> Footer Style 9 Left to edit the element.

  • General Settings: Please click Here for more detail.

You can copy & paste the code into the editor of Text:

 

10.9.15 Footer Style 9 Right 1

View Demo:

This is a part in the footer of the page. To configure this one, please go to Appearance >> Widgets >> Footer Style 9 Right 1 to edit the element.

  • General Settings: Please click Here for more detail.

10.9.16 Footer Style 9 Right 2

View Demo:

This is a part in the footer of the page. To configure this one, please go to Appearance >> Widgets >> Footer Style 9 Right 2 to edit the element.

  • General Settings: Please click Here for more detail.

10.9.17 Footer Copyright 9

View Demo:

This is a part in the footer of the page. To configure this one, please go to Appearance >> Widgets >> Footer Copyright 9 to edit the element.

  • General Settings: Please click Here for more detail.

You can copy & paste the code into your editor:
Text 1:

Text 2:

11RECOMMENDATION

11.1 WooCommerce

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

Firstly, please have a look at the WooCommerce Documentation to see the this plugin’s Installation and Settings and other basic knowledge.

After installing the WooCommerce and having some products in your WordPress website, please go to Woocommerce > Settings > Products to custom your product settings to meet this SW Maxshop theme. Please remember to click Save Changes button after the change you make.

  • To change the General Settings, please go to “Woocommerce > Settings > Products > General” section.
    woocommerce
  • To change the Image Size, please go to “Woocommerce > Settings > Products > Display” section.
    woocommerce
  • Before changing the Images Sizes, firstly please regenerate all the thumbnails. For this one, you should install and activate “Regenerate Thumbnails” plugin in your site.
    woocommerce
  • To change the Inventory Settings, please go to “Woocommerce > Settings > Products > Inventory” section.
    woocommerce
  • To change the settings of Downloadable Products, please go to “Woocommerce > Settings > Products > Downloadable Products” section.
    woocommerce

11.2 Image Dimensions In Posts

For SW Maxshop 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 Maxshop theme, we recommend using the dimensions for your product image in the following page:

  • Home Page 1 : 600 x 600 pixels
  • Home Page 2 : 600 x 600 pixels
  • Home Page 3 : 600 x 600 pixels
  • Home Page 4 : 600 x 600 pixels
  • Home Page 5 : 600 x 600 pixels
  • Home Page 6 : 600 x 600 pixels
  • Home Page 7 : 600 x 600 pixels
  • Home Page 8 : 600 x 600 pixels
  • Home Page 9 : 600 x 600 pixels
  • Shop: 600 x 600 pixels
  • Blog: 600 x 600 pixels

11.4 Visual Composer

The SW Maxshop Theme uses the Visual Composer 5.0. This is a really powerful page buider plugin that let you customize your pages in the frontend and backend and 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 without any code changing. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see the changes you make.

You can see some Tutorial Videos or Tutorials for Beginner to get more details about this plugin.

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 there is any questions that are beyond the scope of this help file, please feel free to contact our team via: Support Tickets System to get help.
  • FAQs: Besides, you can check the Frequently Asked Questions about our products and services.



×