Documentation for Kable woocommerce Theme

Welcome to Kable WordPress!

We would like to thank you for purchasing Kable Woocommerce Theme!
We are very pleased you have chosen Kable WordPress for your website, you will be never disappointed!
Before you get started, please be sure to always check out this documentation. We outline all kinds of good information, and provide you with all the details you need to use Kable WordPress. Kable WordPress can only be used with WordPress and we assume that you already have WordPress installed and ready to go.

If you are unable to find your answer here in our documentation, we encourage you to contact us through themeforest item support page with your site CPanel (or FTP) and WordPress admin details. We're very happy to help you and you will get reply from us more faster than you expected.

Thank you, we hope you to enjoy using Kable WordPress!

Click here to view change logs.

WordPress Information

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

WordPress Codex - General info about WordPress and how to install on your server.
Instructional Video - Awesome How-To video created by Woo Themes.
First Steps With WordPress - General info about multiple topics about WordPress.
FAQ New To WordPress - The most popular FAQ's regarding WordPress.

If you installed WordPres, please install Theme.

Installation

Theme Requirements
Theme Installation
Required Plugin Installation
Plugin Configuration
Demo Installation

Requirements for Theme

You need to agree the following requirements.

WordPress 4.0 or higher.
PHP 5.4 or higher.
MySQL 5 or higher.
Memory Limit 128M or higher.

Below is a list of items you should ensure your host can comply with. We recommend using WP Engine or Blue Host for all your hosting needs.

Check to ensure that your web host has the minimum requirements to run WordPress.
Always make sure they are running the latest version of WordPress.
You can download the latest release of WordPress from official WordPress website.
Always create secure passwords for FTP and Database.

Recommended PHP Configuration Limits

Many issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own or 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

If you are agree theme requirements, you need to install Theme.

Installation Theme Installation

Installation via FTP Client
Installation via WordPress Admin Panel

Install Theme via FTP Client

Unzip main.zip file (the zip file is inside Theme files folder you have downloaded from ThemeForest). Connect to your FTP server and navigate to the folder where your WordPress is installed. Go to wp-content/themes/ and upload Kable folder (the path will look like this: wp-content/themes/kable).
Open WordPress admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar. Activate Kable theme.
After activate theme, you will see Welcome page.
Please go Woocommerce->Status and check WordPress and server environment.

Install Theme via WordPress Admin Panel

Open WordPress admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar. Activate Kable theme.
Click Add New link and click Upload Theme link. Please upload kable.zip file (the zip file is inside Theme files folder you have downloaded from ThemeForest).
Once the theme is done uploading it will automatically install.
Open WordPress admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar. Activate Kable theme.
After activate theme, you will see Welcome page.
Please go Woocommerce->Status and check WordPress and server environment.

Once theme is installed, you need to install Plugins to get full features working.

Video Tutorials Theme Installation

WooCommerce - Installation
WC - General Settings
WC - Product Settings
WC - Shipping Settings
WC - Checkout Settings
WC - Account Settings

WC - Product Categories, Tags, & Attributes
WC - Simple Product Overview
WC - Grouped Product Overview
WC - External/Affiliate Product Overview
WC - Variable Product Overview
WC - Downloadable Product Overview
WooZone - Plugin Installation
Multi Vendor - Plugin Installation

WordPress - Installation

Once theme is installed, you need to install Plugins to get full features working.

Video Tutorials Kable Demo Installation

Kable Demo Installation

Video Category

WordPress Installation
Kable Theme Update
Kable Mega Menu

Installation process if get error need to php max execution time increase. Here the good article please read how to increase time Click here

Video Tutorials Kable theme update and theme rating

Theme Update / Theme Rating

If you are new to WordPress, Video tutorials are a great way to get started!

How to Kable theme update and theme rating feedback

Video Category

WordPress Installation
Kable Demo Installation
Kable Mega Menu

Video Tutorials Kable Mega Menu

Theme Update / Theme Rating

If you are new to WordPress, Video tutorials are a great way to get started!

Here you find quick videos with tips and tricks for figured Kable theme. Video are useful for those who would rather watch a video than read a doc file .

Video Category

WordPress Installation
Kable Demo Installation
Kable Theme Update

Video Tutorials WooCommerce Installation

WooCommerce Installation

Video Tutorials WooCommerce General Settings

WooCommerce General Settings

Video Tutorials WooCommerce Product Settings

WooCommerce Product Settings

Video Tutorials WooCommerce Tax Settings

Tax Settings

Tax Rate Example

Video Tutorials WooCommerce Shipping Settings

WooCommerce Shipping Zones

WooCommerce Shipping Options

Shipping Class

Video Tutorials WooCommerce Checkout Settings

WooCommerce Checkout Settings

Video Tutorials WooCommerce Account Settings

WooCommerce Account Settings

Video Tutorials WooCommerce Product Categories, Tags, & Attributes

WooCommerce Product Categories, Tags, & Attributes

Video Tutorials WooCommerce Simple Product Overview

WooCommerce Simple Product Overview

Video Tutorials WooCommerce Grouped Product Overview

WooCommerce Grouped Product Overview

Video Tutorials WooCommerce External/Affiliate Product Overview

WooCommerce External/Affiliate Product Overview

Video Tutorials WooCommerce Variable Product Overview

WooCommerce Variable Product Overview

Video Tutorials WooCommerce Downloadable Product Overview

WooCommerce Downloadable Product Overview

Video Tutorials WooCommerce WooZone - Plugin Installation

WooCommerce WooZone - Plugin Installation

Video Tutorials WooCommerce Multi vendor - Plugin Installation

Multi Vendor - Plugin Installation

Installation Plugin Installation

Plugins Installation

After installing and activating the theme, you should install and activate the required and recommended plugins in WP Admin > Plugins.

Please install the plugin.
Kable theme included pikoworks core,WPBakery page builder, Revolution Slider plugins.

Required plugins:

WPBakery page builder - Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.
Pikoworks core - Main Feature, Shortcodes, widgets Kable WordPress Theme.
Pikoworks custom post - Custom post Kable WordPress Theme.

Recommended plugins:

Revolution Slider - Revolution Slider is the most advanced responsive WordPress slider plugin with layer.
Woocommerce - An e-commerce toolkit that helps you sell anything. Beautifully.

Other plugins:

Contact Form 7 - Just another contact form plugin. Simple but flexible.
Social Login - AccessPress Social Login Lite – Social Login WordPress Plugin.
Really Simple CAPTCHA - Really Simple CAPTCHA is a CAPTCHA module intended to be called from other plugins. It is originally created for my Contact Form 7 plugin.
Regenerate Thumbnails - Allows you to regenerate all thumbnails after changing the thumbnail sizes.
Envato Market - Envato Marketplace hosted items. Currently supports the following theme functionality: install, upgrade, & backups during upgrade.
WP Sitemap Page - Add a sitemap on any page/post using the simple shortcode [wp_sitemap_page].
YITH WooCommerce Wishlist - YITH WooCommerce Wishlist allows you to add Wishlist functionality to your e-commerce.

You need to configure the plugins after install.

Installation Plugin Configuration

WPBakery page builder
Woocommerce
Regenerate Thumbnails

WPBakery page builder

WPBakery page builder for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

You can see here for more details.

After installing the WPBakery page builder please go to WPBakery page builder > Role Manager and make sure to check the following checkboxes under Content Types: post, page, product, block, faq, member & portfolio. After making the changes please click Save Changes button.

Woocommerce

WooCommerce is the most popular WordPress eCommerce plugin. Packed full of features, perfectly integrated into your self-hosted WordPress website.

You can see here for more details and woocommerce documentation.

- Install Woocommerce Pages

Important!

If you want to import dummy data, you can skip to install woocommerce pages.

You can see the following message after install woocommerce plugin and you should click Install Woocommerce Pages.

You can see "Shop", "Cart", "Checkout" and "My Account" pages in Pages on admin sidebar.

- Change Image Sizes

You can change the product image sizes in Woocommerce > Settings > Products >Click go see theme in action here on admin sidebar.

We used the following image sizes on our demo sites:
Catalog Images: 300 x 400 or 300 x 300
Single Product Image: 500 x 666 or 500 x 500
Product Thumbnails: 90 x 90

After change the image sizes, you should regenerate all the thumbnails using Regenerate Thumbnails plugins.

- Enable Registration on My Account

Please go to WooCommerce > Settings > Account > Registration Options and enable registration on the "My Account" page.

Regenerate Thumbnails

Regenerate Thumbnails allows you to regenerate the thumbnails for your image attachments. This is very handy if you've changed any of your thumbnail dimensions (via Settings -> Media) after previously uploading images or have changed to a theme with different featured post image dimensions.

You can either regenerate the thumbnails for all image uploads, individual image uploads, or specific multiple image uploads.

You can see here for more details.

Please go Appearance > customize > Woocommece > catalog image

If need Please go Tools > Regen.Thumbnails and click Regenerate All Thumbnails.

Once Plugins are configured, you may be interested to install sample content as our demo sites, please check here.

Installation Demo Installation

Demo Installation

Need to install dummy content in Appearance > import demo data.
you should one click demo import plugins active Click here

After demo import successfully you need to installed slider revolution dummy slider

You can install dummy content in Slider Revolution > Import slider.
you should slider revolution plugins active Click here

Now you Complete installed dummy content check your webpage

Alternative.

Another way to Installed your demo

WP-Admin -> tools-> import->WordPress #Run Importer.

Demo file location: unzip your download package->dummy data->demo-content

NB: Demo data find your download package #main->dummy data->

How To Remove Duplicate Demo Content After Import

WP Reset Plugin Download

This plugin is the fastest way to get back to the starting point of a WordPress install. However, it will remove all content from your database and leave the default theme activated. It does not remove plugins, but will deactivate them. This plugin will remove all pages, posts, menus, sliders, widget data, theme options, etc. Only do this if you are wanting to start over from a fresh WordPress install.

Step 1 - Download and install the WP Reset Plugin.

Step 2 - After installing the WP Reset Plugin, go to your WordPress plugins page and activate the plugin.

Step 3 - Hover over your site name in the upper left corner of the screen and you'll find the 'Reset Site' option.

Step 4 - You must first type reset in the text box before you can click 'Reset'.

Step 5 - A warning pop up will appear informing you again that this action is irreversible. If you'd like to proceed, click 'Ok'.

Step 6 - Once finished, you'll be left with a clean WordPress install. You can then re-activate all theme required plugin and one click import demo plguins active then import the next demo.

Once demo is installed, you need to build your site.

Update

Update Theme
Update Plugin

Prepare Update Theme

We recommend you have a current backup of your site including wp-content folder, wp-config.php file and .htaccess file and a copy of WordPress database. If you are not familiar with how to do this, you can use several plugins such as UpDraft Plus and WordPress Backup Buddy. And you should backup Kable theme options in Appearance > Theme Options > Import / Export.
You should completely remove all previous Kable theme folder.
You shouldn't rename Kable theme folder.
You should reset browser cache, server cache and plugin cache.
You should update required and recommended plugins.

You need to update theme, please go forward.

Update Update Theme

Update Method

Traditional Update Method
Using Envato Market

Traditional Update Method

This method does require more steps and manual work. First you need to manually download the new theme package from your Themeforest account. Once you have the new theme package, you can choose to upload the theme via WordPress or via FTP. Please see the information below for how to download new files, and install it via WP or via FTP.

HOW TO DOWNLOAD NEW THEME FILES FROM THEMEFOREST

Step 1 - Log into your Themeforest account and navigate to your downloads tab. Find the "Kable" theme purchase.
Step 2 - Click the "download" button next to it and choose to download the "Installable WordPress Theme" which is just the WordPress file, or choose the "Main Files" which is the entire package that contains everything.
Step 3 - Then you need to decide if you want to install the update via FTP or via WordPress. Directions for both methods are below.

HOW TO UPDATE YOUR THEME VIA FTP

Step 1 - Go to "wp-content > themes" location and backup your "Kable" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
Step 2 - Retrieve the "kable.zip" file from your new Themeforest download and extract the file to get the "Kable" theme folder.
Step 3 - Then simply drag and drop the new "Kable" theme folder into "wp-content > themes" location. Choose to "Replace" the current one if you did not delete it.
Step 4 - Lastly, update the included plugins. You will see a notification message letting you know the plugins have a new version and need to be updated. You should update the plugins. You can see Update Plugin for more details.
Step 5 - Please go Appearance > Theme Options on admin sidebar and click again "Save Changes" button.

HOW TO UPDATE YOUR THEME VIA WORDPRESS

Step 1 - You need to deactivate the current "Kable" theme in the "Appearance > Themes" section by simply activating a different theme. Once you activate a different theme, you can delete the Kable theme. Don't worry, your content will not be lost.
Step 2 - Retrieve the "kable.zip" file from your new Themeforest download. If you downloaded the "Main Files" from Themeforest, then you need to unzip the archive file you received, the kable.zip will be inside of it.
Step 3 - Then simply upload the "kable.zip" file in the "Appearance > Themes" section. Click on the "Install Themes" tab at the top and choose to upload the zip file.
Step 4 - Once it uploads, choose to activate the theme.
Step 5 - Lastly, update the included plugins. You will see a notification message letting you know the plugins have a new version and need to be updated. You should update the plugins. You can see Update Plugin for more details.
Step 6 - Please go Appearance > Theme Options on admin sidebar and click again "Save Changes" button.

Using Envato Market

The Envato WordPress Market plugin lets you view your ThemeForest purchases within the WordPress dashboard and select whether or not to receive updates.

HOW TO USE ENVATO MARKET PLUGIN

Step 1 - You will need to generate an API key to link your WordPress site to your Themeforest account. Login to Themeforest, go to your dashboard and click on “My Settings.” The API Keys screen allows you to generate a free API key.
Step 2 - Install and activate the Market plugin. A new menu item, "Envato Market", will appear in the admin sidebar. Click on the sidebar link and enter your marketplace username and secret API key. Click "Save Settings." All of your theme purchases will now appear on this page after it refreshes.
Step 3 - The plugin will now alert you to theme updates – so long as you check the Market settings regularly. Click on "install automatically" beside each of your themes to automatically update them. The Market settings page also allows you to install themes that you haven’t already uploaded to your site, delete ones you don’t use and view version details. You can also set up theme backups.
Step 4 - Please go Appearance > Theme Options on admin sidebar and click again "Save Changes" button.

Update Update Plugin

Update Plugin

Like WordPress itself, you can update plugins with a one click method. To do that, go to the ‘Updates’ section of your administration panel.

If there are some plugins that can be updated, they will appear here, right below the part which tells you if a new version of WordPress is available or not.

To update your plugins, select them and click on the ‘Update Plugins’ button.

Whether for plugins, you will be led to another page which will inform you about the progress of the update, just as it does with the WordPress update.

Note that for plugins, another section will also allow you to update in one click: the ‘Installed Plugins’ section in the Dashboard. If a plugin can be updated, a message will appear right below it, with a link to update it automatically. You can even select all of your plugins and chose ‘Update’ in the drop down list to bulk update the ones that need it.

Important!

We embedded visual composer, revolution slider, pikoworks-core. If you couldn't update these plugins, you should update manually these plugins.

Please go Plugins.
Select and deactivate these plugins.
Select and delete these plugins.
Please go Appearance > Install Plugins.
Select and install these plugins.
Select and activate these plugins.

Build Your Site

Build Your Site
WordPress Configuration
Theme Layout
Theme Options
Menu Setup
Header Setup
Header Setup
Compare Page
Store Directory
Track order Page
Extra Class Names

Before Build Your Site

You need to configure WordPress and the plugins.

Please read carefully Theme Installation / Plugin Configuration and Build Your Site / WordPress Configuration.

Compare page

Please go page > add new create a page compare on admin sidebar. then Click + icon -> widget-> shortcode

body content use shortcode.

[kable_compare_page]

Then Please go kable > theme option > woocommerce > compare should be select this page then save it

Store Directory

Please go page > add new create a page compare on admin sidebar. then added

body content use WPBakery shortcode Store Directory.

Then hit Publish

Track order page

Please go page > add new create a page order tacking on admin sidebar.

body content use shortcode.

[woocommerce_order_tracking]

Woocommerce default shortcode here

Build Your Site WordPress Configuration

WordPress Configuration

You can adjust WordPress settings as follows:

You can set Site Title in Settings > General.
You can set Blog pages show at most in Settings > Reading.
You can select Front Page and Posts Page in Settings > Reading.
You can set Discussion settings in Settings > Discussion.
You can change Image sizes in Settings > Media.
We used the following sizes on our demo sites:
Thumbnail size: 50 x50
Medium size: 500 x 500
Large size: 1024 x 1024
You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings > Permalinks.

Build Your Site Theme Layout

Theme Layout

Build Your Site Theme Options

Theme Options

You should configure theme options in Appearance > Theme Options on admin sidebar.

You can see Theme Options for more details.

Build Your Site Menu Setup

Menu Setup

Kable provides powerful and most advanced menu. There are 5 areas of the theme where you can assign a menu.

Main Menu
Top Bar
- Top bar inner
Footer menu
WPML language switcher top menu and main menu option
Ajax login main menu option

Edit Menu

Please go Appearance > Menus on admin sidebar.
Click Create a new menu or select a menu.
Add new menu item.
When dropdown the added menu item which is depth 1, you can see the menu options like Menu Type, Popup Position, etc. Select Menu Type to Narrow or Wide and Popup Columns (only wide).

Select Popup Position to Left or Right, Justify(only when menu type is wide), Center(only when menu type is wide).

You can upload popup background image and set background position, etc.
When dropdown the added menu item which is depth 2, you can see the menu options like Columns, Background Image, etc. You should configure these options.

You can show a block in the menu item. You should create or edit a new block in Blocks > Add New on admin sidebar. You should add a block slug name in Block Name option.
When dropdown the added menu item, you can see the menu options like Don't link, Don't show a link, Don't show a link on Mobile Panel, Tip Label, etc. You should configure these options.
After edit the menu items, you should click Save Menu.

Build Your Site Header Setup

Header Setup

You can configure header options in Appearance > Theme Options > Header.

Kable theme have several header types. You can select a header type in Header > Header Type.
You can configure the Transparent header in Header > Transparent Header.
You can configure the sticky header in Header > Sticky Header.

Header top bar

You can enable disable header Topbar options in Appearance > Theme Options > Header > Topbar.

You can configure theme default currency switcher top bar right,
First setup Kable > Currency switcher added your currency
Then enable Kable > theme option > header -> topbar > Currency Switcher
if need top bar inner any content need to enable Kable > theme option > header -> topbar > Enable Top Bar Inner <
Before enable these options wmpl language switcher, you should install WPML and WooCommerce Multilingual - run WooCommerce with WPML plugins.
You should configure wpml language switcher in WPML > Languages > Language switcher options. You can see here for more details.
You should configure wpml currency switcher in WPML > WooCommerce Multilingual > Manage Currencies. You can see here for more details.

Build Your Site Footer Setup

Footer Setup

You can configure Footer options in Kable > Theme Options > Footer.

Kable theme have several footer types. You can select a footer type then select Footer Right Side Option social icon, footer menu, payment icon etc.
You can configure the Footer column and footer inner 3 step widget.
then add widget WP ADMIN > Appearance > Widget
You can configure every page Footer column and footer inner layout.
Page Add new page > after body content > metabox option > footer

Build Your Site Extra Class Names

Important Classes Front Page(homepage)

if you see after menu(before slider) extra white space use this class. Where this page-> visual composer shortcode where put slider> edit pencil icon->general end of last file add class put this class then save it.

remove-header-padding

if you Not need footer widget before extra white space use this class. Where this page-> visual composer Page last shortcode > edit pencil icon->general > Design Tabs set margin bottom -50px then save it.

Margin Classes

.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
... continue to 200px

.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
... continue to 200px

Padding Classes

.pt0{padding-top:0}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
... continue to 200px

.pb0{padding-bottom:0}
.pb5{padding-bottom:5px}
... continue to 200px

Border Radius Classes

uses responsive class padding or margin. combine class like as

 pt50 pt-30sm pt-20-xs ||
                mt50 mt-30sm mt-20-xs

Theme Options

Kable comes with advanced settings panel that is loaded with options. We have the options organized into logical tabbed sections, and each option has a description of what it will do on the front end. Because of the sizable amount of options Kable provides, we cannot go over them in full detail here in our documentation. We encourage you to please take some time and navigate through each tab to see what we offer. Go to Appearance > Theme Options on admin sidebar to access the setting options. See below for screenshots and short descriptions of our Theme Options panel.

IMPORTANT NOTE - we are always adding new options so these screenshots may not reflect the most up to date options.

Logo Upload - These options allow you to change layout settings and set general options such as logo image, breadcrumb show etc.
Skin - These options allow you to set background colors for your website's headers, sidebars and page titles. You can also customize your font, element, and menu colors.
Header - These options allow you to choose options for header variations, sticky header and header content.
Menu - These options are applied to your menu. These options allow you to customize the various settings of the menu.
Maintenance - Its a coming soon under construction.
404 Error - This option allows you to set custom text for 404 page.
Woocommerce - These options assist with the integration between Woocommerce and Kable.
Import & Export - These options allow you to import sample settings as our demo sites and export your own settings value.
Font Control - These options allow you to configure the custom fonts.

Theme Options Logo Upload

Theme Options Import Demo

Theme Options Skin

Theme Options Social Media

First need to add your social page link if empty noting show icon

Theme Options Menu

Theme Options Maintenence Mode

Theme Options 404 Error

Theme Options Woocommerce

Theme Options Import & Export

Theme Options Font Control

Content Types

Page Setting
Post
Portfolio
Member
Testimonial

Setting

Content Types Page setting

You can quickly build page, post, portfolio pages using WPBakery page builder for WordPress that is a drag-and-drop front-end and back-end page builder plugin to save you time, energy on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required

You don't know about WPBakery page builder? Please follow that: http://vc.wpbakery.com/video-academy/

Normal Mode

IMPORTANT: All option overwrite theme option Please flow the image then instruction

Number: 1 and 3

Gutenberg: you can add the block the default Gutenberg block builder as you needs

Number: 4

Here you find main featured page parent, page attribute, featued image and page, post Publish option

Number: 2

WPBakery page builder: Add Element, Theme include 20+ handy short-code: use the short-code as you needs

Number: 5

Important its overwrite the theme option specific page

Page Layout: as you see number 3 it is default configure theme option

Body layout: container and container fluid
Body layout style: float full width, float boxes and boxes
Page sidebar: left sidebar, right sidebar, both sidebar & full-width
Page sidebar width: option

Page title bar

Header title section: Global theme option and custom
Flow the metaboxes flow instruction

Header

Menu width container or container-fluid
Menu layout choose
Menu enable menu sticky

Footer

Footer width container or container-fluid
Footer layout choose
enable Footer widgets area one
enable Footer widgets area two
then flow metabox

Set a page a Front pages

To set one of pages created as home page, firstly go to Setting >>> Reading

Slider & Footer top Spacing

Custom page create with disable breadcrumb

How to remove extra spacing after menu How to slider full width How to add more space after slider

Flow the image

add class: header-remove-padding

Content Types Post

General Information

Kable is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog layouts. In addition there are numerous Theme Options and Post Options, View Options, Skin Options that allow you to customize how posts are displayed. The Kable blog is extremely versatile and powerful. There are 6 ways to display your blog posts. The following sections will cover each of these aspects of the blog that are listed below.

Creating / Editing Posts

Here Is A Screenshot That Shows The Various Areas Of The Post Page Described Above.

Step 1 To get started creating your first WordPress post, locate the Posts menu in the left-hand side of the WordPress Dashboard. You can either hover over the Posts link or click to expand it to reveal the submenu.

Step 2 The Add New Posts can also be found from the New Post link in the WordPress Admin Bar, also.

Step 3 Click the Add New link.

Step 4 The first box is where want to enter the title of your post. see image bellow

Step 5 Next is the Post formatting section or post editor. This is where you will actually type the content of your post.

Step 6 if the Video Post . Just the post and add the Embed video link bellow the description.

There are two of editing posts: Visual and Text .

CONFIGURE POST FORMATE

When select: image you can see blow like the image upload an image
When select: Video you can see blow like the image upload an image, you can put any embaded link linke as youtube, vimeo etc
When select: Quote type the quote author name and link etc
When select: Link enter your link and link title
When select: Gallery uploaded multiple image as you want it's show slide
When select: audio put your embaded link audio

Step 6 The Visual tab will bring up the visual WYSIWYG editor. WYSIWYG just means what you see is what you getHere you see a formatting toolbar with lots of options for formatting your posts. If you're familiar with Microsoft Word or any other word processing software

If you click the Text tab, this will reveal a plain-text HTML version of the post editor. This version of the post editor is for editing the HTML code of your post. For user, the Visual editor is the easiest way to write posts. cause you are fimilar with ms word

Step 7 At the top of the right column on this screen you see the Publish box. Here, your can save your post as a draft if you like to save it for later. If you click the Preview button, you can get a preview of how the post will look once it's published.

The Status of the post will show if the post has been published, saved as a draft, if it's pending review of if it's been scheduled as you want.

The next two links show the visibility of the post or what visitors will be able to see your post. The Publish line shows whether the post will be published immediately or at a later date.

The next image you see for categories and tags assigned to your WordPress post.

add the image Featured Image show the post thumbnail

If you like to change the screen options for your post editor, just click the last Vertical 3 dot icon in the upper right hand corner. Expand this to reveal all the options that can be dropdown displayed on the post menu last item is Options click

Again from the post editor, you can also drag or drop the order of these boxes to customize how we want them arranged on the page.

Metabox overwrite the theme option All configure same as PAGE, SETTING

Content Types Portfolio

General Information

Kable is loaded with options for the portfolio. It offers many different options for you to present your portfolios, along with several different layouts. In addition there are numerous Theme Options and Portfolio Options, View Options, Skin Options that allow you to customize how portfolios are displayed. The Kable portfolios is extremely versatile and powerful. There are 6 ways to display your portfolios. The following sections will cover each of these aspects of the portfolio that are listed below.

Creating / Editing Portfolios

Step 1 - Navigate to Portfolios in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new portfolio. Create a title (screenshots 1), and insert your portfolio content (screenshots 2) in the editing field. You can use visual composer or ultimate addons, Kable shortcodes elements inside the portfolio.

Step 3 - Advance meta (screenshots 3) box when you added the sidebar portfolio style 1. To assign it to the portfolio. if not leave it

Step 4 - Add Categories from the right side (screenshots 4). To assign it to the portfolio, check the box next to the Category name.

Step 5 - For a featued image (screenshots 5), click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 6 - For a slideshow, (screenshots 6) insert more than one Featured Image, each image will be a slide in the slideshow. You can add more featured images and change the Slideshow Type option in Portfolio Options.

Step 7 - Once you are finished, (screenshots 7) click Publish or Update to save the portfolio.

Here Is A Screenshot That Shows The Portfolio Options.

Portfolio -> setting. you can change slug, and name

Then use the Visual composter shortcode Portfolio your page.

Content Types Member

General Information

Kable is loaded with options for the member. It offers many different options for you to present your members. In addition there are numerous Theme Options and Member Options, View Options, Skin Options that allow you to customize how members are displayed. The Kable members is extremely versatile and powerful. The following sections will cover each of these aspects of the member that are listed below.

Creating / Editing Members

Step 1 - Navigate to Members in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new member. Create a title for team name(screenshots 1), and insert your member content in the editing field (screenshots 2).

Step 3 - Add Categories from the right side. To assign it to the member, check the box next to the Category name.

Step 4 - For a Team image (screenshots 5), click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 5 - as social icon as you want (screenshots 3).

Step 6 - Team member skill you can added max 3 (screenshots 4).

Step 6 - Once you are finished, click Publish or Update to save the member.

Here Is A Screenshot That Shows The Member Options.

Then use the Visual composter shortcode Team your page.

Content Types Testimonial

Creating / Editing Testimonial

Step 1 - Navigate to Testimonial in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new testimonial. Create a title, and insert your testimonial content in the editing field.

Step 3 - Add Categories from the right side. To assign it to the testimonial, check the box next to the Category name.

Step 4 - For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 5 - Complete testimonial details.

Step 6 - Excerpt comment word.

Step 7 - Once you are finished, click Publish or Update to save the member.

Here Is A Screenshot That Shows The Testimonial Options.

Testimonial -> setting. you can change slug, and name

Then use the WPBakery Page builder shortcode Testimonial your page.

Shortcodes

Kable Shortcodes

Advance Banner with google font
Advance Product Tab
Product Filter Widget
Other Shortcode

Kable Shortcodes

You should install and activate Pikoworks Core plugin.

How to add Pikoworks shortcodes using visual composer

You should enable visual composer editor.

You should select the element. If you click the following button, will be show the popup.

You can add visual composer, pikowroks core

If First time use Visual composer shortcode Please see the visual composer documentation Available Help folder. visual composer online video doc VC Video Tutorial

Heading & Advance Banner

Advance Banner Shortcode

Open WPBakery page builder Shortcode Follow the image then save Page or post

Advance Product tab

Product Tabs Available multiple featured

Open WPBakery page builder Shortcode Follow the image then save Page or post

Tab Grid Tab grid single item Tab heading disable Tab Carousel Tab Carousel single item Specific category product search and many more...

Product Filter Widget

How to Configure Product Filter

Make sure this plguins active or not YITH WOOCOMMERCE AJAX PRODUCT FILTER
if not active please active first plugin link Ajax Product filter
Please see the screenshort

Yith->Ajax Product Filter->Edit then copy shortcode Appearance->Widget->Shop filter widget area -> add block shortcode-> paste short -> update Then display shop filter-> your site shop-> click filter

Other Shortcode

Other All shortcode same way

Widgets

Kable Contact Info Widget
Visual composer Shorcode work widget
Available shortcode: recent post with image, Post Tab, instagram, Flickr photostream, Twitter feed, FB page apps etc

Widgets Kable Contact Info

How To Use

Please go in Appearance > Widgets on admin sidebar.
You should add wp default Text short discription(Arbitrary text or HTML.) widget in the sidebar.

Copy the code paste your text widget then configure your address

                                    <img  src="http://yoursite.com/wp-content/uploads/2018/12/logo.png" />
                                    <p style="padding-right:30px">
                                    This is easy to update text from footer widget area. Add here information about your store.</p>
                                    <p>    25 Southern Avenue, USA.<br>
                                    <abbr title="Phone Number"><strong>Phone:</strong></abbr>(123) 4567 890<br>
                                    <abbr title="Fax"><strong>Fax:</strong></abbr> (123) 4567 890 22<br>
                                    <abbr title="Email Address"><strong>Email:</strong></abbr> info@company.com<br>
                                    </p>

Custom link Menu

Copy the code paste your text widget then configure your link and title

                                    <ul class="links">
                                       <li><a href="#">Support Center</a></li>
                                        <li><a href="#">Exchanges</a></li>
                                    </ul>

Widgets Visual composer Shortcode

How To Use WPBakery page builder shortcode as widgets

Please go in Appearance > Widgets on admin sidebar.
You should add wp default Text short discription(Arbitrary text or HTML.) widget in the sidebar.
Wp-admin -> page -> add new
Step 1 - Visual composer Add Element.

Step 2 - Choose any shortcode (like as social link).

Step 3 - Configure shortcode options. bellow image

Step 4 - Click the CLASSIC Mode then copy the block line.. no need vc row or column
Wp-admin -> appearance -> Custom html
Step 5 - paste the shortcode and save it. all done social shortcode confiure widget.

Havefun! This way all Visual composer shortcode work widget

Important!

Social Page link Automatically call themeoption

Translation

General Information

If you are new to translating WordPress, you're in the right place! In general, internationalization and localization (commonly abbreviated as i18n and l10n respectively) are terms used to describe the effort to make WordPress available in languages other than English for people from different locales. The actual localization is done using the GNU gettext framework, which is used by WordPress itself including the themes and plugins.
In order to make WordPress recognize the language to which you want to translate the core WordPress, the theme or the plugins, you have to define the language within the wp-config.php file or change a setting within the dashboard. The process is dependent on the WordPress version and is described below:

You can see WordPress localization documentation for more details.

You should defined wp-config.php file your language code

define ('WPLANG', 'en_GB');

You can see Installing WordPress in Your Language for more details.

Method 1: Storing Inside The Theme and Plugin Folder

This is is the traditional method, and the method most of our users use. The locate the Languages folder, follow this path:
wp-content/themes/kable/languages
wp-content/plugins/pikoworks-core/languages

Despite this being the most popular, this method has one downside. Whenever users update the theme and the plugin, the whole Theme folder and Plugin Folder are replaced with a new and updated folder, which in turn overwrites their translation files.

If you choose to store your language files using this method, remember that the file structure is only the language name. For example, if the language files are in the Deutsch language, the file names would be de_DE.mo and de_DE.po.

You can translate default po file with POEdit tool. You can see here for more details.

IMPORTANT NOTE - If you choose to use this method, don't forget to backup files you don't want to lose before updating Kable.

Method 1.1: Poedit - Gettext Translations Editor

First download poeidt software your environment https://poedit.net/

You can translate default pot file with poeidt tool. Search string text then find then change your language.

IMPORTANT NOTE - If you choose to use this method, don't forget to backup files you don't want to lose before updating Kable.

Method 1.2: Loco Translate provides in-browser editing of WordPress translation files.

Create the protected languages directory at wp-content/languages/loco/themes:
wp-content/themes/kable/languages
wp-content/plugins/pikoworks-core/languages

First download And active plugins https://wordpress.org/plugins/loco-translate/

Ensure this directory writeable by the web server. Search string text then find then change your language.

IMPORTANT NOTE - If you choose to use this method, don't forget to backup files you don't want to lose before updating Kable.

Method 2: Use WPML with Kable

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

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

Click Here To Purchase WPML Plugin!

Site Speed Up

General Information

We recommend using the Better WordPress Minify and WP Super Cache, W3 Total Cache, WP Rocket Premium plugins.

Excluding pages from the cache

If using caching plugins, make sure you exclude the following pages from the cache through their respective settings panels:

Cart
My Account
Checkout
Wishlist

These pages need to stay dynamic since they display information specific to the current customer.

Better WordPress Minify

This plugin allows you to minify your CSS and JS files for faster page loading for visitors. This plugin uses the PHP library Minify and relies on WordPress's enqueueing system rather than the output buffer (will not break your website in most cases). This plugin is very customizable and easy to use.
Please reference here for more details.

You can use this plugin with WP Super Cache plugin.

Please install and activate Better WordPress Minify plugin.
Please go BWP Minify on admin sidebar.
Please configure the General Options, Advanced Options, Manage enqueued Files sections.
Please check your site after complete the configuration.

Page Crashed!

Please go BWP Minify > Manage enqueued Files.
Please click Scripts to NOT minify and add the script handles to be ignored (not minified).
Please click Styles to NOT minify and add the style handles to be ignored (not minified).
For example, you can add the following code to ignore the visual composer css file.

WP Super Cache

This plugin is very fast caching plugin for WordPress.
Please reference here for more details.

You can use this plugin with Better WordPress Minify plugin.

Please install and activate WP Super Cache plugin.
Please go Settings > WP Super Cache on admin sidebar.
Please configure the Easy, Advanced, CDN, Contents, Preload, Plugins, Debug sections.
Please check your site after complete the configuration.

Important!

You should exclude the my account, cart, checkout, wishlist pages if you are using woocommerce plugin.

Please check the recommended options in Advanced section.
Please add the following code in Accepted Filenames & Rejected URIs if you are using YITH Woocommerce Wishlist plugin.

W3 Total Cache

This plugin is the highest rated and most complete WordPress performance plugin. Dramatically improve the speed and user experience of your site. Add browser, page, object and database caching as well as minify and content delivery network (CDN) to WordPress.
Please reference here for more details.

Please install and activate W3 Total Cache plugin.
Please go Performance > General Settings on admin sidebar.
Please configure the General, Page Cache, Minify, Database Cache, Object Cache, Browser Cache and more sections.
Please configure the more options in the sub menus of Performance on admin sidebar
Please check your site after complete the configuration.

Important!

Please add mfunc to the Ignored comment stems option in the Minify settings.
Please add /wishlist* to the Never cache the following pages: option in the Page Cache settings if you are using YITH Woocommerce Wishlist plugin.

Premium WP Rocket

We recommend WP Rocket if you using premium Cache plugins.

Make WordPress Load Fast in a Few Clicks any other cache plugins

If using caching plugins, make sure you exclude the following pages from the cache through their respective settings panels:
More info wp rocket

Frequently Asked Questions

How to fix if show white space slider before Front Page (homepage)

remove-header-padding

How to improve site loading speed

How to exclude wishlist page from wp super cache

How to fix the issues with facebook sharing

How to update WPBakery page builder Plugin?

After import demo, the page isn't loading correctly.

How to update Pikoworks core, pikoworks custom post, WPBakery page builder, Revolution Slider, and other premium plugin Plugins?

Dummy Data Import Failed

Menu items was duplicated after import dummy data

How can change the product image sizes?

Where can find theme options?

Where can change the logos?

How to show Registration Form on My Account page?

Support & Customization

Thanks for using Kable WordPress!

We would like to thank you for using Kable WordPress! We are very pleased you have chosen Kable WordPress for your website, we always provide best support for our customers, you can confirm it from our themeforest review rating - top 1 in themeforest!
If you have any difficulties with Kable WordPress or need any additional service, do not hesitate to contact us. We provide 24/7 Support!

Regarding presale questions and free support for theme usage, please contact us through themeforest support page. We will provide you amazing one-by-one email support and you will get answers more faster than you expected. We also provide support in weekends, but may require some more hours than normal working days.

Regarding customization service based on our themes or other magento related, please contact us to forhad.ferouz@gmail.com. We have an amazing team to provide customization service who have done bunch of customization projects so far, will provide you reasonable quote before start.

Change Logs

1.5.4 (17.01.2022)

                        - fix issue wordrpess 5.9 compatibility issue
                        - fix woocommerce latest version compatibility issue
                        - fix dokan plguins issue
                        - update all the latest plugins
                        - fix filter issue. (remove filter plugins added yith free ajax filter plguins )
                        - update documention
                        - fix minor css

1.5.3 (20.08.2021)

                        - fix issue wordrpess 5.8 compatibility issue
                        - fix woocommerce latest version compatibility issue
                        - fix WordPress latest version compatibility issue
                        - update all the latest plugins
                        - fix contact form wishlist plguins issue.
                        - fix minor css

1.5.2 (20.06.2021)

                        - added pre-order with plugins compatible
                        - fix woocommerce latest version compatibility issue
                        - fix WordPress latest version compatibility issue
                        - update all the latest plugins
                        - fix contact form wishlist plguins issue.
                        - fix minor css

1.5.1 (03.03.2021)

                        - added pre-order yith plugins compatible
                        - fix woocommerce latest version compatibility issue
                        - fix WordPress latest version compatibility issue
                        - update all the latest plugins
                        - fix contact form 7 issue.
                        - fix minor css

1.5 (01.01.2021)

                        - fix woo commerce latest version compatibility issue
- fix wordpress latest version compatibility issue
- fix jQuery issue
- fix admin ui issue
- update all latest plugins
- fix minor css

1.4.2 (24.09.2020)

                        *fix metabox title not showing admin area
                        *fix woo-commerce outdated template
                        *update all latest plugins
                        *fix minor CSS

1.4.1.1 (16.07.2020)

                        *fix woo-commerce outdated template
                        *update all latest plugins
                        *fix varation switcher plguins
                        *fix minor CSS

1.4.1 (27.04.2020)

                        * Added New Demo Food multivendor direcotry
                        *fix woo-commerce outdated template
                        *update all latest plugins
                        *fix cookie button
                        *fix minor CSS

1.3.0 (20.02.2020)

                        * Gutenberg Optimized block
                        * fix wc vnedor some issue
                        *fix woo-commerce outdated template
                        * fix cookie plugin issue
                        *fix minor CSS

1.2.0 (10.01.2020)

                        * Gutenberg Optimized block
                        *fix instagram widget 
                        *fix woo-commerce outdated template
                        *update all latest plugins
                        *fix minor CSS

1.1.0 (10.08.2019)

                        *fix walker menu php warning
                        *mprove one click import demo.
                        *improve one click import demo.
                        *fix checkout notification
                        *fix woo commerce outdate template
                        *update pikowors core plugins 1.1
                        *added new dummy import plugins
                        *update all latest plugins
                        *fix minor css

                        ##nb: if theme verison update 1.1 must be update pikowors core plugins 1.1

1.0.5 (08.07.2019)

                        *fix product carousel carousel tab,
                        * and product tabs filter shortcdoe.

1.0.4 (08.06.2019)

                        *checkout street filed fix issue
                        *search submit button fix.
                        *footer site title remove
                        *update: wpberky page builder,
                        *update: revolution slider,
                        * some minor css fix.

1.0.3 (06.28.2019)

                        * unlimited  color issue fix
                        * product layout 02 issue fix
                        * product filter catalog issue fix,
                        * product single page product video issue fix,
                            *product list view product layout 02 issue fix
                        * some minor css fix.

1.0.2 (05.30.2019)

                        * Added electronics & RTL demo.
                        * added product layout two.
                        * added theme file styel-rtl.css file and min file
                        * some minor css fix.

1.0.1 (05.15.2019)

                         * Added Fashion demo.
                         * some minor css fix.

1.0.0 (04.15.2019)

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Video Category

Important!

Alternative.

How To Remove Duplicate Demo Content After Import

HOW TO DOWNLOAD NEW THEME FILES FROM THEMEFOREST

HOW TO UPDATE YOUR THEME VIA FTP

HOW TO UPDATE YOUR THEME VIA WORDPRESS

HOW TO USE ENVATO MARKET PLUGIN

Important!

PAGE Setting

Normal Mode

Number: 1 and 3

Number: 4

Number: 2

Number: 5

Set a page a Front pages

Custom page create with disable breadcrumb

Flow the image

Metabox overwrite the theme option All configure same as PAGE, SETTING

Havefun! This way all Visual composer shortcode work widget

Important!

Excluding pages from the cache

Page Crashed!

Important!

Important!

Make WordPress Load Fast in a Few Clicks any other cache plugins

Free Support for Questions and Issues

Themeforest Item Support

Customization Service (additional cost)

forhad.ferouz@gmail.com