CoCo

Fashion Responsive WordPress Theme

• Created: 1-Apr-2016
• By: JWSThemes
• My profie: http://themeforest.net/user/jwsthemes
• Support Center: https://jwsthemes.ticksy.com
• Email: [email protected]
• Click Here View CoCo Live Demo Site

DESCRIPTION

Are you looking for a beautiful responsive WordPress themes for your next website? We have built a nice WordPress responsive themes available for you. Your business can benefit from the growing popularity of online shopping with eCommerce platforms readily available for your ecommerce website. CoCo is a unique, clean and professional WordPress theme perfect for promoting and selling your products online. This theme is fully responsive and runs smoothly on desktop, tablet and smartphones.

A complete e-commerce solution and the best ecommerce sites will come with the tools to walk you through the entire process: hosting, design, pricing and payment options, marketing tools and reports.

CoCo theme is for Ecommerce shop, however you can easily customize this theme according to your requirements.

This theme is available in four different homepage layouts to help you pick the page layout that best suits your business needs. Let your eCommerce website standout by changing the color scheme and font of your website.

CoCo has built in theme options panel that allows you to tweak the settings and appearance of basic design elements of your website.This theme includes Visual Composer, a powerful drag and drop page builder to help you build the layout page that you want for your online store without touching a single line of code. Adding fancy slides in your website is not a problem because CoCo is fully integrated with Slider Revolution.This theme supports WooCommerce plugin to help you quickly set up your online store.

There are four Header Layouts to select and Sticky Header - a fixed header when scrolling.

CoCo is the modern web development in which websites are designed for all kind of devices.

• Responsive – This theme is responsive to give a perfect user experience on all devices.
• One Click Demo Import – Easiest and fastest way to build your website, one click import pages, post, blog, products, revolution slider, widgets, theme options and more!
• Boxed or full width layout – This can be set globally or even per page!
• Built on Twitter Bootstrap – CoCo uses Twitter Bootstrap. This means that a range of shortcodes are automatically supported. For ease of use you can use the Visual Composer, Easy Bootstrap Shortcode or any other plugins to easily add visuals to your website.
• WooCommerce plugin included – This is the most popular WordPress eCommerce plugin. And it's available for free. Packed full of features, perfectly integrated into your self-hosted WordPress website.
• YITH WooCommerce Compare plugin - Is an extension of WooCommerce plugin that allow your users to compare some products of your shop. All products are saved in one complete table where the user can see the difference between the products.
• YITH WooCommerce Wishlist - Offer to your visitors a chance to add the products of your Woocommerce store to a wishlist page. With YITH WooCommerce Wishlist you can add a link in each product detail page, in order to add the products to the wishlist page.
• YITH WooCommerce Quick View - You have to open its product page, waiting for its loading and finally observe what you are interested into. So why don't use a simple way to look immediately at the product's distinctiveness? Here it is what Quick View can offer you. People are more attracted to what they can see clearly. And often the classic product lists are not enough to understand the real value of a product. That's when Quick View strikes successfully!
• Slider Revolution plugin included – This theme includes the Slider Revolution plugin, saving you $18.
• Visual Composer plugin included – This theme includes the Visual Composer plugin, saving you $33.
• Contact Form 7 plugin – this theme includes Contact Form 7 plugin which allows you to manage all your contact forms.
• Built with Less .css
• Newsletter Plugin: Newsletter is a real newsletter system for your WordPress blog: perfect for list building, you can easily create, send and track e-mails, headache-free. It just works out of box!
• Shortcode Support.
• Demo content included!
• Unlimited Color Options.
• Moveable & Unlimited Sidebars – Move the sidebar to the left, the right, or hide it entirely for a full width page or post! (global or page/post specific).
• Designed with HTML5 and CSS3.
• Customizable Design & Code.
• All installed Extensions are included.
• Cross Browser Support.
• Header Stick - Sticky Header is a godsend for those people who are tired of scrolling up from the bottom of the webpage to select an other menu item. Richer's main menu with logo will be following when you scroll and always be at the top of the screen. Now the viewers of your site will be thankful for the fast and easy navigation. And of course, this sticky header feature can be easily enabled/disabled in options panel of your theme.
• Detailed Documentation Included.
• Full Support.
• + many more features.
• More features coming soon.

Installing CoCo Theme

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

This is a tutorial video of how to install CoCo WordPress Theme:

You can install this WordPress theme using two installation methods:

• Using WordPress Administration Panel.
• Copying theme files via FTP.

METHOD 1

Using CoCo.zip found in ZIP file you downloaded from Themeforest you should perform the following steps:

• Login to WP admin.
• Go to Appearance > Themes Option and click on it to load new page.

• Select Add New tab at the top of the panel to load new page.

• Click on Upload Theme option at the top of the panel to load new page.

• Click on Choose File button and locate CoCo.zip on your file system.

• Click on Install Now.

• Once installation is complete you can activate CoCo theme.

METHOD 2

Note: If you are using FileZilla, make sure to fix it as described below before you copy the files:

http://stackoverflow.com/questions/554960/how-can-i-stop-filezilla-changing-my-linebreaks

Using CoCo directory found inside of CoCo.zip file located inside ZIP file you downloaded from Themeforest you should perform the following steps:

• Using FTP client you should login to server where your WordPress web site is hosted.
• Using FTP client you should navigate to /wp-content/themes/directory under your WordPress web site’s root directory.
• Using FTP client upload CoCo directory to themes directory on remote server.
• Once installation is complete you can activate CoCo Theme.

This video tutorial is similar to CoCo Theme. It will show you how to install new CoCo Theme.

Import Demo Partial Data

Install plugin:

• Install Widget Settings Importer/Exporter Plugin.

• From the WordPress menu, select Tools > Import > Wordpress



• Click Install Now and Activate Plugin & Run Importer

Import Sample Files

• Click Choose File then select sample.xml

• Click Upload File and Import

• You can create new user with login name (1) or assign posts to an exiting user (2). (3) for Download and import file attachments. Finally, click Submit to finish importing sample data process.

Import One Click

This video tutorial is similarity to CoCo Theme. It will show you how to Activate Plugins and Import Data CoCo Theme with just one click.

If you would like to learn the best practice of using CoCo theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from Themeforest and following these steps:

How To Install Plugins

Here is a tutorial video of how to Install plugin:

• After activating CoCo theme, click Begin installing plugins.

• (1) Click on square radio button of Plugin to select all plugins. (2) Select Install then (3) click Apply

• Click on Return to Required Plugins Installer

• (1) Click on square radio button of Plugin to select all plugins. (2) Select Activate then (3) click Apply

How To Import Widgets

• From the WordPress menu, select Tools > Widget Importer/Exporter



• Click Choose file & Select file .wie from package.



• Click Import Widgets
• => Import completed.

How To Import Revolution Slider

Please repeat the same way in importing for the rest file.zip.

• Click button import.
• Select file revolution slider.zip from package.
• Import completed.

How To Import Options

• Open and copy content file option.json for import from package.
• Import completed.

How To Choose HomePage & Assign Main Menu

Choose HomePage:

You can see this tutorial video to get how to choose Homepage & config Permalink :

• Select front page display.

You can see this tutorial video to get how to config Mega Menu:

How To Upgrade CoCo Theme

Note:If you are using FileZilla, make sure to fix it as described below before you copy the files:

http://stackoverflow.com/questions/554960/how-can-i-stop-filezilla-changing-my-linebreaks

You can upgrade our theme by performing following steps:

• Download latest theme zip file from Themeforest.
• Extract it and locate CoCo.zip.
• Extract CoCo.zip and locate CoCo folder.
• Copy/Replace the content of CoCo folder to /wp-content/themes/CoCo folder of your web site.

Feel free to ask us any questions about using features Petta theme offers.

Increasing the upload_max_filesize in WordPress via php.ini

The default upload file size for WordPress is 2 MB, which is a problem if you want to upload a large media files. If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:

• Locate the php.ini file inside the wp-admin directory.
• Find this line in the php.ini file "upload_max_filesize = 2M" and replace it with a higher value (e.g. "upload_max_filesize = 64M").
• You may also want to increase your max post size. Look for this line in your php.ini file "post_max_size" and increase it as well.
• Save the changes to the file inside your wp-admin directory.
• Try the upload again.
• If you still have issues, look for this file in your root directory and make the same changes.

Increasing the upload_max_filesize in WordPress via.htaccess

If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:

• Locate the .htaccess file inside the root directory or installed folder.
• Open or create the .htaccess file in the root folder and add the following code:

How to set upload upload_max_filesize in .htaccess:
http://stackoverflow.com/questions/2992376/how-to-set-upload-max-filesize-in-htaccess

One Click Install Demo Data

This video tutorial is similarity to CoCo Theme. It will show you how to Activate Plugins and Import Data CoCo Theme with just one click.

If you would like to learn the best practice of using CoCo theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from Themeforest and following these steps.

How To Install CoCo Theme

A WordPress child theme functions as a “skin” of a framework also called the parent theme. The child theme inherits the functionality of the parent theme, and allows the developer to pick and choose between tons of functionality that the parent theme has to offer. Now, we want to show you how you can install a WordPress Child Theme.

This is a tutorial video of how to install CoCo Child Theme:

The options panel is home to all of the theme's extensive configuration options. To view the panel, navigate to 'Theme Options' in the left-hand menu. Here you have the ability to alter many core aspects that make up how your theme looks and behaves. Any of the options that have some ambiguities to them conveniently have descriptions to explain their purpose.

Editing & Creating Content

Changing Your Favicon:

• Select the Theme Options > Favicon option from your WordPress admin.
• Click on the Upload button to bring up the WordPress image uploader.
• Choose the image if you've already uploaded it or upload the image for the first time.
• Click on the Save All Changes button to save your new theme settings.

Note: You can create a favicon using Photoshop. Create a 16x16 pixels image and save it as favicon.png or favicon.gif.

This video tutorial is similarity to CoCo Theme. It will show you how to change the logo on your new CoCo installation.

Changing Your Logo:

Note: You should use a .png image

• Favicon Image

  - A favicon (short for "favorites icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually.

  - To change Favicon Image, click Remove and Upload your image you wish.

  - Click Save Changes

• Logo Image Header

  - Logo is a symbol or other design adopted by an organization to identify its products, uniform, vehicles, etc.

  - To change Logo Image Header 1 & 2, click Remove and Upload your image you wish.

  - Click Save Changes

Changing Your Header:

• Header Layout

  - Select Header Layout for your website.

  - Click Save Changes

• Header Sticky

  - Choose whether or not you would like to enable a fixed header when scrolling.

  - Click Save Changes

• Manage Location

  - Select manage location of menu in this header: Main or Auto or Secondary (5)

Changing Your Menu Header:

• Menu Header V1

  - First Level and Sub Level have same options that is to set font and padding. Typography option with each property can be called individually.

  - Click on the Save Changes button to save your new theme settings.

• Menu Header V2

  - Menu Header V2, V3 and V4 options are similar to above.

• Menu Header V3

• Menu Header V4

Footer:

Footer top

• Footer Top Margin

  - Enter margin for Footer Top.

  - Click Save Changes

• Footer Top Padding

  - Enter padding for Footer Top.

  - Click Save Changes

Footer Bottom

• Footer Bottom Margin

  - Enter margin for Footer Top.

  - Click Save Changes

• Footer Bottom Padding

  - Enter padding for Footer Top.

  - Click Save Changes

Footer Dark Styling

Footer White Styling

Styling Options:

• Primary Color

  - These are colors that cannot be created through the mixing of other colors. They are colors in their own right.

  - Select primary color

• Secondary Color

  - Primary colors can be mixed together to produce Secondary Colors) for several items, ex: link hovers, highlights, and more.

  - Select secondary color

Typography:

The Typography option allows you to change the font aspects of your site, such as font size, family, and weight.

Typography

• Body Font Options

  - Set value of Font Family, Font Subsets, etc.

  - Click Save Changes

• H1 -H8 Font Options

  - Set value of Font Family, Font Subsets, etc.

  - Click Save Changes

Title Bar:

• Margin

  - Enter margin for title bar.

  Click Save Changes

• Padding

  - Enter padding for title bar.

  - Click Save Changes

• Background

  - Set background with color, image, etc for title bar.

  - Click Save Changes

• Delimiter

  - Enter delimiter of page breadcrumb in title bar.

  - Click Save Changes

• Others

  - Select color for the rest options.

Post Settings:

• Select the Theme Options > Post Setting > Title Bar option from your WordPress admin.
• You can show or hidden page title and page breadcrumb in page title by clicking on "On" or "Off" button.
• Click on the Save Changes button to save your new theme settings.

• Select the Theme Options > Post Setting > Blog Post option from your WordPress admin.
• Select Layout: You can either choose to display your blog posts in a grid or a full width layout.
• Content Column: Enter class bootstrap and extra class to create as many content columns as you wish.
• Sidebar Right: Select sidebar right in blog.
• Sidebar Right Column: Enter class bootstrap and extra class to create as many Sidebar right columns as you wish.
• Show Featured Image: This option allows you to choose whether or not you would like thumbnail images to appear in your blog module.
• Show Title: Choose whether or not you would like to display the title of each blog post.
• Show Meta: Choose whether or not you would like to display the meta of each blog post.
• Show Excerpt: Showing or not the excerpt will only display your excerpt text.
• Read More Text: Your blog module will appear with a label "Read more" in the builder. The label allows you to enter the text in blog.
• Click on the Save Changes button to save your new theme settings.

• Select the Theme Options > Post Setting > Single Post option from your WordPress admin.
• Show Description: Choose whether or not you would like to display the description of each single post.
• Show Navigation: Choose whether or not you would like to display navigation of each single post.
• Show Tags: Choose whether or not you would like to display tags of each single post.
• Show Author: Choose whether or not you would like to display the author of each single post.
• Show Comment: Choose whether or not you would like to display comment of each single post.
• The rest options below are similar to Blog post's options above.
• Click on the Save Changes button to save your new theme settings.

Page Settings:

• Show Page Title, Page Breadcrumb and Page Comment

  - Choose whether or not you would like to show page title, page breadcrumb and page comments.

  - Click Save Changes

Custom CSS:

• Add new CSS class or JS to your website, add it in this text box. This will add/overwrite the theme CSS,JS, so please be careful!
• Click on the Save Changes button to save your new theme settings.

Import/ Export:

• Select the Theme Options > Import/Export option from your WordPress admin.
• One Click Demo Import – Easiest and fastest way to build your website, one click import pages, post, blog, products, revolution slider, widgets, theme options and more!
• Click on the Save Changes button to save your new theme settings.

CoCo Theme comes with following custom widgets:

Sidebar - here you can add anything to the left side of page.

Left Sidebar , Right Sidebar, Header Top Widget 1, Header Top Widget 2, Header 2 Top Widget 1,Header 2 Top Widget 2 - here you can add content to footer columns (1-4)

Flexibility customized font

By default, the template loads this font from Standard Font, you can change the font with the one that suits you best.

Pages/Posts are built using shortcodes accessed by clicking medicare menu in the top right of the Add new Element . All shortcodes are in menu listed alphabetically.Head Section.

Adding Shortcode

• Go to WordPress Admin > Pages > All Pages
• Select the Page you want to add Shortcode then press Edit button
• Here is an example:
• Go to WordPress Admin > Pages > All Pages > About > Edit

• Click Add element button

• Select Shortcode you want to add

• For instance, I select Service Box element.

Configuration

• After selecting Shortcode, you have this box to configue:
• Enter class icon & title in this element.
• Enter description in this element.

• Add an extra link for this element & a class name you wish to style particular content element differently and remember refer to it in your CSS file.
• Add a class name you wish to style particular content element differently and remember refer to it in your CSS file.

To Configue A Shortcode

• For instance, go to WordPress Admin > Pages > All Pages > Home > Edit

• We have Revolution Slider Settings
• Enter Widget title
• Add a class name you wish to style particular content element differently and remember refer to it in your CSS file.

• Select Revolution Slider

• Remember Save Changes to finish configuration.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Blog Grid Settings from Dashboard.



General

• Select Columns display in this element.



• Show or not show Pagination in this element.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



Build Query

• Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.



• The number of posts to display on each page. Set to "-1" for display all posts on the page.



• Order by ("none", "date", "price", "rand", "selling", "rated") in this element.



• Order ("None", "Asc", "Desc") in this element.



Template

• Choose whether or not you would like to show Image, Title, Info, ... in this element.



• Enter Excerpt length, Excerpt More, Read More Text in this element.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Team Slider Settings from Dashboard.



General

• Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.



• The number of posts to display on each page. Set to "-1" for display all posts on the page.



• Order by ("none", "date", "price", "rand", "selling", "rated") in this element.



• Order ("None", "Asc", "Desc") in this element.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



Template

• Choose whether or not you would like to show Image, Title, Info, ... in this element.



• Enter Excerpt length, Excerpt More in this element.



• Choose whether or not you would like to show Position in this element.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Images Slider Settings from Dashboard.



• Select box images in this element.



• Enter Extra link in this element.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Testimonial Slider Settings from Dashboard.



General

• Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.



• The number of posts to display on each page. Set to "-1" for display all posts on the page.



• Order by ("none", "date", "price", "rand", "selling", "rated") in this element.



• Order ("None", "Asc", "Desc") in this element.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



Template

• Choose whether or not you would like to show Image, Title, Info, ... in this element.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Google Maps V3 Settings from Dashboard



General

• Enter you API key of map, get key from (https://console.developers.google.com). . The WordPress API key allows you to use different WordPress services. One such service is Akismet - one of the best antispam solutions available today.
• Enter Address of Map
• Enter Coordinate of Map, format input (latitude, longitude)





• Select the map type.













• Enter Zoom level of map, default is 13.
• Enter Width of map without pixel, default is auto.
• Enter Height of map without pixel, default is 350px.





Marker

• Click a marker and show info window (Default Show).
• Enter Marker coordinate of Map, format input (latitude, longitude).
• Enter Title Info windows for marker.



• Enter Description Info windows for marker
• Select image icon for marker



• Set Max width for info window



Multiple Marker

• Enter Marker List.



Map Style

• Select your heading size for title.























Controls

• Choose whether or not you would like to show Scroll Wheel. If false, disables scrollwheel zooming on the map. The scrollwheel is disable by default.
• Choose whether or not you would like to show Pan control.
• Choose whether or not you would like to show Zoom Control.



• Choose whether or not you would like to show Scale Control, Map Type Control, View Control, Over View Map Control.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Banner Box Settings from Dashboard.



• Select Image in this element.



• Choose whether you want to crop or not crop image on your Post & Enter the width of image.



• Enter Title Social, Icon, Link in this element.



• Enter the height of image.



• Enter content for banner box.



• Select Animation for banner box.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Product Grid Settings from Dashboard.



• Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.



• Select template in this element.



• Select show product type in this elment.



• Enter Date End



• The number of posts to display on each page. Set to "-1" to display all posts on the page.



• Choose whether or not you would like to show Sale Flash, Title in each items.



• Enter Excerpt Length, Excerpt More



• Choose whether or not you would like to show Price, Rating, Add To Cart,... in each items.



• Order by ("none", "date", "price", "rand", "selling", "rated") in this element.



• Order ("None", "Asc", "Desc") in this element.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Blog Settings from Dashboard.



• The number of posts to display on each page. Set to "-1" to display all posts on the page.



• Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.



• Choose whether or not you want to crop or not crop image on your Post.
• Enter the width & height of image.



• Choose whether or not you want to Title, Info, Description on your Post.



• Enter Excerpt length, Excerpt More & Read More Text for blog.



• Order by ("none", "date", "price", "rand", "selling", "rated") in this element.



• Order ("None", "Asc", "Desc") in this element.



• Show or hide pagination of post on your blog.



• Select Pagination Position.



• Select object animation.



• Select Animation.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Product Slider Settings from Dashboard.



• Select Template.



• Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.



• Select show product type in this elment



• Enter heading title for this element. (This option only applied with Template2)



• The number of posts to display on each page. Set to "-1" to display all posts on the page.



• Choose whether or not you want to Sale Flash, Title, Rating,... on your Post.



• Order by ("none", "date", "price", "rand", "selling", "rated") in this element.



• Order ("None", "Asc", "Desc") in this element.



• Select object animation.



• Select Animation.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Feature Box Settings from Dashboard.



• Select box type for feature box.



• Select template for feature box.



• Select box align for feature box.



• Enter box title for feature box.



• Enter content for feature box.



• Select Animation for feature box.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Service Box Settings from Dashboard.



• Enter title in this element.



• Enter icon in this element.



• Enter description in this element.



• Enter link in this element.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Note: If you want to edit any shortcode while visiting your site, just click Edit Page. You will be leaded to admin page including that shortcode.

• Or Click Edit button to open Title Settings from Dashboard.



• Enter title in this element.



• Select template for title.



• Enter font sizeand select color in this element.



• Align title.



• Select Animation for title.



• Add a Class name you wish to style particular content element differently. And remember refer to it in your CSS file.



• Remember always click Save changes then Preview or Update button.

Create a responsive (mobile friendly) or full width slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page!

Customize this slider with our convenient drag & drop back-end to your every needs. This plugin features tons of unique transition effects, an image pre-loader, video embedding, auto-play 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 Code Canyon.

Create a new slider:

• From the plugin's main admin page, select Create New Slider.

• Enter a Slider Title and Alias

The slider's Title can be anything, but the Alias should not have any special characters or spaces (but dashes and underscores are ok).

• Select a Slider Type and Slider Layout

Before saving, you can select several of the slider's settings from this page. But choosing these settings are not required to officially create a new slider, as they can be adjusted afterward.

• Stop Slide on Hover: Stop slider progress when the user hovers their mouse over the slider.
• Stop Slider After..

  + Amount of Loops: Stop the slider after all slides have looped a set amount of times.

  + At Slide: Stop the slider at a specific slide.

• Shuffle / Random Mode: Stop slider progress when use hovers their mouse over the slider.
• Loop Single Slide: Stop slider progress when use hovers their mouse over the slider.
• Stop Slider out of Viewport: Stop slider when the page is scrolled and the slider is no longer visible.

  + Out of Viewport: Wait - Only start the slider when its scrolled into view (useful for sliders further down the page). Pause - Pause the slider when its scrolled out of view.

  + Area out of Viewport: A percentage of the slider that needs to be inside/outside the viewport before slider starts or pauses.

• Set the default individual slide settings. For example, let’s say you always want your individual slides to start off with a “Slide to Top” transition. Adjusting the “Transitions” value will set it up so all new slides have have a “Slide to Top” transition by default. Or if you already have individual slides created, you can change the value of “Transitions” and then select its checkbox, and then click the “Overwrite Selected Settings on all Slides” button, and the main transition for all existing slides will be changed to the new default value.

• The timer line that illustrates the amount of time before the next slide is shown. If active, choose the progress bar’s position (top or bottom of slider), its height in pixels, and also its color and transparency level.

• Alternative 1st Slide: Normally the slider will always start with slide #1. But if you’d like your slider to start with a different slide, enter the slide’s number here.
• First Transition Active: Sometimes when your slider first starts, it’s more elegant to have a different transition such as a simple fade at the very beginning. Use this option if you’d like to specify a special, initial transition for the very first slide. When set, the special transition will only be executed on the very first slide once. Then once the slider loops, the original slide will default back to its individual slide transition settings.

• Next Slide on Focus: Browser behaviour varies when switching between windows/tabs (JavaScript stops executing, etc.). But the “Next Slide on Focus” option will often correct slider issues related to switching between tabs and windows.

• Shadow Type: Shadows will be shown beneath the slider. Choose between 6 different styles, or choose “No Shadow” (the default option). And preview the Shadow Type as shown in the Primer section above.
• Dotted Overlay Size: Dotted overlays are transparent grid-like graphics that will be placed above the slides, giving the slider a “mesh” type look (4 styles available). Preview the options as shown in the Primer section above.
• Slider Background: The slider’s main background. Normally if your individual slides have their own background images, the slider’s main background would only be visible when the slider first loads, and before the first slide displays. But setting a background here for the slider itself is particularly useful for when you’re using “Transparent” slides (slides with no background image). Choose a solid color or set an image as the background. Apply some padding to give your slider a border. And set specific background image options such as Background Fit, Background Repeat, and Background Position.

• The slider's animated preloader graphic: The spinner will be shown when the slider first loads, and also for additional slides if LazyLoad is being used. Choose between 6 different spinner styles, or choose “Off” for no spinner.

• Disable Slider on Mobile: Choose to disable the entire slider on mobile devices. If disabled, you can replace the slider with a simple fallback image.
• Disable Ken Burn on Mobile: The Ken Burns effect is an advanced animation that looks great on desktop computers, but for mobile devices, providing a more simple slider can sometimes be a better user-experience. Depending on your preference, toggle the KenBurns effect on and off for mobile with this setting.
• Hide Element Under Width: Choose to hide the entire slider, individual layers, or all layers when the screen size is below a specific pixel width (i.e. 640px, etc.).
  Hiding layers is useful for when lots of content displays nicely on desktop, but there isn’t really enough real estate (screen space) to fit everything on mobile.
  “Predefined Layers” are specific layers you’ve designed to “hide” under the pixel width set here for this setting.

• Position on the page: The default alignment for the slider. Options are “left”, “center” or “right”.
• Margin Top, Margin Bottom: Add some space above or below the slider in relation to other content on the page. Both positive and negative numbers supported.

• Position: Under the position toggle you can edit the alignment and the margins of the slider.
• Appearance: From here you can choose a slider shadow, show or hide the slide timer, add a dotted overlay, select a slider background color, add a slider border and/or upload a custom slider background image (complete with fit, repeat and positioning options).
• Spinner: Use this option to choose which loading image you want to use for your slider. There are 5 spinners to choose from.
• Mobile Visibility: You can choose to hide your responsive slider (or certain layers) on small browsers or devices. Use the mobile visibility options to set a minimum browser size (note: this option is only for the responsive slider layout).

Enable Arrows / Arrow Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.

• Visibility: Always Show: Yes = Show navigation element at all times. No = Only show navigation element on mouse hover
• Hide Under Width: Disable navigation element below a certain screen width. For example, thumbnails look great on desktop, but are often better hidden on smaller screens.
• Hide Over Width: Disable navigation element above a certain screen width.

  Combining these two options is particularly useful for switching between two different navigation types depending on the screen size:
  Tabs -> Hide Below Width -> 850px
  Bullets -> Hide Over Width -> 850px
  RESULT:
  Tabs will be shown above 850px screen size (desktop)
  Bullets will be shown below 850px screen size (mobile)
  

• Position: Horizontal Align / Horizontal Offset/ Vertical Align / Vertical Offset:

  +Horizontal Align: Align navigation to the left, right or center of the slider.

  +Horizontal Offset:Apply a left/right margin to the navigation in relation to its horizontal alignment (positive and negative numbers supported).

  +Vertical Align: Align navigation to the top, bottom or middle of the slider.

  +Vertical Offset: Apply a top/bottom margin to the navigation in relation to its vertical alignment (positive and negative numbers supported).

Enable Bullets / Bullet Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.

• Space / Direction: Set the spacing between the bullets in pixels, and choose if the bullets should be displayed horizontally (bullets displayed side by side) or vertically (bullets placed on top of one another) .
• Visibility, Position: See "Common Navigation Options" above.

• Wrapping Container:

  +Wrapper Padding: Space between edge of slider and edge of thumbs/tabs container.

  +Span Wrapper: "ON": thumbs/tabs will always be stretched across the full size of the slider. "OFF": thumbs/tabs will be stretched to the slider’s Layers Grid.

  +Wrapper Color / Opacity: Adjust the color and opacity of the tab/thumbs section. Will only be visible if either “Space” or “Wrapper Padding” exists.

• Style, Visible Amount, Space & Direction:

  +Style: Choose between 7 different pre-built styles.

  +Visible Amount: The amount of thumbs or tabs that will be visibly shown. For example, if you have 7 slides, but only want 3 thumbnails to be displayed, technically the thumb strip will still contain 7 items, but only 3 thumbs will be visible at any given time, and the additional thumbs will only be shown on mouse-movement.

  +Space / Direction: Set the spacing between the tabs/thumbs in pixels, and choose if the they should be displayed horizontally (side by side) or vertically (placed on top of one another) .

• Width, Height, Min. Width: Set the tab/thumb width and height. The width will act as a “Max Width”, and the “Height” will resize proportionally.
  For example, let’s say the slider itself was resized down by 50% for mobile. If the thumb width/height were set to 100×50, the thumb size would also be resized down by 50%, and the new thumb width/height would be 50×25.
  However, this is where the “Min Width” value is useful. For example, let’s say the thumb width/height were set to 100×50. If the “Min Width” were also set to “100px”, the thumbnails would never resize down.
• Visibility, Position: See "Common Navigation Options above".

Touch Enabled: Choose to enable/disable touch navigation for mobile. If enabled, swiping the slider left or right with your finger will change slides back and forth.

• Drag Block Vertical: Allow for the page to be scrolled vertically when “touch” is enabled. For example, when “ON” is applied, “swiping” the slider in a vertical direction will also scroll the page itself. But when set to “OFF”, the page itself will not be scrolled when swiping the slider in a vertical direction.
• Swipe Threshold, Min. Finger:

  +Threshold: The swipe action sensitivity. A smaller number would mean that only a short “swipe” is needed for the slide to change. A larger number would mean that a more elaborate “swipe” would need to take place for the slide to change.

  +Min. Finger: The number of fingers needed for a “swipe” action to be registered. “1” finger is usually best, as that’s what most users are used to, but depending on your site you can require that users use two fingers to “swipe”, etc.

• Swipe Direction:

  +Horizontal: Traditional left-to-right touch-swipe navigation.

  +Vertical: Useful for when your slide animations are set to “Slide Vertical (Next/Previous)”. In this case, swiping up or down would change the slides.

• Keyboard Navigation: Choose to enable arrow keys to navigate between slides.
• Key Direction:

  +Vertical: Up and down keys will act as “next / previous” controls for the slider.

  +Horizontal: Left and right keys will act as “next / previous” controls for the slider.

• Mouse Scroll Direction: Capture mouse-wheel movement to change between slides.

Parallax can be used to apply movement to slide content based on mouse or scrolling.

• Enable Parallax / Disable on Mobile: Choose to enable the parallax effect for the slider, and if enabled, choose to disable the effect for mobile only (since parallax is based on mouse movement and page scrolling, parallax usually works best on desktop computers).
• Mouse Sensibility:

  +Event:: Choose “Mouse Move”, “Scroll Position” (page scrolling) or “Move & Scroll” (first two combined).

  +Parallax Origin: “Mouse Enter Point” – Parallax is based on where the mouse first entered the slider.
  “Slider Center” – Parallax is always based on the very center point of the slider (usually the best option).

  +Animation Speed: The transition duration for the content’s movement. Use a lower number such as “750” for fast movement, and a higher number such as “2000” for smoother motion.

• Parallax Levels: Each individual layer can be assigned a “Parallax Level”. And you can define up to ten different “levels”.
  Applying different levels to different slide layers is what gives the content its “depth” in relation to other parallax layers. In this example, you’ll notice that some content layers have less movement than others. This is because the different layers have different “Parallax Levels” assigned.
  When choosing your parallax level values, a smaller number would mean less movement, and a higher number would allow for a larger amount of movement.

For compatibility with older mobile devices and legacy IE, you can choose to simplify the slider’s functionality or replace it with an alternative image.

• Simplify on iOS4/IE8: Animations will be set to simple “fade” for older iOS and IE, which will will dramatically improve performance for these environments.
• Use Alternative Image: Choose to use an alternative image in place of the slider for mobile devices, IE8, or both. When an alternative image is used, enter the image’s absolute url into the “Alternative Image” field.

Use the troubleshooting options to solve common conflicts with other plugins and themes.

• jQuery No Conflict Mode: Using jQuery noConflict is considered best practice for WordPress, and Slider Revolution uses this by default. But sometimes another theme or plugin may not be built using this best practice, which can often cause a conflict. In these cases, setting this option to “OFF” can sometimes resolve this issue.
• Put JS Includes to Body: Often solves conflicts with “minify” plugins and also certain themes that don’t call “wp_head()” properly.
• Output Filters Protection: Sometimes a theme runs special filters over the page’s content (against WP best practices), which results in breaking the slider’s HTML markup (if you view the slider’s HTML source in your browser, you’ll often find “

  ” tags injected throughout the slider’s markup).
  The “Output Filters Protection” option will attempt to combat this conflict. “By Echo Output” will often place the slider above all other content on the page, which is fine for sliders that are originally placed above the other page’s content to begin with, but when the slider is meant to be shown below other page content, “By Compressing Output” is best.

• Debug Mode: Adds visual debug information when testing the frontend version of the slider.

Chances are your theme is already loading Google Fonts that you can use for your slider’s text, but you can also load whatever new Google Fonts you want for your sliders.
To get started, click the Add New Font button.

• Next, visit the Google Fonts website and choose a font you wish to use. Then click the Quick Use icon.
• Then copy the font slug from the url as shown in the following screenshot (after the “font=” part, and without the single quote character).
• Then paste the Google Font slug into the slider’s Add New Font field.
• And now the Google Font will be available for your slider’s Layer text.

Create a new slide:

• To create a new slide, hover your mouse over the Add Slide box and then choose one of the options listed below:

Add Blank Slide: Create a new slide with default settings.

Add Bulk Slides: Create multiple slides at once, based on a selection of media gallery images of your choice. And a new slide will be created for each image you’ve chosen, with the selected image set as the slide’s main background image.

• Click the Change Image button to select an image you’ve already uploaded, or to upload a new image for the slide.

• Select Slide Image from Upload File or Media Library then click Insert

• Click on Save Slide to finish.

ADD SLIDER TO MY PAGE

I’ve created a slider, but how do I add it to my page?

1. The Shortcode Method
• From the WordPress menu, select Pages and then Edit for the page you want to add the slider to. Then follow the steps are shown in the screenshot below:



• For example, if you want to edit About Us page,





• Select your Slider from the Dropdown Box. After selecting your Slider, the Shortcode will automatically appear inside the editor.







2. With Visual Composer
• If you happen to have Visual Composer installed, Revolution Slider can be added from one of Visual Composer’s content options.
• Follow the steps are shown in the screenshots below:



• Then click Add element button.



• Then choose Revolution Slider item.



• Add text used as Widget Title (1)
• Select your Revolution Slider (2)



• Add a class name you wish to style particular content element differently and remember refer to it in your CSS file (3)
• Click Save Changes to finish your editing (4)



3. The Widget Method

Your theme will have to support widgets in order for this to work. Often widgets are reserved for “Sidebar” content, but your theme may also use widgets for predefined areas of a page, such as “Homepage Slider”. To use the widget method, from the WordPress main menu, hover your mouse over the “Appearance” menu item and then select “Widgets”. In your list of “Available Widgets”, you’ll see one of the options is “Revolution Slider” as shown in the screenshots below:



• Click and drag the Revolution Slider into one of your predefined available widget content areas:



• You also can rearrange the order of these items.



• Then open the Revolution Slider tab and choose your options:



• Enter Title (1)
• Choose Slider you wish to use (2)



• Check this box for Homepage usage only (3)
• Or enter a list of page ID's that should include the slider (4)
• Click Save (5).

Visual Composer is the most popular drag and drop editor for Wordpress.

If you need dedicated support for this component, please visit: Visual Composer on Code Canyon

WooCommerce is the most popular WordPress eCommerce plugin. And it's available for free. Packed full of features, perfectly integrated into your self-hosted WordPress website.

WooCommerce Transform your WordPress website into a thorough-bred eCommerce store. Delivering enterprise-level quality and features whilst backed by a name you can trust. Say "hello" to the WooCommerce eCommerce plugin.

WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

With endless flexibility and access to hundreds of free and premium WordPress extensions, WooCommerce now powers 30% of all online stores -- more than any other platform.

Sell anything, anywhere

Ship wherever you like

Extensive payment options

You control it all -- forever

Define your style with Storefront

Built with developers in mind

Extensions galore

Join our growing community

If you need dedicated support for this component, please visit: Documentation

WooCommerce 101 Video Series

WooCommerce Pages:

Upon installation, WooCommerce creates the following new pages:

• Shop
• Cart
• Checkout
• My Account

Install All The Missing WooCommerce Pages:

I do not mean to remove pages of WooCommerce, but I did. Now what should I do to reinstall those pages?

If I remove one or more pages of WooCommerce for some reasons, but now I want to restore them, what I need to do is:

• Go to WooCommerce > System Status > Tools > Install Pages
• Click Save Changes

It is so easy, isn't it?

Add New Product:

Adding a simple product

• Enter Title - name of new product (1) and give description of product.

Product data

General tab

• SKU – stock keep unit, used to track products. Must be unique, and should be named so it does not clash with post IDs.
• Regular Price – Item’s main price.
• Sale Price – Item’s sale price.

Inventory tab

The inventory tab allows you to manage stock for the product individually and define whether to allow back orders. If stock management is disabled from the settings page, only the ‘stock status’ option will be visible.

Shipping tab

• Weight – Weight of the item.
• Dimensions – Length, width, and height for the item.
• Shipping Class – Shipping classes are used by certain shipping methods to group similar products.

Linked Products tab

Using up-sells and cross-sells you can cross promote your products with one another. They can be added by searching for a particular product and selecting the product from the dropdown list:

• Up-sells are displayed on the product details page. These are products that you may wish to encourage users to upgrade, based on the product they are currently viewing. For example, if the user is viewing the coffee product listing page, you may want to display tea kettles on that same page as an up-sell.

• Cross-sells are products that are displayed with the cart and related to the user’s cart contents. As an example, if the user adds a Nintendo DS to their cart, you may want to suggest they purchase spare Styluses when the arrive at the cart page.
• Grouping – Set this option to make a product part of a grouped product.



Attributes tab

On the attributes tab, you can assign attributes to a product. You will see a select box containing global attribute sets you created (e.g., platform).

Once you have chosen an attribute from the select box, click add and you can apply the terms attached to that attribute (e.g., Nintendo DS) to the product. You can hide the attribute on the frontend by leaving the Visible checkbox unticked.

Custom attributes can also be applied by choosing ‘Custom product attribute’ from the select box. These are added at the product level and won’t be available in the layered navigation.



Advanced tab

• Purchase note – Enter an optional note to send the customer after purchase.
• Menu order – Custom ordering position for this item.
• Enable Reviews – Enable/Disable customers reviews for this item.



On the right hand side of the Add New Product panel, there are product categories in which you can place your product, similar to a standard WordPress post. You can also assign product tags in the same manner.



• Set Product image & Product Gallery



• You may click Save Draft or Preview before clicking Publish to finish.

Configuring WooCommerce Settings:

On this page we’re going to walk through all the settings available to you in WooCommerce. You’ll find information about General WooCommerce settings as well as Product, Tax, Checkout, Shipping, Accounts, Email, and Webhooks settings.

To configuring your shop go to WooCommerce > Settings. Then walk through the documentation below in each section to get information on every setting.

1. General Settings

This defines your shops base country and state (i.e. where you are based as a seller). It determines default tax rates and customer locations.

Here is where we have some simple and basic settings for every store.

This defines your shops base country and state (i.e. where you are based as a seller). It determines default tax rates and customer locations.

Select if you would like to sell to all countries or to specific countries. You can choose multiple specific countries or states.

When a guest initially visits your store we don’t know their location when calculating taxes and shipping; this setting lets you choose the location we assume they are in, before they enter it.

• Shop base address: will let the system assume they are in the same location as your shop.
• No address: will give them no location – taxes won’t be calculated.
• Geolocate address: will verify where they are currently located and calculate taxes accordingly.

Enable site-wide store notice text by selecting the checkbox then editing your message below. This message will show up across the top of your site and can be stylized with CSS to fit your theme. For example, adding the following to your custom CSS will make the background of the Store Notice white:

Chose to enable the REST API. This API is aimed at developers to use. You can enable it to access your store data from outside of WordPress, for example from our iOS app or other external apps.

Currency Options

The following options affect how prices are displayed on the front-end.

Choose the default currency of the store. Only one default currency may be selected.

Chose the default currency position for your prices: Left, Right, Left/Right with space.

Chose the symbol to use for the thousand separator: ex. 1,000.

Chose the symbol to use for the decimal separator: ex. 100.00.

Chose how many numbers to display to the right of the decimal when displaying prices. ex. 2 = 100.00.

2. Products

Here you will find the settings for your products and how they are displayed, including product image sizes, inventory, and downloadable product settings.

2.1 General

In the general sub navigation section we have our Measurements and Reviews options. Select the weight and dimensions units for your products, as well as enable or disable ratings on your product reviews.

Options include:

• Enable ratings on reviews.
• Ratings are required to leave a review.
• Show “verified owner” label for customer reviews. If a customer is logged in with their account and have purchased this product on their account they will be labeled as a ‘verified owner’.
• Only allow reviews from “verified owners”. Only customers that are logged in with the account they used to purchase the product can leave a product review.

2.2 Display

Shop Page / Product Archive

Select what page you would like to be the default shop page.

Shop Page Display

Select to show products, subcategories or both.

Default Category Display

Select to show products, subcategories or both.

• Default Product Sorting

Select the default product sorting, options include:

• Default product sorting (custom ordering + name)
• Popularity (sales)
• Average rating
• Sort by most recent
• Sort by price (asc/dec)
Add to cart behaviour
• Redirect to the cart page after successful addition – this will automatically take your customer to the cart page upon adding a product.
• Enable AJAX add to cart buttons on archives – this will add the ‘Add to Cart’ option to your shop archive pages.



2.3 Inventory Options

To edit your shop’s inventory options go to: WooCommerce > Settings > Product > Inventory.



Here you can chose whether you want to enable stock management or not. If selected you have the following options available:

• Hold Stock (minutes) – Hold stock (for unpaid orders) for x minutes. When this limit is reached, the pending order will be cancelled. Leave blank to disable.
• Enable low stock notifications
• Enable out of stock notifications
• Notification Recipient – set the email for low and out of stock notifications.
• Low Stock Threshold – set the number of products to trigger the low stock notification.
• Out Of Stock Threshold – set the number of products to trigger out of stock status.
• Out Of Stock Visibility – Chose to hide out of stock items from the catalog.
• Stock Display Format– Options include:

+ Always show stock – eg. “12 in stock”.

+Only show stock when low – eg. “Only 2 left in stock” vs. “In stock”.

+Never show stock amount.

2.4 Downloadable Products



File Download Method

This option controls how your store will serve downloadable files to purchasers. Options include:

• Force Downloads – Files are ‘forced’ to download via a PHP script. The files shouldn’t be accessible to anyone but purchasers and direct links are hidden.
• X-Accel-Redirect/X-Sendfile – This is similar to ‘forced’ above, however it has much better performance and can support larger files. This option requires that your hosting provider supports either X-Sendfile or X-Accel-Redirect so you will need to check with them first.
• Redirect only – Download links simply link the user to the file. Files are not protected from outside access.

Most stores will want to use one of the top 2 methods as these keep your files safe from outside access. Redirect should only be used if you encounter problems or don’t mind downloads being insecure.

Access Restriction

Options include:

• Select if downloads require login – This setting does not apply to guest purchases.
• Grant access to downloadable products after payment – Enable this option to grant access to downloads when orders are “processing”, rather than “completed”.

3. Tax



Taxes are complex enough to warrant their own separate section explaining how to set them up and how they work.

3.1 Tax Options

The tax tab displays several options that you can configure to suit your needs – settings you choose will be based on the tax jurisdiction under which your store is located.

Enable taxes

Define whether to enable taxes and tax calculations. If taxes are disabled, ignore the rest of the options on the page as they will have no effect.

Prices Entered With Tax

This option is perhaps the most important option when managing taxes in your store, as it determines how you input product prices later on.

“Yes, I will enter prices inclusive of tax” means that all catalog prices are input using your store’s base tax rate.

For example, in the UK you would input prices inclusive of the 20% tax rate e.g. You enter a product price of £9.99 that includes £1.67 tax. A customer in the UK would pay £9.99 as defined, and a customer in the US would only pay £8.32.

“No, I will enter prices exclusive of tax” would mean that your catalog prices need to be tax exclusive.

Using the example from above, a UK shop would enter 8.32 at the product price. A tax of 20% would be applied on top of this during checkout making the amount payable £9.99.

The tax calculation for tax-inclusive prices is:

tax_amount = price - ( price / ( ( tax_rate_% / 100 ) + 1 ) )

The tax calculation for tax-exclusive prices is:

tax_amount = price * ( tax_rate_% / 100 ) Calculate Tax Based On…

Choose between:

• Customer billing address
• Customer shipping address (default), which is found under the General tab
• Store base address
Shipping Tax Class

In most setups, shipping tax class is inherited from the item being shipped, i.e., shipping a reduced rate item like baby clothes would also use a reduced rate.

If this is not the case in your jurisdiction, choose a different tax class.

Round tax at subtotal level, instead of per line

If rounding is done last in your tax jurisdiction (when the subtotal is calculated), enable this option.

Additional Tax Classes

Tax Classes are assigned to your products. In most cases, you want to use the default “standard” class. If you sell goods that require a different tax class (i.e., Tax, except zero-rated products) you can add the classes here. To get started, we include Standard, Reduced Rate and Zero Rate tax classes.

Each class is listed at the top of the tax settings page – click a class to view tax rates assigned to the class.

Display prices during cart/checkout

This option determines how prices are displayed in your cart and checkout pages – it works independently of your catalog prices. Choose from inclusive/exclusive tax display.

*Note that the address field needs to be filled in to get tax calculations if you have a tax table that distinguishes between locations.

Setting up Tax Rates

Tax classes are displayed at the top of the tax screen – click one to view tax rates for the class.

You will see the tax rates table. Here you can define tax rates (1 per row). Click Insert Row to get started.

Each tax rate has these attributes:

• Country Code – 2 digit country code for the rate. Use ISO 3166-1 alpha-2 codes. Leave blank (*) to apply to all countries.
• State Code – 2 digit state code for the rate. See i18n/states/COUNTRYCODE.php for supported states. For the US, use a 2 digit abbreviation e.g. AL. Leave blank (*) to apply to all states.
• ZIP/Postcode – Enter postcodes for the rate. You may separate multiple values with a semi-colon (;), use wildcards to match several postcodes (e.g. PE* would match all postcodes starting with PE), and use numeric ranges (e.g. 2000-3000). Leave blank (*) to apply to all postcodes.
• City – Semi-colon separated list of cities for the rate. Leave blank (*) to apply to all cities.
• Rate % – Enter the tax rate, for example, 20.000 for a tax rate of 20%.
• Tax Name – Name your tax, e.g. VAT
• Priority – Choose a priority for this tax rate. Only 1 matching rate per priority will be used. To define multiple tax rates for a single area you need to specify a different priority per rate.
• Compound – If this rate is compound (applied on top of all prior taxes) check this box.
• Shipping – If this rate also applies to shipping, check this box.

4. Checkout

4.1 Checkout Options

Under the Checkout Options sub navigation section there are options for the general checkout process of your store.

Checkout Process

Coupons

Select to enable the use of coupons – Coupons can be applied from the cart and checkout pages.

Checkout

Options include:

• Enable guest checkout – Allows customers to checkout without creating an account.
• Force secure checkout – Force SSL (HTTPS) on the checkout pages (an SSL Certificate is required).
• Force HTTP when leaving the checkout – Forces pages to load over HTTP instead of (SSL) HTTPS like the checkout pages. Useful for certain gateways that may require this.



Checkout Pages

These pages need to be set so that WooCommerce knows where to send users to checkout: Cart Page, Checkout Page, Terms and Conditions

Note! The cart and checkout pages will automatically be installed with WooCommerce. If you want a Terms and Conditions page you will need to create your own custom page, then select the page in the settings as shown above.



Checkout Endpoints

Endpoints are appended to your page URLs to handle specific actions during the checkout process. They should be unique.



Payment Gateways

Installed gateways are listed here. You can drag and drop the gateways to control the order they display in on the front end.



5. Shipping

5.1 Shipping Options

Shipping Calculations
• Enable shipping
• Enable the shipping calculator on the cart page
• Hide shipping costs until an address is entered
Shipping Display Mode

Display shipping methods with “radio” buttons or in a dropdown.

Shipping Destination

Ship to billing address by default or only ship to the users billing address.

Restrict shipping to Location(s)

Ship to all countries you sell to to specify certain countries you will not ship to.

Shipping Methods

Here you can choose which shipping option is default or enabled and you can drag and drop to reorder these in whatever order you prefer.



6. Accounts

6.1 Account Pages

These pages need to be set so that WooCommerce knows where to send users to access account related functionality.

My Account Page

Select the page from the dropdown that you want to use for the My Account page.



6.2 My Account Endpoints

Endpoints are appended to your page URLs to handle specific actions on the accounts pages. They should be unique. Options include:

• View Order
• Edit Account
• Edit Address
• Lost Password
• Logout



6.3 Registration Options

Enable Registration
• Enable registration on the “Checkout” page
• Enable registration on the “My Account” page
• Display returning customer login reminder on the “Checkout” page
Account Creation

Options include:

• Automatically generate username from customer email
• Automatically generate customer password



7. Emails

Here you can find the email settings and templates to edit.

7.1 Email Sender Options

Set the ‘From’ name and email for the sender used in WooCommerce emails.



7.2 Email Templates

This section lets you customize the WooCommerce emails. For more advanced control copy the woocommerce/templates/emails/ folder to yourchildtheme/woocommerce/emails/.

It is best if you keep this customization in a child theme so your changes are not overwritten when you update your theme.

Header Image

Enter a URL to an image you want to show in the email’s header. You can upload your image using the media uploader.

Email Footer Text

The text to appear in the footer of WooCommerce emails.

• Base Colour – The base colour for WooCommerce email templates.
• Background Colour – The background colour for WooCommerce email templates.
• Email Body Background Colour – The main body background colour.
• Email Body Text Colour – The main body text colour.



7.3 Editing Individual Email Templates

Just beneath the Email tab you will see options for the following email templates:

New order | Processing order | Completed order | Customer invoice | Customer note | Reset password | New account

Each email template will have the following options that you can edit:

Enable/Disable

Enable this email notification.

Recipient(s)

Enter recipients (comma separated) for this email. Defaults to [email protected].

Subject

This controls the email subject line. Leave blank to use the default subject:

[{site_title}] New customer order ({order_number}) - {order_date} Email Heading

This controls the main heading contained within the email notification. Leave blank to use the default heading.

Email type

Choose which format of email to send. Options include:

• Plain Text
• HTML
• Multipart



Note!If using Plain Text emails, please keep in mind that text fields are limited to 155 characters. If your products have long names and/or numerous variations/add-ons, the field may be truncated.
HTML template

To override and edit this email template copy woocommerce/templates/emails/admin-new-order.php to your theme folder: yourchildtheme/woocommerce/emails/admin-new-order.php. You also have the option to copy the template file or view on this setting screen.

8. API

WooCommerce Shortcodes:

WooCommerce comes with several shortcodes that can be used to insert content inside posts and pages. The following shortcodes are inserted into pages upon installation and should not need to be used anywhere else.

• [woocommerce_cart] – shows the cart page
• [woocommerce_checkout] – shows the checkout page
• [woocommerce_order_tracking] – shows the order tracking form
• [woocommerce_my_account] – shows the user account page

WooCommerce Widgets:

There are several great widgets bundled into WooCommerce which allow you to display all sorts of information in your theme’s widgetized areas. These could be normal sidebars, footers, header areas, homepage, etc…

Here are the included widgets:

• WooCommerce Cart - Displays the shopping cart contents and links to the cart / checkout
• WooCommerce Layered Nav - Allows the user to refine products based on attributes
• WooCommerce Layered Nav Filters - Shows active layered nav filters so users can see and deactivate them.
• WooCommerce Price Filter - Allow the user to refine products based on price on product category pages
• WooCommerce Product Categories - Display product categories in list format
• WooCommerce Products - This includes view for All Products, Featured Products, and On-Sale Products.
• WooCommerce Product Search - Search products only
• WooCommerce Product Tags - Display product tags in tag cloud format
• WooCommerce Recently Viewed - Display a list of products the customer has recently viewed
• WooCommerce Recent Reviews - List recent customer reviewed products with ratings
• WooCommerce Top Rated Products - Display a list of top rated products

There are a few widgets we’d like to highlight below.

WooCommerce Products

In WooCommerce 2.1, we merged what was three separate widgets into one. With this new WooCommerce Products widget you can set three different initial options. You can show All Products, your Featured Products, or only On-Sale Products. In addition you can set a title for the widget, the number of products to show, and order them in different ways.

Here are a few example setups, you can set this widget to show your most recent products if you show All Products, Order by Date, and Order DESC. You could also show 10 random featured products if you put Number of products to show at 10, then show Featured Products, and then Order by Random. There are plenty of combination options with this one widget.

Price Filter Widget

The price filter widget allows customers to refine products by price by dragging the sliders within the widget to create a price range based on the products displayed on the page.

To use the widget simply drag it to your widgetised region as you would any other widget. It will automatically detect the minimum and maximum prices on the current page to populate the slider.

Layered Navigation Widget

Layered Navigation is a powerful widget which empowers your users to drill down through your catalog of products via attributes, effectively helping them find what they’re looking for quicker.

Add the widget to your widgetised region as you would any other. Then choose an attribute to filter by and choose whether you want users to be able to filter by “AND” or “OR” query types.

• AND – If a user selects two attributes, only products with match both attributes will be returned
• OR – If a user selects two attributes, products which match either attribute will be returned

Settings- YITH WooCommerce Compare

In this page of the documentation, you can find the complete list of the options available in the "Settings" tab of the option panel of the plugin.

1. General Settings

1.1 Link or Button

Choose here whether to use a link or a button to allow your users to add a product in the comparison table.

1.2 Link/Button Text

The text of the link and/or the button used to add the products to the comparison table.

1.3 Show button in single product page

This option allows you to show or hide the "Compare" button in the product detail page and/or the Shop page.

1.4 Show button in products list

This option allows you to show or hide the "Compare" button in the product detail page and/or the Shop page.

1.5 Open automatically lightbox

if this option is activated, the modal window of the comparison table will open automatically when users will add a product for the comparison clicking n the related button.

2. Table Settings

2.1 Table title

The title of the table, it appears only if the comparison table is showed in a modal window.

2.2 Fields to show

product information to add in the table (name, image, add to cart button). The order of these fields cannot be modified as you can do for those in this section.

2.4 Repeat "Price" field

Activating the option, the price of each product will be replicated in the related column in the lowest part of the table.

2.5 Repeat "Add to cart" field

Activating the option, the add to cart button will be replicated in the related column in the lowest part of the table.

2.6 Image size

The size of the product images in the comparison table.

3. Widgets

The YITH WooCommerce Compare widget shows the list of the products that users have added to the comparison table.

4. Menu

With the plugin you can add an entry to your menu that your users can use to open the modal window with the comparison table.

Go to the WordPress menu section, add a customized menu entry and assign it the yith-woocompare-open class.

YITH WooCommerce Wishlist allows users to customise their wishlists as they prefer. First of all, they have the possibility to decide if making their own wishlist either public, shared only with whom they want, or to make it private and visible to themselves only. Moreover, the possibility to create more than one wishlists might help them in a situation such as having a wishlist shared with all members of their family but having at the same time the need for a private one where storing presents for them. Customisation is in your hands.

Then imagine users had the possibility to search among public wishlists: well, you do not have to imagine, you can do it! YITH Wishlist has an option that allows you to search within any public wishlist by simply knowing the name of its owner or the email associated to it.

YITH WooCommerce Wishlist is a useful tool put at users’ disposal, one could only benefit from the possibilities it offers. And you will be able to experience it yourself, just give a look to the demo version available here. You will be able to discover all free and premium features of it.

One of the features among the most important for me, especially if you are a shop owner, is the possibility to learn about preferences for the products you sell. It is easy to learn about it, because YITH Wishlist allows you to count the occurrences of your products in customers’ wishlists. So, for instance, this option could also allow you to discover that the product you held to be just one among many in your shop has become so trendy that it is on top of your customers’ wishes. And then, you are free to fulfil their wants by making special offers or simply manage your business the way you prefer to make your customers happy.

On the other side, if customers wanted to ask you for a cost estimate of the products in their wishlist, I hope you are not thinking it would be a difficult task, because it is very easy with YITH WooCommerce Wishlist. Just with a click of the mouse they can ask a cost estimate that allows them to get an idea of what is in the cart and that allows you to manage better special offers for faithful customers.

So, I personally find YITH Wishlist one of the most useful tools for anyone who has an online shop, because it allows you to offer your customers great possibilities in terms of freedom to choose products and let them have a place where to find them, even after some time has passed. Customers’ loyalty will be drastically enhanced this way and you will be able to see it on your own! So… why waiting more? Go and try YITH WooCommerce Wishlist. It just takes you some minutes and nothing more!!!

Seclect Option before oder a product:

Settings- YITH WooCommerce Wishlist

1. General Settings

1.1 Enable YITH Wishlist

Even if the plugin has been already installed and it is active, users can access wishlist options only if you click on "enable YITH Wishlist".

1.2 Default wishlist title

This option allows you to edit the title in the wishlist page of your theme.

1.3 Wishlist Page

This is the page you want to use as wishlist. The page you select here will be the one that users will access when, after adding the product in their wishlist, they click on "Browse wishlist". The page you choose has to contain the shortcode [yith_wcwl_wishlist] in order to be able to display the wishlist correctly.

1.4 Position

Choose the position in which you want to add the option Wishlist within the product page of your theme:

• next to the button "Add to cart";
• next to the image gallery of the product;
• next to the product description or
• in any spot in the page (by recalling explicitly the shortcode [yith_wcwl_wishlist]).

1.5 Redirect to cart

It redirects to cart page if "Add to cart" button is clicked in the wishlist page.

1.6 Remove if added to the cart

It removes the product from the wishlist if it is added to the cart.

1.7 "Add to Wishlist" text

It customizes the text for "Add to wishlist" button or link.

1.8 "Browse wishlist" text

1.9 "Product already in wishlist" text

1.10 "Product added" text

1.11 "Add to Cart" text

It customizes the text for "Add to cart" button in the wishlist page.

1.12 Show Unit price

It shows the price of the single product in the wishlist page.

1.13 Show "Add to Cart" button

It shows "Add to cart" button for each product in the wishlist page.

1.14 Show Stock status

Within the wishlist page, users are informed about the product not being available in stock for the moment.

1.15 Show Date of addition

1.16 Add second remove button

2. Social Networks & Share

By means of these options you can choose which social networking websites are available to users, in the wishlist page, for sharing of their own wishlist.

2.1 Share on Facebook

2.2 Tweet on Twitter

2.3 Pin on Pinterest

2.4 Share on Google+

2.5 Share by Email

2.6 Social title

You can set the title of the post you want to share on social networking websites.

2.7 Social text

You can set the text of the post you want to share on social networking websites.

2.8 Social image URL

You can set the URL of the image for the post you want to share on social networking websites.

3. YITH WooCommerce Frequently Bought Together Integration

3.1 Enable slider in wishlist

The Enable slider in wishlist option can be activated only if the YITH Woocommerce Frequently Bought Together plugin is already installed and activated in your installation.

This feature lets you add a slider in the Wishlist page, where all the products assigned to at least one of the products of the Wishlist will be displayed (thanks to the YITH WooCommerce Frequently Bought Together plugin).

Colors- YITH WooCommerce Wishlist

Styles

1. Use buttons

Use buttons instead of simple anchors.

2. Custom CSS

Use this area if you want to change CSS style of the plugin without altering the cascading stylesheets of your theme.

3. Use theme style

If you enable "Use theme style", the plugin uses your theme style for its own layout.

Settings- YITH WooCommerce View

1. General Options

1.1 Enable Quick View

It enables/ disables the features of the Quick View plugin.

1.2 Enable Quick View on mobile

It enables/ disables the features of the Quick View on mobile.

1.3 Quick View Button Label

The label for the quick view button.

1.4 Enable Lightbox

Activating this option, you will see the image of a product in a lightbox when you click on it during the quick view.

2. Style Options

2.1 Modal Window Background Color

The background color of the product quick view.

2.2 Closing Button Color

The color of the button to close the quick view.

2.3 Closing Button Hover Color

The color of the button to close the quick view when hovered with the cursor.

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Contact

A contact page is one of the “must-have” pages of any personal or business website. Contact Form7 WordPress plugin makes it easy to create custom forms. Contact Form 7 is a free contact form plugin for WordPress with over 19 million downloads. This clearly tells us about it’s popularity and ease of use.

Create A New Contact Form Using Contact Form 7

• Go to WordPress Admin > Contact > Add New.
• Click Add New to use the default language (English United States) or select other languges.

• Enter Contact form title in the new item box. This title is just a label for a contact form and is used only for administrative purposes. You can use any title you like, e.g. “Job Application Form,” “Form for Event 2014/02/14″ and so on.

• Shortcode for this contact form. Copy this code and paste it into your post, page or text widget content where you want to place this contact form.

• You can save, duplicate or delete this contact form here.

• Form editing field (1): You can customize form content here using HTML and form-tags. Line breaks and blank lines in this field are automatically formatted with
  and

  HTML tags.

• Tag generators (2): By using these tag generators, you can generate form-tags without knowledge of them.
• For more about form-tags, see How Tags Work

• You can edit a mail template for mail that is to be sent as a result of a form submission. You can use mail-tags in these fields.
• Mail (2) is another mail section which is optional. If you want to send a different mail to different user you can use Mail 2 section. This section works same as Mail section. To use this section simply check the Use Mail (2) box.
• For more information, see Setting Up Mail..

• You can edit messages that are used for various situations, including “Validation errors occurred,” “Please fill in the required field,” etc.
• Note that only plain text is available here. HTML tags and entities are not allowed to use in the message fields.

• You can add customization code snippets here. For details, see Additional Settings..

• Click Save after any customizing.

• Go to WordPress Admin > Testimonial > Add New.

• Enter the name of the customer or client in the post title field.

• Add their feedback in the post body.
• You can also add a photo or other image using the featured image field. This image will be displayed alongside the feedback. If you want to link back to the website or social media profile of the person who provided the testimonial, you can enter the address in the Website Link field.
• Adding a link is a good idea as it allows your visitors to verify and find out more about your clients and customers, helping to increase your social proof and credibility and the value of the testimonials.

• Excerpt option allows you to summarize of feedback.

• Choose whether or not you would like others to write comment.
• Choose whether or not you would like to allow link notifications from other blogs (pingbacks and trackbacks).
• Click here to know more about trackbacks & pingbacks

• Provide Quotation and Postion.

• Select or add new Testimonial Category and Testimonial Tag.

• Provide the featured image. The image should have minimum width of 670px and minimum height of 500px.

• You can Save draft, have a Preview before Publishing officially.

Posts are entries that display in reverse order on your home page. Posts usually have comments fields beneath them and are included in your site's RSS feed.

• Go to WordPress Admin > Posts > Add New.

• Enter title page

• Enter text contents. You also can insert Read More tag.

• A summary or brief teaser of your post featured on the front page of your site as well as on the category, archives, and search non-single post pages. Note that the Excerpt does not usually appear by default. It only appears in your post if you have modified the template file listing the post to use the_excerpt() instead of the_content() to display the Excerpt instead of the full content of a post. If so, WordPress will automatically use as the Excerpt the first 55 words of your post content or the content before the !--more--quicktag. If you use the "Excerpt" field when editing the post, this will be used no matter what.

• Post Formats is a theme feature introduced with Version 3.1. A Post Format is a piece of meta information that can be used by a theme to customize its presentation of a post. The Post Formats feature provides a standardized list of formats that are available to all themes that support the feature. Themes are not required to support every format on the list. New formats cannot be introduced by themes or even plugins. The standardization of this list provides both compatibility between numerous themes and an avenue for external blogging tools to access this feature in a consistent fashion. In short, with a theme that supports Post Formats, a blogger can change how each post looks by choosing a Post Format from a radio-button list.

Here are some general guidelines:

- Standard: is the default post format, your everyday blog post. You can also add video, images, galleries, and whatever else you would like to a regular text post.

- Video: A single video or video playlist. The first video tag or object/embed in the post content could be considered the video. Alternatively, if the post consists only of a URL, that will be the video URL. May also contain the video as an attachment to the post, if video support is enabled on the blog (like via a plugin).

- Audio: An audio file or playlist. Could be used for Podcasting.

- Quote: A quotation. Probably will contain a blockquote holding the quote content. Alternatively, the quote may be just the content, with the source/author being the title.

- Link: A link to another site. Themes may wish to use the first a href=”” tag in the post content as the external link for that post. An alternative approach could be if the post consists only of a URL, then that will be the URL and the title (post_title) will be the name attached to the anchor for it.

- Gallery: A gallery of images. Post will likely contain a gallery shortcode and will have image attachments.

• Select or Add New CategoryThe general topic the post can be classified in. Generally, bloggers have 7-10 categories for their content. Readers can browse specific categories to see all posts in the category. To add a new category, click the "+Add New Category" link in this section. You can manage your categories by going to Administration Panels > Posts > Categories.

• You may Add Tag for your post. Post Tag refers to micro-categories for your blog, similar to including index entries for a page. Posts with similar tags are linked together when a user clicks one of the tags. Tags have to be enabled with the right code in your theme for them to appear in your post. Add new tags to the post by typing the tag into the box and clicking "Add".

• Provide the featured image. The image should have minimum width of 670px and minimum height of 500px.

• You may click Save Draft or Preview before clicking Publish to finish.

To edit Posts in a Page

• Go to WordPress Admin > Pages > All Pages > Blog > Edit.

• Click Edit button in the Box row.

• In Blog Settings > General

• Select appropriate Category.
• Put the number in Count of how many posts will be displayed on each page.

• Choose show or hidden the Pagination. WordPress has the ability to split lists of posts or a single post into multiple pages for "paged" navigation. You can set how many posts to list on each page on the Reading screen (wp-admin > Settings > Reading). The “Blog pages show at most” value will be used by WordPress unless your theme overrides it, such as when it is using a custom query. When multiple loops (posts lists) are used in a theme template file only one loop, the main loop, can be paginated.
• Display your posts in some order types. For example: title, date, ID or none.
• Add a class name you wish to style particular content element differently and remember refer to it in your CSS file.

• In Blog Settings > Template, choose whether or not you want to show Title, Meta, Excerpt, Action.

• Enter Excerpt Length & Excerpt More you wish.

• Enter text of link Read More. It means when you click on this text, it will lead to all post. For example: See more.

• Click Save Changes to finish your editing.

• Go to WordPress Admin > Pages > Add New.

• Enter title page

• The Page Attributes module (in WP Admin) allows you to set Page Parents and Templates, and to change the Order of your pages.

• You can arrange your pages in hierarchies.

• Some themes have additional templates that you can use to create pages with additional features or custom layouts. You can see if your current theme has any additional templates by checking the Template section of the Page Attributes module. The most common templates are for archives, links, and contact pages.

• You can change the order that your pages are displayed in by using the Order field of the Page Attributes module.



For example, if you wanted About to appear first, you’d need to do the following:




- Go to Pages -> All Pages in your dashboard.




- Find the page About and click the title.




- Locate the Page Attributes module to the right of the editor.




- Put the number 1 in the box for Order. This tells WordPress to display this page first on your blog.




- Click the Update button.




Repeat the process for your other pages, but use higher numbers for the Order field: 2, 3, etc. This tells WordPress to display these pages second and third on your blog.

If you’re using the Pages Widget, be sure to set the Sort by option to Page Order after setting a custom order for your pages. Then click Save.

• Enter text contents.

• Provide featured image.

You can choose image from Upload Files or Media Library then click Insert.

• You may click Save Draft or Preview before clicking Publish to finish.

For few past years, we have received all levels of questions (some beginner, some advanced). Overtime some questions have been asked over and over again. In this article, we will share most frequently asked questions by clients with answers.

1. Sample data Demo Content Fails: Seems Like An Error Has Occurred

If you attempted to import the CMS WordPress sample demo data, but it never completes the installation process or it fails with errors, there could be several reasons. Please read the following information. If you have duplicate menu item issue, please follow How To Remove Duplicate Demo Content After Import.

Likely Causes For Demo Import Failing

• Your PHP memory, file upload size, and/or execution limits are set too low
• Your web host uses process watching software that prevents bulk processing on their web servers.
• You have “wp_debug = true”, please change that to “wp_debug = false” for the import in your WP config file
• The import uses a JSON file which is loaded from the frontend of the website, this will not work when the domain is not connected to the wordpress installation.

Recommended PHP Configuration Limits

If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

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

How To Verify Your Current PHP Limits

You can verify your PHP configuration limits by installing a simple plugin found here. In addition, you can always contact your host and ask them what the current settings are and have them adjust them if needed. Please note though that many hosts will try to keep the PHP limits low without reason. However you are paying for it, and therefor should be getting your moneys worth.

User Reported Fixes (may or may not work, worth a shot):

If you get the ‘Warning: Illegal string’ error, try switching to a default WordPress theme (twenty twelve, thirteen, fourteen etc) and then back to CMS Theme. You can see how install sample data with cms WordPress theme .

Please ensure that your hosting account is set as the owner of the WordPress directory, You can import XMLdata with simple import of WordPress .

2. How to update Theme without Losing Customization

It's highly recommended to update the theme (you'll have more features and it's FREE ;))

This Video Tutorial will show you how to update Theme without Losing Customization:

If you don’t like the video or need more instructions, then continue reading.

• First thing you need to do is connect to your website using an FTP client.
• Go to /wp-content/themes/ and download your theme folder to your computer.
• Sign in to Themeforest and download the latest release of theme.
• Locate theme’s zip file on your computer and extract it.

You should now have both, new version of the theme and your old customized theme on your computer. If you remember the changes you made to your theme, then simply copy and paste the code snippets from old theme to the new version.

On the other hand, if you do not remember the changes you made, then you will have to find them first.

• After copying your changes to the new theme, you need to upload the new theme directory to WordPress using FTP.

3. Can I register my domain name at one company and host the site with another?

Yes, all you need to do is point the domain name to the hosting account.

4. What is the maximum number or plugins I can install on my WordPress website?

There is no limit to the number of plugins you can install. However, too many plugins or even a few poorly coded plugins can slow your site down immensely, so it is important to install plugins correctly.

5. I am locked out of wp-admin, and my website shows a blank white screen

This most likely happens when you paste a code from a website with wrong formats. Sometimes the formatting error is done on the website where the code is available however most of the time, this error happens because you pasted the code on the wrong location. Unfortunately, you will not be able to make the edits using your wp-admin section. You will have to use FTP to login to your web host and modify your theme’s file.

Consider following our Beginner’s Guide to Pasting Code from the Web into WordPress.

6. My Facebook Like Button does not show the right title or image

This is NOT a WordPress issue. It is because Facebook’s script cannot properly detect the information from your website. However, there are WordPress plugins that allows for a seamless integration with Facebook which will get rid of this plugin. Consider installing and activating Simple Facebook Connect plugin. You do not have to configure it or anything. Alternatively, you should be using WordPress SEO plugin, and it has a built-in Social feature that will solve this issue.

7. My site loads slow, How can I speed it up?

There are several things you can do to speed up your website. First thing you need to do is consider adding a caching plugin to WordPress. We use and recommend W3 Total Cache. Another thing you can do is use a Content Delivery Network provider. We use and recommend MaxCDN (See our infographic about What is a CDN and Why you need it). You should also consider using a better web hosting provider. Shared hosts are usually slower. If you are receiving a lot of traffic, then you should consider moving to a VPS or a Dedicated server. Last but not least, check out our presentation about Maximizing Performance and Speeding up WordPress.

8. How can I install Google Analytics in WordPress?

We have written an extensive article on How to Install and Setup Google Analytics in WordPress. It is important to mention that you will NOT be able to install Google Analytics in your WordPress.com blog. They provide a built-in feature called WordPress.com Stats.

9. What’s the Difference Between a Page and a Post?

Understanding the difference between a post and a page in WordPress will make a big difference. With both of these options within WordPress, you will be able to not only create a static website, but also a blog. This provides more SEO power and many benefits for your new WordPress website.

If you want to understand the full difference between pages and posts, read our post called Pages vs. Posts.

10. How can I make My WordPress Website Load Faster?

Whether for SEO reasons or just to provide a better user experience, speeding up your WordPress site is very important. One of the easiest ways to speed up your site is to use the W3 Total Cache plugin or another Cache plugin.

11. How do I Embed Videos Within My WordPress Posts?

Embedding videos can add quite a bit of value to your blog and your content. Whether you want to use your own videos or just any video from YouTube or another video hosting site, you need to know how to embed videos within your posts.

The process is very simple and you can just post the URL for the video within the post. Make sure to put it where you would like it to show up. For more information about embedding videos in WordPress, check out our post about The Easiest Way to Embed Videos in WordPress.

12. Is it Possible to Install WordPress on my PC?

Installing a copy of WordPress on your PC is possible. You can do this fairly easily, but you will need the right tools. Another thing to keep in mind, when you install WordPress on your PC, nobody will be able to see your website until you publish it with your own hosting account.

You can find out how to install WordPress on your PC without post called, A Quick Guide to Installing WordPress with WAMP on your Windows Computer.

13. Website Shows Blank White Page/Screen

Mostly this happens when you paste a wrong code in your website from some source. Often it happens when the formatting code is not properly done and you paste it into your website. And it can also take place when you paste the code in wrong location. Most of the times, it happens because of the installation of the incompatible plugin in your wp-admin section. This all makes the screen blank and you are not able to even open the wp-admin section. Your website will also not open – only blank white page appears. To solve this trouble, you have to login into your hosting control panel and delete the wrong code or plugin.

14. How to boost speed?

Boosting speed is quite a common question most bloggers and site builders have in mind. There are plenty of ways using which you can boost the speed of your website. But for that you will have to catch some plugin to WordPress. You can use W3 Total Cache. Something else you can do is getting hold of a better web provider. The shared holders tend to be slightly slower than the rest. If you have been getting a whole lot of traffic, then you must know that getting a VPS or even like a dedicated server would be good. You can consider one.

15. 500 Internal Server Error

If you just installed WordPress, a WordPress plugin, or a theme for your site and out of nowhere your site returns a 500 Internal Server Error, please read the information below.

If you have been surfing the web for any length of time you have probably encountered a 500 internal server error. These errors are not confined to WordPress. They are generic errors that report very little on what the actual cause is. First, don’t panic. Lot’s of people have been confronted with these errors, and they can be fixed. In fact, I fix them all the time.

There are five major reasons why these errors occur in WordPress:

• Incorrect web server configuration
• Incorrect folder/file permissions
• Corrupt files or files that contain errors in code
• PHP memory limits set too low
• Conflicting third party plugins

1. Incorrect web server configuration – If your web server (whether it be Apache or IIS) is configured with incorrect directives, they can cause 500 errors to occur. The problem is that web hosting support will often blame the error on software you have installed without even checking to see what is contained in their error logs. Just know that after you have checked the following remaining causes, and they fail to resolve the issue, you will need to (sometimes forcefully) get your web host to help diagnose and fix the problem.

2. Incorrect file permissions – With very few exceptions, file permission for WordPress, plugins, and themes need to be set at 755 for folders, and 644 for files. You may think that setting permissions more loosely, like 777, will relieve the problem, but you would be wrong. Setting permissions either too strict or too loose often cause this and other errors.

3. Corrupt files or files that contain errors in code – – Usually improper/errors in file transfers to the web server cause corruption to occur. It may look like the file is sitting there just fine, but something in the process caused the file to be unusable by the server. For example, if you uploaded a text file in binary language instead of ascii it will render the file unreadable by the web server. Coding errors can also create this error, whether that be in WordPress, a plugin, or a theme.

• Often, the only way to resolve an error in WordPress core is to reinstall WordPress.
• If it is plugin related, deactivating all plugins will relieve the error.
• If it is theme related, deleting and reinstalling the theme will often take care of the problem.

By far the most common 500 error produced by a file is related to the WordPress .htaccess file. The .htaccess file is primarily designed to be used with custom permalink structures. But it is also used by some third party plugins, and for overriding certain server configuration directives if allowed. If it contains errors, it can return the dreaded 500 internal server error. The .htaccess file is located in the root folder of your WordPress installation (not the theme).

• log into your site via FTP (Filezilla, etc.)
• download a copy of your .htaccess file, rename the copy e.g. “.htaccess-backup”
• delete the .htaccess file residing on your Web server
• create a new blank file called “.htaccess” on your PC/laptop/Mac
• upload this new file to your Web server in the same place as the original .htaccess (which you deleted)
• navigate to your WordPress admin URL, e.g. http://www.yoursite.com/wordpress/wp-admin, and you should now be able to log in!
• finally, once logged in, navigate to the Permalinks settings page in the admin console and do nothing further. Simply going to the settings page should enable WordPress to write the correct .htaccess declarations itself.

You should now be able to nagivate to www.yoursite.com or http://www.yoursite.com/wordpress (depending on whether WordPress is running your entire site or just a blog etc.) and all should be well once more.

4. PHP memory limits set too low, There two ways to solve this problem.

• You can either get your web host to increase your PHP limits.
• You can upload your theme via an FTP client. We offer a video tutorial located in the Video section of the forum that explains how to use FTP to install your theme.

5. Conflicting Third Party Plugins Should Be Deactivated

• If you can access the admin area of your site, login to your admin section and deactivate all plugins. After doing so, check your front end page again. If it loads without error, you have a plugin conflict. Now, start activating each plugin one by one. When you see the 500 error again on the front end pages, you will know that the last plugin you activated is the likely culprit. Deactivate it and continue checking all remaining plugins one by one to make sure there are no others.
• If you are getting the 500 error on the front end and the back end admin area, then you will need to access your site via an FTP client. A little known trick is to change the name of your/wp-content/pluginsfolder to something else temporarily like “plugins.bak.” This will make WordPress ignore your plugins. Then check to see if this resolves the problem. If it does, log into your admin section and then change your plugin.bak folder back to plugins . Then deactivate all of your plugins via your admin page.

Recommended PHP configuration limits are as follows:

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

You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.

Scripts

Support center: https://jwsthemes.ticksy.com
If you have any questions or whenever you meet troubles with the theme, please submit a ticket and validate your purchase code, we will follow all your questions easily and make your information private absolutely.
Please, give us a chance to support you. Have a good time:)
Again, thank you for purchasing our theme!