# Yourstore - Premium Multipurpose Woocommerce Theme

- created: 10/01/2016
- latest update: 10/03/2016
- by: SmartDataSoft
- email: support@smartdatasoft.com

Thank you

### FIRST STEPS

# Into

## Yourstore WP Theme Documentation

Yourstore is the best ever Wordpress E-commerce (woocommerce) theme you experienced. You will find here all of your previous experiences, all of those you thought if you could had them and all of them you never imagined till now!! With WPBakery Visual Composer plugin based content, Revolution Slider plugin, New theme admin panel with Redux Framework bring awesome experience with the theme for you.

# Get Started

First, thank you for purchasing our theme!

This guide provides instructions for installation, help on getting started and extensive documentation of features. It is recommended you read it thoroughly to fully leverage the Yourstore theme's capabilities. Please also make sure to check out our Video Tutorials as we explain everything covered in here in greater depth. We hope you will get lot of flexibility with yourstore as much as we enjoyed developing it and continue to develop with new features!

#

### INSTALLING

## Installing WordPress

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.

If you are struggling, here is a very detailed guide at Wordpress Codex that will walk you through every step.

## Installing The Theme

Once you have setup a copy of WordPress, there are two ways you can go about installing the theme:

- 1. FTP Upload

  Unzip the download and upload the theme directory /yourstore/ into your WordPress themes directory /wp-content/themes/.

- 2. WordPress Upload

  This is definitely the easier route for most. Simply navigate to Appearance > Themes > Add New > Upload Theme. Click the 'browse' button and locate the still zipped theme folder. The theme will be uploaded and installed in a matter of seconds.

- After you have installed the theme successfully, you can optionally import the supplied dummy data in order to get a feel for things. If you're interested in importing the data, please check the Demo Data section below.

## Installing plugins required

Once you have installed and activated our theme you will be prompted to install required and recommended plugins. Just click the link to Begin installing plugins.

#

Next, check boxes to select all the plugins you want to install, select the bulk action of install from the dropdown box and then click the button to apply.

#

#

Next, just click the link to Return to Required Plugins Installer.

#

Select the plugins you had installed, and then apply the bulk action to activate them.

#

Finally, you will got a confirmation notice that your plugins were activeded.

### DEMO DATA

# One-Click Importer

To help you set up website with the least efforts, we include in the theme package dummy content file. After installing it, all content seen on the live demo will be imported except for images/videos.

You can use one is using our One-click Importer. To go with the former option, please follow the steps below:

1. Go to Appearance > Import Demo Data

2. Just click Import now and wait for the process to complete.

### Note: You can also import demo contents; Widgets; Theme Options; Color Options individually.

####

#### Importing Slider Revolution Content

Your Yourstore theme comes with slider revolution plugin. You can also separately import the sliders of demo site slide. This importable .zip file is included at your purchase package. To proceed,

1. Go to your admin panel's slider revolution settings.

2. At settings page, click on import button.

3. By file browser, select the .zip file of slider content from your local computer. (This file is included at your purchase package)

4. Total slider will be imported and set automatically.

### PLUGINS

#### After theme installation, you will be ask for install some required plugins. To install and activate all of them,

#### please navigate to Plugins and install all required Plugins from the following list. You will get better solution after installing those Plugins.

## Visual Composer:

Visual Composer is the most popular drag and drop frontend and backend page builder that will save you tons of time working on your site content.
If you need dedicated support for this component, please visit: Visual Composer on CodeCanyon

## Revolution Slider:

Slider Revolution is an innovative, responsive WordPress slider plugin that displays your content in beautiful way.
Customize this slider with our convenient drag & drop backend to your very needs. This plugin features tons of unique
transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to
set options to create your own effects.
For premium support with this plugin please visit: Revolution Slider on CodeCanyon

## WooCommerce:

WooCommerce is one of the most popular eCommerce plugins for WordPress. Just install woocommerce plugin and start
creating your online store so easily.
For detailed inforamtion and support on this plugin, please go to: WooCommerce

##

## Contact Form 7:

Contact Form 7 is one of the most popular form builders for WordPress. Contact Form 7 can manage multiple contact forms
as well as you can customize form and mail contents with simple markup. We have created styles ready for you to use
within yourstore theme.
For detailed inforamtion and support on this plugin, please go to: Contact Form 7

##

## Woocommerce Color or Image Variation Swatches:

Woocommerce Color or Image Variation Swatches is very handy to use admin UI which will allow you to set color , image or other options in no time.
You can also set image or color settings for each attribute value.
For more details please visit: Woocommerce Color or Image Variation Swatches on Codecanyon.

### MENU

# Creating Menu

### Go to Appearance > Menus

### Now click on create a new menu

Enter a name in the Menu Name box.

Finally Click the Create Menu button.

### PAGES

#### Setting Your Home and Post page

To configure your site after importing XML, you need to set your default wordpress Home and blog page.

Go to Settings > Readings,

Then set your home page as default home and blog page as default blog.

### THEME OPTIONS

Overview

Theme options panel will give you full control and access over the appearance of your site, by accepting you to upload your own logo, organize your site with your own typography and style like changing colors, fonts, turn features on and off etc without any kind of coding experience.To access it, navigate the Yourstore Options section from the WordPress dashboard.

Header Settings

- Display Preloader Before Page Load
- Site Logo.
- Favicon URL.
- Site Header.
- Header Background Image.
- Header Left Text.
- Header After Nav Features.
- Mini Cart Popup Border.
- Display Compare On Header.
- Display Wishlist On Header.
- Display Language Dropdown On Header.
- Display Currency Dropdown On Header.

#### Blog Settings

- Post Grid Style.
- Enable or Disable Blog Sidebar.
- Enable or Disable Single Blog Sidebar.
- Author Bio Background Image.

#### Contact Page Settings

- Enable or Disable Google Map.

#### Typography

- Body Typography (Font Family, Font Weight & Style, Font Size and Line Height).
- Page Title (Font Family and Font Weight & Style).

Woocommerce Settings

- Products Per Page.
- Product Grid Columns For Shop Page.
- Enable or Disable Product Grid Images Swap.
- Display Product Share.
- Product Sidebar Layout.
- Product Page Layout.

#### Popup Settings

- Enable or Disable Popup.
- Popup Title.
- Popup Sub-Title.
- Don't Show It Again.
- MailChimp Form.
- Popup Background Image.

#### Footer Settings

- Enable or Disable Secondary Footer Sidebar.
- Footer Widget Style.
- Copyright.
- Show Contact Map In Footer.
- Latitude.
- Longitude.
- Show Payment Logo In Footer.
- Footer Payment Logo.

####

#### Extra Settings

- Extra CSS (Type or Paste Your Own CSS Here).

####

#### Maintenance

- Enable/Disable Maintenance Mode.
- Maintenance Page Content Background.
- Page Title.
- Title Before Countdown Area.
- Sub-Title Before Countdown Area.
- Extra CSS (Type or Paste Your Own CSS Here).
- Enable/Disable Countdown.
- Countdown Settings.

### VISUAL COMPOSER

Visual Composer is a premium drag drop page builder that comes with the theme for giving you lots of flexibility. It provides 40+ elements that can be easily added to your page wherever you want. In addition to extending functionalities of existing elements,Yourstore theme has added 13 additional elements. With these elements you will be able to create your pages very easily.

#### Yourstore Visual Composer Elements

1. Yourstore Promo
2. Yourstore Team Member
3. Yourstore Brands
4. Yourstore Banner
5. Yourstore Testimonial
6. Yourstore Gallery
7. Yourstore Recent Posts
8. Yourstore Banner Slider Container
9. Yourstore Products Carousel
10. Yourstore Products Tab
11. Yourstore Products Grid
12. Yourstore Instagram Feed
13. Yourstore One Product

#### Yourstore Promo

Yourstore Promo allows you to add a promo title, image, url and label (Ex: -20%). As well as you can control title underline and title alignment with this elements.

####

#### Output

####

#### Yourstore Team Member

Yourstore Team Member allows you to create a team member by adding Team Member Name, Job Type, Decription and Team Member Image.
[Note: Don't upload multiple images here. For adding another team member create another team member with Yourstore Team Member Visual Composer Element.]

Output

Yourstore Brands

Yourstore Brands allows you to display your product brands with Slider and Grid Layout. In grid layout you can set how many items/columns you want to show per row.

####

#### Output

####

#### Yourstore Banner

Yourstore Banner allows you to display banner or solid color with button and text. As well as you can set text position and a url of your banner.

####

#### Output

#### Yourstore Testimonial

Yourstore Testimonial allows you to display your client testimonial with Slider and Grid Layout. You can set testimonial title, number of testimonials, order type and sorting order. Most importantly, you can set device oriented testimonials. As well as you can add extra classes for your custom CSS.

Output

####

#### Yourstore Gallery

Yourstore Gallery allows you to display your product images or other images by selecting any one of 4 gallery format. You can set number of gallery images, order type and sorting order.

####

#### Output

####

#### Yourstore Recent Posts

Yourstore Recent Posts allows you to display your client recent posts with Slider and Grid Layout. You can set recent posts title, number of recent posts as well as you can set device oriented recent posts.

Output

Yourstore Banner Slider Container

Yourstore Banner Slider Container allows you to display your banners with a Slider. To do this you have to select Yourstore Banner Slider Container at first (you can set device oriented banner), then upload your banners within Yourstore Banner elements.

####

#### Output

#### Yourstore Products Carousel

Yourstore Products Carousel allows you to display your products with a Slider Carousel. You can set section title, carousel type, title underline, show multiple images, title alignment, product type, product per page, order type, sorting order and device oriented products.

####

#### Output

#### Yourstore Products Tab

Yourstore Products Tab allows you to display your products with three tab. You can set every tab title, tab content (product type), product per page, order type, sorting order and device oriented products.

####

#### Output

####

#### Yourstore Products Grid

Yourstore Products Grid allows you to display your products with grid layout. You can set product type, product per page, columns (how many columns show per row), order type, sorting order and zoom effect.

Output

Yourstore Instagram Feed

Yourstore Instagram Feed allows you to display your instagram feed. You must have to set User ID, Client ID and Acces Token. You can set instagram feed title and limit (number of feed to show).

####

#### Output

#### Yourstore One Product

Yourstore One Product allows you to display a single product with a slider carousel. You must have to set a product by typing the porduct name which one you would like to display (after type few character visual composer will give you suggestion). As well as you can add extra classes for your custom CSS.

Output

### TRANSLATION

Before above step, go to wordpress folder, find wp-config.php file, and define there your language code.

Poedit Screenshot 1

Poedit Screenshot 2

Poedit Screenshot 3

Poedit Screenshot 4

Poedit Screenshot 5

Poedit Screenshot 6

Poedit Screenshot 7

Poedit Screenshot 8

Here you will to translate the theme into your language. You also learn how to make a multi-language site. If you are not familiar with multi-language translation, please visit Translating WordPress. We have already translate the theme into Spanish language(es_ES). You should find the language files(.po and .mo) of es_ES into languages folder of the yourstore theme directory. The following steps will lead you to translate yourstore theme to your choosen language. Let's begin:
* Step 1: First you have to do this locally. That means extract the theme archive to any location on your harddrive.
* Step 2: Download Poedit software from internet and install it. If you already have this software installed, leave this step.
* Step 3: Run the Poedit software. Click on File and from dropdown menu click on New catalog...(See screenshot Poedit Screenshot 1).
* Step 4: From Catalog properties window you should get 3 tabs namely Translation properties, Sources paths and Sources keywords. On the first tab fillup Project name and versions, Team, Team's email address, Language, select Source code charset to UTF-8 and finally for Plural Forms you should visit Plural forms and copy correspoding plural expression for your chosen language from Plurals header in .po files section and paste it into this field. Caution: don't click OK button at all before finishing remaining tabs tasks. Click on Sources paths tab. Here Base path: value should be exactly the directory location of the yourstore theme in your harddrive (like on screenshot Poedit Screenshot 3). Then click on New item button (pointed on Poedit Screenshot 3 red colored near the digit 2) and insert . as value of the appended text field(pointed on Poedit Screenshot 3 near the digit 3) after clicking the New item button and press Enter. Then click on the final tab Sources keywords. Remove _, gettext and gettext_noop by clicking on Delete item button each time( as of Poedit Screenshot 4). Add __, _e, _n:1,2, _x:1,2c, _ex:1,2c all these by clicking New item button each time(See screenshot Poedit Screenshot 5 and 6) and finally click on OK button.
* Step 5: A window will visible over Poedit window to save the .po file after the OK button has been clicked (Like screenshot Poedit Screenshot 7). Use ISO name for the file (for English en_US, Spanish es_ES etc.).Browse and locate languages folder under yourstore folder and click on Save button. This will save the language files (.po and .mo) into languages directory under yourstore.

* Step 6: Now look at Poedit Screenshot 8 screenshot. There we marked the area whether you will insert your translation for a source text (for example Home).

### WPML Translation

## Getting Started

If you bought WPML then you get free support from their amazing team http://wpml.org/forums/forum/english-support/

Tutorial recommended by wpml team for translating widgets http://wpml.org/2011/03/howto-display-different-widgets-per-language/

WPML basic usage guide http://wpml.org/documentation/getting-started-guide/

Smartdatasoft support ticketing site https://smartdatasoft.zendesk.com

These are the main steps you need to follow :

- Install the Illusion theme and activate it.
- Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management), and then other WPML plugins that may depend on them.
- Set up WPML from WPML->Languages. See our WPML Getting Started Guide for complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector. (For starters, choose the footer language selector, you can change this later.)

####

#### Translating Illusion Home page

Go to All Pages, and search for 'Home':

You will see columns for each active language, with a pencil icon (for edit translation) or a + icon (for add translation) next to each page. Go ahead and edit or add the translated page for 'Home Version 1â€²

#### Translating other pages and posts

You can translate in a similar way all other pages and posts, including custom post types such as testimoinals.

You'll probably be interested in the process of batch duplication of pages and posts. To use this feature, go to WPML->Translation Management, and from the Translation Dashboard (the tab that is opened by default), select the filter you want (Pages/Posts), and click 'Display':

Select the pages or posts you want to translate or duplicate (you can select them all by clicking the checkbox besides the 'Title' header or footer). Then, at the bottom of the page, choose languages for which you want to translate or duplicate, and 'Send Documents':

For more details, see Displaying Untranslated Content using Content Duplication.

In general, with WPML you can always choose between "translating" or "duplicating: content. If you do the former but want to import content from the original you can always use the buttons to 'copy content from the original' in their edit page; if you do the latter (as we did so that all the html in the home page was copied, for example), you can always choose later 'Translate independently' so that you can save your edits. Try both procedures to see which one you find better for your workflow. Submitting for translation instead of duplication will later allow you to edit content from WPML->Translations, which provides WPML Translation Editor.

#### Translating custom post types and taxonomies

In order to get a similar interface for translation/duplication as for posts and pages, you need to go to WPML->Translation Management, and select the tab 'Multilingual Content Setup'. At the bottom of the page you'll see:

You need to select 'translate' for the custom post types you want to make translatable. Similarly, if you choose 'translate' for custom taxonomies such as 'skills', etc. you'll get a similar interface for translation as for post categories.

#### Translating Menu

For WPML instrcutions regarding menu-

http://wpml.org/documentation/getting-started-guide/translating-menus/

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance->Menus, and with the imported sample content, you'll see this, Notice the 'Synchronize menu' link top right. When you click on it, you'll see something like this:

By clicking on the Sync button at the bottom of the page (with its informative legends by its side):

you'll be presented with a set of menu items that can be translated; select them all, and go ahead to apply the changes.

You can also review this information from WPML->WP Menu Sync. In addition, after the synching operation you can individually edit the menus in each language from WordPress Appearance->Menus. This may be needed for example if you have custom links in your menu.

#### Translating theme texts and other strings in your site

To complete the missing translations you need to follow the procedure for Theme and Plugin Localization. In a nutshell, go to WPML->Theme and Plugin Localization, and click on 'Scan the theme for strings'. After doing it, you'll see something like this:

You can then see from WPML->String Translation the theme strings and which ones are translated or not, and complete the translation from there:

Play around with the different filters for this display (on top of the page), such as the "String status" or the "Context".For example, Illusion theme admin has some "Text" input options with text fields.

You can translate all of those texts in the following screenshot-

Other strings to watch for: Did you notice texts such as "Latest News" or "Read More" in our home page? Or even WPML texts such as "This post is also available in" ? Have you tried to look at a page with some sidebar widgets, in particular the widget titles? Do you have additional plugins that need translation of their texts? Do go to WPML->String Translation to check what strings have incomplete translations and complete those translations. And if for any reason you don't find the string you want to translate (after following Theme and Plugin Localization instructions), try turning on one of the options to "autoregister strings" (settings at bottom of WPML->String Translation) to register some strings when seen on the front end, or contacting the theme or plugin authors if needed.

### SUPPORT

Thanks a lot for using this amazing theme. Hope you found this documentation helpful for using this theme. Please support this product by giving your ratings and testimonial. For any further help, you can visit our help site- http://support.smartdatasoft.com

With best wishes-

Team Smartdatasoft