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 this document throughtly if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our
Support Tickets System
- .
1.2 System Requirements
At the basic level, this theme will require the following conditions:
- Apache 2.x or Microsoft IIS 7
- PHP 5.3.x
- MySQL 5.0.4 or higher
- WordPress 3.9+, 4.0+
Note: Recommended PHP Configuration Limits In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues. The solution is to increase the PHP limits. You can do this on your own by editing the following lines in php.ini file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:
- max_execution_time 360
- memory_limit 128M
- post_max_size 32M
- upload_max_filesize 32M
2INSTALLATION
2.1 Files Structure
At first, you need to download the package to your computer and then unzip it. The package gives you all the files listed as follows
- Data folder - Contains the “home1.zip” file, “hompage2.zip” file, and “hompage3.zip” file.
Theme installation files, including:
- sw_shoppystore_theme_version1.0.0.zip file (The newest version)
- sw_shoppystore-child-theme.zip file (The child theme is a recommended way of modifying your existing theme.)
2.2 Theme Installation
When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:
- FTP Upload
- WordPress Upload
Note: If the theme files’ size is larger than 8M, please upload via FTP (File Transfer Protocol).
2.2.1 Theme Installation via FTP
To add the new Theme to your WordPress installation, follow these basic steps:
- Download the Theme archive and extract the file named themename_version.zip, for example here: sw_shoppystore_theme_version1.0.0.zip. You may need to preserve the directory structure in the archive when extracting these files.
- Load your FTP client, such as FileZilla.
- Use your FTP program to access your host web server, create a directory to save your Theme in the wp-content/themes directory provided by WordPress.For example, the theme named SW Shoppy Store Version 1.0.0 should be in wp-content/themes/sw_shoppystore_theme_version1.0.0. The theme may provide this directory as part of the archive.
- Upload the Theme files to the new directory on your host server
To select the Theme for your site:
- Log in to the WordPress Administration Panels
- Select the Appearance panel, then Themes to find the new theme uploaded.
- From the Themes panel, roll over the Theme thumbnail image for the Theme you are interested in to see options for that theme.
- You can view more information about any theme by clicking Theme Details.
- A live preview of any Theme (using your blog’s content) can be seen by clicking Live Preview.
- To activate the Theme click the Activate button.
Your selection will immediately become active.
Note: If the Theme preview is blank, do not activate the new Theme without investigating further. Your site may not be displayed correctly, otherwise.
2.2.2 Theme Installation via WordPress Admin Panel
Step 1 - Open the wp-admin panel (Navigate through web browser to the folder where you have installed the WordPress, for example: www.your_domain.com/wp-admin/).
Step 2 - Login to your WordPress Dashboard and go to Appearance >> Themes.
Then, click the Add New button or Add New Theme button
Step 3 - Click the Upload Theme button >> Choose File to import the theme from your computer. Select your sw_shoppystore_theme_v1.0.0.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.
Step 6 - Press “Save Changes” to complete the theme activation.
Once theme is installed, you need to install Required Plugins to get full features working.
2.3 Required Plugins Installation
- After installing and activating the theme you will see a yellow popup at the top of the page. The message says that: “This theme requires the following plugins…”, and you need to click the ‘Begin Installing plugins’ link.
You will be redirected to ‘Install Required Plugins’ page, here you will find all of the theme required plugins. To install them just check all of them. In the dropdown menu, select Install to activate them.
-
Note: When installing plugins, if you see a notice that some plugins have unsuccessful installation, please choose each plugin to install again. This case usually occurs as you select all plugins to install at once.
2.4 Import Demo Data
To understand how this theme works quickly and clearly, you could select to import demo data that we give you such as all pages and posts, portfolio, products, etc. This is recommended to do on fresh installs. To import our demo content, please see the steps below.
Step 1 - In the Administrator page, please go to Appearance >> Import Demo Data.
Step 2 - Please click “Import Demo Data” button.
The process will take a couple of minutes. After receiving a message which shows “Importing all done!”, please follow the next part of this document to import “media.xml” file.
2.5 Import Media file
Step 1 - In the Administrator page, please go to Tools >> Import.
Step 2 - Please choose “WordPress” to import.
Step 3 - In Import WordPress page, click “choose file” button to select file “media.xml” to upload.
2.6 Import Revolution Slider
Step 1 - In the Administrator page, please go to Revolution Slider >> Revolution Slider and click Import Slider button.
Step 2 - You will have a pop-up window like the following image:
Step 3 - In the window, please choose the “home1.zip” file (in the “data\Slider revolution” folder) and click on “Import Slider“ button.
Note: Do the same to import “hompage2.zip” file, “hompage3.zip” file. After importing sliders completely, you could see the result like this:
2.7 Change Product Image Sizes
You can change the image size in “Woocommerce > Settings > Products > Display” section.
After change the images sizes, you should regenerate all the thumbnails. For this, you should install and activate “Regenerate Thumbnails” plugin.
2.8 MailChimp for WordPress
SW Shoppy Store This theme uses MailChimp Plugin.
Frontend Appearance
Backend Settings
1. In your Administrator page, please go to MailChimp for WP >> Forms
2. Copy the code here to the form mark-up field in the page.
1
2
3
4
5
6
|
<div class="input-box">
<input type="email" name="email" id="newsletter" title="Sign up for our newsletter" class="input-text required-entry validate-email" placeholder="Enter your email address" required="required" />
</div>
<div class="actions">
<input type="submit" value="Subscribe" />
</div>
|
You can click Here to read more about this plugin.
3.1 Menu Management
This theme uses 7 menus:
- Corporation
- Information
- Left Menu (Left Top Menu)
- My Account
- My Account Footer
- Primary Menu (Primary Menu)/li>
- Why Choose Us
If you have imported demo content, go to Existing Menu or else go to Creating a New Menu to create a new menu.
3.1.1 Existing Menu
Step 1: Go to Appearance > Menus
Step 2: In the Manage Locations area, choose an assigned menu, which appropriates to Theme Locations. Click Save Changes
3.1.2 Create A New Menu
Step 1: Go to to Appearance > Menus
Step 2: Click Create a new menu. Enter a menu’s name and click Create Menu
Step 3: Check the menu item in the boxes in the left column, click Add to Menu to add items to the menu and drag/drop to arrange them.
Step 4: Click Save Menu
Step 5: Now assign the created menu to the appropriate location
3.1.3 Edit A Menu
Step 1: Go to to Appearance > Menus
Step 2: Click Edit Menus. Select a menu’s name in the dropdown menu and click Select to choose a menu to edit.
Step 3: Edit the menu and its items in Menu Structure
Step 4: Click Save Menu to save your changes
Note: When editing items in these menus, the items (in a menu) having same level could have same configuration. Therefore, we encourage you read throughtly and find out the item’s level to configure it without any errors.
3.2 Primary Menu
In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.
3.2.1 Home
The Frontend Appearance:
The Backend Settings:
1. We call Parent Level Menu Level 0. Then, next levels are Level 1, Level 2,etc.
2. Click on the first Menu Level 0 (Parent Level Menu ) item and select Dropdown Size = “2″ in the selection box.
3. Click “Save” button
Description of parameters in Advanced Menu Configuration:
- Active mega menu: Allow to activate/inactivate Mega Menu
- Icon: Using icon-* class to display Icon for any menu item with intergrated Font Awesome.
- Dropdown Size: Set the width of dropdown menu. (ex: min = 1 (= 150px); max = 6 (= 900px)).
- Dropdown Align
- Only for menu items level 0 - If you need a dropdown align by right direction, configure it to “Right” instead of “Left” or “Default” - “Default” means that no class can be added to dropdown, everything follows the default css. - “Left” / “Right”: add to dropdown an utility class and float it left/ right, make it align as your desire .
- Show Description as Subtitle
- Show a short description - It is an essential attribute of a menu item. You may need to select to show it in the metabox screen.
- Hide Title
- When you would like to hide the title of menu, please select “Yes” value. In this case, you need to configure Icon, Subtitle or Advanced Content.
- Disable Link: Allow to disable link.
- Advanced:
- Several advanced functions are placed here. - “Default”: NOOP, do nothing. Sure, it is not advanced - “Use as Divider”: Show any icon, title, subtitle, content. Divider style only. - “Append Advanced Content”: Append content after menu title block (icon+title+subtitle) - “Append Advanced Content with Shortcode”: as above, but “do_shortcode” with this before append.
- Page Select: Enter your page’s ID here to show on megamenu
- You could find your page’s ID by going to Pages > All Pages, putting your cursor over the page you want and you could see its ID at the bottom of the window.
- Or you could see the ID in the Internet Browser when you accessing the page you want to get its ID.
- Advanced content: Insert content, such as HTML, image, etc (not include: js & css)
- Menu Thumbnail: Allow to upload thumbnail for menu
3.2.2 Shop
The Frontend Appearance:
The Backend Settings: Please click Here to view
3.2.3 DAILY Deals
The Frontend Appearance:
The Backend Settings: Please click Here to view
Note:
You need to enter your tag_ID of your product category into the following line in the Advanced Content of product tab:
1 [product_tab categories="yourtag_ID1,yourtag_ID2,yourtag_ID3" number="3"]You could find the tag_ID as follows:
Step 1 - In the Administrator page, please go to Products >> Categories
Step 2 - When you place your cursor over a category, you could see the tag_ID of this category in the link at the bottom of the window.
3.2.4 Blog
The Frontend Appearance:
The Backend Settings: Please click Here to view
3.2.5 Pages
The Frontend Appearance:
The Backend Settings: Please click Here to view
3.2.6 Portfolio
The Frontend Appearance:
The Backend Settings: Please click Here to view
3.3 Left Menu
In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.
Before start cofiguring, you need to see this list to configure these items easily:
3.3.1 Smartphones & Accessories
The Frontend Appearance:
The Backend Settings: Please click Here to view
3.3.2 Computers & Networking
The Frontend Appearance:
The Backend Settings: Please click Here to view
Note: The items having same level could have same configuration.
3.3.3 Smartphones & Tablets
The Frontend Appearance:
The Backend Settings: Please click Here to view
Note: The items having same level could have same configuration.
Note:There are the menu having same configuration as this menu
- Health & Beauty
- Toys & Hobbies
- Cameras & Camcorders
3.3.4 Car Accessories
The Frontend Appearance:
The Backend Settings: Please click Here to view
Note:There are the menu having same configuration as this menu
- Lights & Lighting
- Home & Office
- Apparel & Accessories
- Intimate Apparel
- Jewelry & Watches
- Consumer Eletronics
- Mobiles
3.3.5 Sports & Outdoors
The Frontend Appearance:
The Backend Settings: Please click Here to view
Copy & Paste the code into your editor (You could edit this code like your desire):
1
2
3
4
5
6
7
8
9
10
11
|
<div class="tag-menu">
<ul>
<li><span>Quicklinks:</span></li>
<li><a href="#">Blazers,</a></li>
<li><a href="#">Jackets,</a></li>
<li><a href="#">Shoes,</a></li>
<li><a href="#">Bags,</a></li>
<li><a href="#">Special offers,</a></li>
<li><a href="#">Sales and discounts</a></li>
</ul>
</div>
|
Note: The items having same level could have same configuration.
3.4 My Account
In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.
The Backend Settings: Please click Here to view
3.5 Information
In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.
The Backend Settings: Please click Here to view
3.6 Corporation
In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.
The Backend Settings: Please click Here to view
3.7 Why Choose Us
In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.
The Backend Settings: Please click Here to view
3.8 My Account Footer
In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.
The Backend Settings: Please click Here to view
4THEME OPTIONS
In your Admin Panel, go to Appearance >> Theme Options to configure.
4.1 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 4.2 or previous versions. To add a Favicon in WordPress 4.3 or later versions, please go to Appearance >> Customize >> Site Identity >> Site Icon to set a favicon icon
- Responsive Support - Support responsive layout (If you do not want to use this function, please uncheck)
- Logo Image - Use the Upload button to upload the new logo and get URL of the logo. You could browse to the wp-content/themes/sw_shoppystore/assets/img folder to get the image named logo-default.png like the demo.
4.2 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.
3.3 Header
- Header Style - Select Header style: Style1 / Style2 / Style 3.
- Popular search text - Each keyword separated by commas
4.4 Navbar Options
- Menu Type - Select “Mega Menu” or “Dropdown Menu” type.
- Theme Location - Select theme location to active mega menu.
- Responsive Menu Visible - Select option to show responsive menu visible.
- Select Menu Style - Allow to select menu style: Default / Fixed Menu.
4.5 Blog Options
- Sidebar Blog Layout - Select style sidebar blog: Full Layout / Left Sidebar / Right Sidebar / Left Right Sidebar.
- Layout blog - Select style layout blog: Default / Right Sidebar / Grid Layout.
- Blog column - Select style number column blog: 2 colums / 3 columns / 4 columns.
4.6 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 Detail - Select style layout product: Default/Full Layout/Full Style 1 Layout/Full Style 2 Layout
4.7 Portfolio Options
- Portfolio Categories - Select Portfolio Category.
- Portfolio column Desktop - Select number of column on Desktop Screen.
- Portfolio column Medium Desktop - Select number of column on Medium Desktop Screen.
- Portfolio column Tablet - Select number of column on Tablet Screen.
- Portfolio column Smartphone - Select number of column on Smartphone Screen.
Note: The settings is for archive portfolio pages.
4.8 Typography
- Use Google Webfont - Insert font style that you actually need on your webpage.
- Webfont Weight - For weight, see Google Fonts to custom for each font style.
- Webfont Assign to - Select the place will apply the font style headers, every where or custom.
- Webfont Custom Selector - Insert the places will be custom here, after selected custom Webfont assign.
4.9 Social Share
Turn on/turn off sharing buttons appearing in Home page
- Social share - Enable Social share button.
- Facebook - Enable Facebook Share button.
- Twitter - Enable Twitter Share button.
- Linked_in - Enable LinkedIn Share button.
- Google+ - Enable Google+ Share button.
4.9 Footer
Turn on/turn off sharing buttons appearing in Home page
- Footer Style- Select Footer Style: Style 1/ Style 2/ Style 3
4.10 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
- Active sticky menu - Turn on/off sticky menu.
- Direction - Left To Right / Right To Left.
- Active Effect Scroll - Check to active effect scroll in hompage .
- Custom CSS/JS - Insert your own CSS into this block. This overrides all default styles located throughout the theme.
4.9 Footer
Turn on/turn off sharing buttons appearing in Home page
- Import Options- This will overwrite any existing options, please proceed with caution!
- Export Options- Here you can copy/download your themes current option settings.
5PAGES
5.1 How To Create A New Page
Step 1 - go to Pages in your admin sidebar and click Add New option.
Step 2 - Input a new name for your page, then find the Page Attributes box on right side.
Step 3 - Set your Parent page. It’s usually set to No Parent.
Step 4 - Set your page template from the Template dropdown list. See list of page templates below.
Step 5 - Content for your page goes in the editing field, use the Visual or Text editor.
Here is a screenshot that shows you the various areas and descriptions of the page settings described above.
5.2 Setting Up Home Page
Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page.
How To Set Your Home Page
Step 1 - go to Settings >> Reading tab.
Step 2 - Select A Static Page option.
Step 3 - Choose the page you want as your home page from the Front Page dropdown list.
Step 4 - Choose the blog page as the Posts page.
5.3 Page Templates
SW Shoppy Store includes several page templates to choose from, and you will need to choose the page template that suits your needs. For example, if you want a page that is Contact Us Page of the browser window, then you would select the Contact page template. All of this is done in the Pages section of your WordPress admin.
There are Page Templates, each of them along with a description.
- About Us Page - This is the About Us page template. Choose this template when you want to give the customers the information about yourself website.
- Contact Us Page - This is the Contact page template that you should choose when you make your contact page with Google Map & a contact form.
- FAQ Page - This is the FAQ page template. Choose this template when you make your FAQ page.
- Our Services - This is the Our Services page template. In this page include “The Best Solution For Your Business”, “Best Services”, “Testimonials”…
- Comming Soon - In this page uses shortcode to show countdown time for any products comming soon.
5.4 Edit Page with Visual Composer
The SW Shoppy Store Theme uses the Visual Composer Plugin. The most powerful feature of the Visual Composer is that it gives you an easy drag and drop page builder that can be used from the standard WordPress page/post edit area or directly from the frontend.
For example: “About Us“.
- Step 1: you click “Edit with Visual Composer” link at the frontend editor.
- Step 2: Edit Text Block by click “pencil” icon.
- Step 3: Edit content as you want at General tab of Text Block Settings.
6THEME CONFIGURATION WITH VISUAL COMPOSER
6.1 SW Shoppy Store Home Style 1
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:
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
The pop-up window will display the backend settings, so you can configure the item as you want:
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
The pop-up window will display the backend settings, so you can configure the item as you want:
- General
- Design Options
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
The pop-up window will display the backend settings, so you can configure the item as you want:
- General
- Design Options
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
The pop-up window will display the backend settings, so you can configure the item as you want:
- General
- Design Options
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
The pop-up window will display the backend settings, so you can configure the item as you want:
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
The pop-up window will display the backend settings, so you can configure the item as you want:
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
The pop-up window will display the backend settings, so you can configure the item as you want:
- General
- Design Options
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
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 Images
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
The pop-up window will display the backend settings, so you can configure the item as you want:
- General
- Design Options
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
The pop-up window will display the backend settings, so you can configure the item as you want:
- General
- Design Options
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
The pop-up window will display the backend settings, so you can configure the item as you want:
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
The pop-up window will display the backend settings, so you can configure the item as you want:
6.2 SW Shoppy Store Home Style 2
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:
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:
12345<div class="bannerhomev2"><div class="img-effect img-banner1"><a class="img-classv2 banner1" href="#"><img src="media/wysiwyg/static-image-home/staticv2/1.jpg" alt="img" /></a></div><div class="img-effect img-banner2"><a class="img-classv2 banner2" href="#"><img src="media/wysiwyg/static-image-home/staticv2/2.jpg" alt="img" /></a></div><div class="img-effect img-banner3"><a class="img-classv2 banner3" href="#"><img src="media/wysiwyg/static-image-home/staticv2/3.jpg" alt="img" /></a></div></div>
Note:You could use your image’s URL here
- Design Options
Yavertical 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: 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
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:
12345678<div class=" content-home-img-v2"><div class=" img-effect img-content-homev2"><a class="img-class sn-1" href="#"><img src="media/wysiwyg/static-image-home/staticv2/imgv2-1.jpg" alt="img" /></a></div><div class=" img-content-homev2"><div class="img-effect img-content-homev2-1"><a class="img-class sn-2" href="#"><img src="media/wysiwyg/static-image-home/staticv2/imgv2-2.jpg" alt="img" /></a></div><div class="img-effect img-content-homev2-2"><a class="img-class sn-3" href="#"><img src="media/wysiwyg/static-image-home/staticv2/imgv2-3.jpg" alt="img" /></a></div></div></div>
Note:You could use your image’s URL here
- Design Options
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:
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_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:
6.3 SW Shoppy Store Home Style 3
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:
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:
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:
6.4 Other items
Above Footer
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<div class="block-subscribe-footer row">
<div class="col-lg-7 col-md-7">
<div class="block-content">
[mc4wp_form]
</div>
</div>
<div class="no-padding col-lg-5 col-md-5">
<div class="title-block">
<h2>Sign Up for Our Newsletter </h2>
<p>Receive email-only deals, special offers & product exclusives</p>
</div>
</div>
</div>
|
Footer
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:
Footer 1
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<div class="box-sevicer">
<div class="sn-sevirce sn-put1">
<div class="img-sevirce img-sevirce1"></div>
<div class="content-service">
<a href="#" rel="nofollow" class="sn-title">High Quality</a>
<span>Nullam sed sollicitudin mauris velit id venenatis morbi</span>
</div>
</div>
<div class="sn-sevirce sn-put2">
<div class="img-sevirce img-sevirce2"></div>
<div class="content-service">
<a href="#" rel="nofollow" class="sn-title">Awesome Support</a>
<span>Nullam sed sollicitudin mauris velit id venenatis morbi</span>
</div>
</div>
<div class="sn-sevirce sn-put3">
<div class="img-sevirce img-sevirce3"></div>
<div class="content-service">
<a href="#" rel="nofollow" class="sn-title">Really Fast Delivery</a>
<span>Nullam sed sollicitudin mauris velit id venenatis morbi</span>
</div>
</div>
<div class="sn-sevirce sn-put4">
<div class="img-sevirce img-sevirce4"></div>
<div class="content-service">
<a href="#" rel="nofollow" class="sn-title">14-Day Returns</a>
<span>Nullam sed sollicitudin mauris velit id venenatis morbi</span>
</div>
</div>
<div class="sn-sevirce sn-put5">
<div class="img-sevirce img-sevirce5"></div>
<div class="content-service">
<a href="#" rel="nofollow" class="sn-title">Secure Checkout</a>
<span>Nullam sed sollicitudin mauris velit id venenatis morbi</span>
</div>
</div>
</div>
|
Floading - 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
7
SUPPORT
- 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.