{"id":5603,"date":"2018-05-28T10:01:53","date_gmt":"2018-05-28T10:01:53","guid":{"rendered":"http:\/\/wpthemego.com\/document\/?p=5603"},"modified":"2018-05-28T10:02:30","modified_gmt":"2018-05-28T10:02:30","slug":"sw-woocommerce-vertical-categories-listing","status":"publish","type":"post","link":"https:\/\/wpthemego.com\/document\/sw-woocommerce-vertical-categories-listing\/","title":{"rendered":"Documentation for SW WooCommerce Vertical Categories Listing"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row el_class=&#8221;guide&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] <!-- start: sidebar --><\/p>\n<aside id=\"sidebar-left\" class=\"sidebar-left\">\n<div class=\"sidebar-header\">\n<div class=\"sidebar-title\">Navigation<\/div>\n<\/div>\n<div class=\"nano\">\n<div class=\"nano-content\">\n<nav id=\"menu\" class=\"nav-main\">\n<ul class=\"nav nav-main\">\n<li class=\"nav-active nav-parent\"><a href=\"#1\"><i class=\"fa fa-home\"><\/i>Welcome<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#11\">Plugin Introduction <\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#2\"><i class=\"fa fa-refresh\"><\/i>Getting Started<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#21\">Basic Knowledge<\/a><\/li>\n<li><a href=\"#22\">Plugin Requirements<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#3\"><i class=\"fa fa-download\"><\/i>Installation &amp; Update<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#31\">Before Installation<\/a><\/li>\n<li><a href=\"#32\">Automatic Installation<\/a><\/li>\n<li><a href=\"#33\">Manual Installation 1<\/a><\/li>\n<li><a href=\"#34\">Manual Installation 2<\/a><\/li>\n<li><a href=\"#35\">Plugin Update<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#4\"><i class=\"fa fa-cogs\"><\/i>Plugin Configuration<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#41\">Plugin Demo<\/a><\/li>\n<li><a href=\"#42\">Plugin Options<\/a><\/li>\n<li><a href=\"#43\">Plugin with Widget<\/a><\/li>\n<li><a href=\"#44\">Plugin with Visual Composer<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-main\"><a href=\"#5\"><i class=\"fa fa-tachometer\"><\/i>Tutorial Video<\/a><\/li>\n<\/ul>\n<\/nav>\n<nav class=\"nav-main\">\n<ul class=\"nav nav-main\">\n<li><a href=\"#translation\"><i class=\"fa fa-language\"><\/i>Translation<\/a><\/li>\n<li><a href=\"#support\"><i class=\"fa fa-question-circle\"><\/i>FAQs &amp; Support<\/a><\/li>\n<li><a href=\"#changelog\"><i class=\"fa fa-history\"><\/i>Change Log<\/a><\/li>\n<li class=\"title\"><span style=\"text-transform: none;\"> \u00a9Copyright2017 <a href=\"http:\/\/wpthemego.com\/\">WPThemeGo<\/a><\/span><\/li>\n<\/ul>\n<\/nav>\n<\/div>\n<div class=\"nano-pane\" style=\"display: block; opacity: 1; visibility: visible;\"><\/div>\n<\/div>\n<\/aside>\n<p><!-- end: sidebar -->[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]<\/p>\n<div class=\"link-intro\"><a class=\"demo\" href=\"http:\/\/demo.wpthemego.com\/plugins\/?p=1\" target=\"_blank\" rel=\"noopener noreferrer\">View demo<\/a><a class=\"detail\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">More detail<\/a><\/div>\n<p><!-- start: welcome --><\/p>\n<div id=\"1\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">WELCOME TO SW WOOCOMMERCE VERTICAL CATEGORIES LISTING<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"11\" class=\"toggle active\"><label>Plugin Introduction<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>Firstly, a huge thanks for purchasing this plugin, your support is truly appreciated!<\/p>\n<p>&nbsp;<\/p>\n<p>This document covers the installation and use of this plugin, reveals some answers to common problems and issues. We encourage you to read throughout this document if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our <a href=\"http:\/\/support.ytcvn.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Ticket Support System<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!--end: welcome --><\/p>\n<p><!-- start: gettingstarted --><\/p>\n<div id=\"2\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">GETTING STARTED<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"21\" class=\"toggle active\"><label>WordPress Background Knowledge<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>To install this plugin you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in <a href=\"http:\/\/codex.wordpress.org\/Installing_WordPress\">WordPress Codex<\/a>. Below are all the useful links for WordPress information.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"http:\/\/codex.wordpress.org\/Installing_WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WordPress Codex<\/span><\/a> \u2013 General info about WordPress and how to install on your server.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"http:\/\/codex.wordpress.org\/First_Steps_With_WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">First Steps With WordPress<\/span><\/a> \u2013 General info about multiple topics about WordPress.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"http:\/\/codex.wordpress.org\/FAQ_New_To_WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">FAQ New To WordPress<\/span><\/a> \u2013 The most popular FAQ\u2019s regarding WordPress.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/codex.wordpress.org\/WordPress_Widgets\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WordPress Widget Documentation<\/span><\/a> \u2013 General info about WordPress Widgets.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpbakery.atlassian.net\/wiki\/display\/VC\/Visual+Composer+Pagebuilder+for+WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Visual Composer Documentation<\/span><\/a> \u2013 General info about Installation and Use of Visual Composer.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/docs.woocommerce.com\/documentation\/plugins\/woocommerce\/getting-started\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WooCommerce Documentation<\/span><\/a> \u2013 General info about Installation and Use of WooCommerce.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"22\" class=\"toggle active\"><label>Plugin Requirements<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>To use the plugin, please make sure you are running <strong>WordPress 4.9.x<\/strong> or higher, <strong>PHP 7.7<\/strong> or higher, and <strong>MySQL 5.6<\/strong> or higher.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Check to ensure that your web host has the <a href=\"https:\/\/wordpress.org\/about\/requirements\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">minimum requirements to run WordPress<\/span><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">You can download the latest release of WordPress from the official <a href=\"http:\/\/wordpress.org.\"><span class=\"highlight\">WordPress<\/span><\/a> website.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">The latest version of WordPress is prefered.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Always create secure passwords for FTP and Database.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">It is recommended to be on PHP 7.2 or greater.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><b>SW WooCommerce Vertical Categories Listing is tested on:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">WordPress 4.9.x<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">WooCommerce 3.3.x<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Visual Composer 5.4.x<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><b>SW WooCommerce Vertical Categories Listing is compatible with:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">WordPress Widgets<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Visual Composer 5.4.x<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"php-requirement\" class=\"toggle active\"><label>Important Note about PHP Configuration<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>The <b>Recommended PHP Configuration Limits<\/b> should be paid attention. In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues.<\/p>\n<p>&nbsp;<\/p>\n<p>The solution is to increase the <b>PHP<\/b> limits. You can do this on your own by editing the following lines in <code>php.ini<\/code> file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>max_execution_time 360<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>memory_limit 128M<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>post_max_size 32M<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>upload_max_filesize 32M<\/code><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-success\">Success<\/span> Well done! If your site meets all these requirements, you can start enjoy SW WooCommerce Vertical Categories Listing theme now!<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: gettingstarted --><\/p>\n<p><!-- start: installation --><\/p>\n<div id=\"3\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">INSTALLATION<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"31\" class=\"toggle active\"><label>How to Install SW WooCommerce Vertical Categories Listing?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>There are 03 ways to install SW WooCommerce Vertical Categories Listing plugin into your site: Quickstart Installation and Manual Installation.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Automatic Installation<\/b><\/li>\n<li><b>Manual Installation via WordPress Upload<\/b><\/li>\n<li><b>Manual Installation via FTP\/cPanel Upload<\/b><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Preparation is always an imporatant part. Before starting, do not forget to:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Make sure that your site meets <b><a href=\"#22\" target=\"_blank\" rel=\"noopener noreferrer\">Plugin Requirements<\/a><\/b> and support the plugin.<\/li>\n<li>Have file <code>sw_woo_vertical_categories_listing_wp4.9.x_vx.x.x<\/code> ready to go in your computer.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><i>&gt;&gt;&gt; All are ready? Okay, it&#8217;s time for us to go!<\/i><\/p>\n<\/div>\n<\/section>\n<section id=\"32\" class=\"toggle active\"><label>Automatic Installation<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>This is the simplest way to install SW WooCommerce Vertical Categories Listing. Just after a few clicks, the plugin will be ready to use in your site. Please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Login to your website and go to the Plugins.<\/li>\n<li>Click the Add New button.<\/li>\n<li>Type <i>SW WooCommerce Vertical Categories Listing<\/i> in the search field of WordPress Plugin Directory.<\/li>\n<li>Select <i>SW WooCommerce Vertical Categories Listing<\/i> then click <i>Install Now<\/i> button.<\/li>\n<li>After the plugin was installed successfully, click on <i>Activate<\/i> button to activate it.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>Congratulation! The plugin is successfully installed in your site. Now you can continue to play with it!<\/i><\/p>\n<\/div>\n<\/section>\n<section id=\"33\" class=\"toggle active\"><label>Manual Installation 1: WordPress Upload<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>This is manual installation via Upload file path in the WordPress Admin Panel. Please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Login to your website and go to the Plugins.<\/li>\n<li>Click the <i>Add New<\/i> button.<\/li>\n<li>Under Install Plugins, click the <i>Upload Plugin<\/i>.<\/li>\n<li>Select the plugin zip file <code>sw_woo_vertical_categories_listing_wp4.9.x_vx.x.x<\/code> from your computer then click the <i>Install Now<\/i> button.<\/li>\n<li>You should see a message stating that the plugin was installed successfully.<\/li>\n<li>Click the <i>Activate<\/i> button to activate plugin.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/install\/m-1.png\" alt=\"\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><i>Congratulation! The plugin is successfully installed in your site. Now you can continue to play with it!<\/i><\/p>\n<\/div>\n<\/section>\n<section id=\"34\" class=\"toggle active\"><label>Manual Installation 2: FTP\/cPanel Upload<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>This is the manual installation. The plugin file will be uploaded into the server of the site domain. After that, the plugin will be activated in the Admin Panel. Please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>You should have access to the server where WordPress is installed.<\/li>\n<li>Upload the plugin zip file <code>sw_woo_vertical_categories_listing_wp4.9.x_vx.x.x<\/code> up to your server path <code>\/wp-content\/plugins\/ <\/code> and unzip it here.<\/li>\n<li>Login to your website and go to the Plugins section of your Admin Panel.<\/li>\n<li>Look for <i>SW WooCommerce Vertical Categories Listing<\/i> and click <i>Activate<\/i> to activate the plugin.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>Congratulation! The plugin is successfully installed in your site. Now you can continue to play with it!<\/i><\/p>\n<\/div>\n<\/section>\n<section id=\"35\" class=\"toggle active\"><label>How to Update Plugin in SW WooCommerce Vertical Categories Listing manually?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Ussually, when a required plugin is updated, we also update the plugin package. Therefore, when updating SW WooCommerce Vertical Categories Listing, you can also choose to update plugin automatically.<\/p>\n<p>&nbsp;<\/p>\n<p><b>To update plugin in SW WooCommerce Vertical Categories Listing, please follow steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Back up your site!<\/b> to save your customization.<\/li>\n<li>Copy the custom code you made in your site and save it in your computer to add it later.<\/li>\n<li>Download the latest version of SW WooCommerce Vertical Categories Listing.<\/li>\n<li>Deactive and remove old version of this plugin. You can directly delete this plugin&#8217;s files in folder <b>\/public_html\/wp-content\/plugins<\/b> of your site using FTP.<\/li>\n<li>Now you can install new version in your site. If the <b>max_size_upload &gt; 8M<\/b>, you can upload it via Admin Panel. Or else, you need to extract the plugin then add it to folder <b>\/public_html\/wp-content\/plugins<\/b> of your site using FTP.<\/li>\n<li>Go to Plugins and Activate it.<\/li>\n<li>After all, check your site again to ensure that the update works.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-warning\">Warning<\/span> Before updating plugin in your site, you need to have a test first to make sure that it is compatible with the theme in your site.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: installation --><\/p>\n<p><!-- start: plugin configuration --><\/p>\n<div id=\"4\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">PLUGIN CONFIGURATION<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"\" class=\"toggle active\"><label>About SW WooCommerce Vertical Categories Listing Configuration<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>After successfully installing SW WooCommerce Vertical Categories Listing plugin, we can configure to use it in your WordPress site. You can use this plugin in 2 ways:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Using with Widget<\/b><\/li>\n<li><b>Using with Visual Composer<\/b><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><i>&gt;&gt; Let&#8217;s continue to see the plugin demo, plugin options and how to configure it in your site!<\/i><\/p>\n<\/div>\n<\/section>\n<section id=\"41\" class=\"toggle active\"><label>SW WooCommerce Vertical Categories Listing Demo<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>This is the demo for this plugin with Accordion style.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/preview.png\" alt=\"\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><i>Currently, the plugin supports Sticky Layout and Sidebar Layout.<\/i>.<\/p>\n<\/div>\n<\/section>\n<section id=\"42\" class=\"toggle active\"><label>SW WooCommerce Vertical Categories Listing Options<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>In this part, we will learn the meaning of each option in the plugin. The options are the same when using Widget and Visual Composer.<\/p>\n<p>&nbsp;<\/p>\n<p>First of all, please have an overview about the term in the backend of this SW WooCommerce Vertical Categories Listing plugin.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/option-term.png\" alt=\"\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Title<\/b>: <i>This option is for the plugin&#8217;s title<\/i><\/li>\n<li><b>Title Position<\/b>: <i>You can choose <b>Top<\/b> or <b>Bottom<\/b> to show the title position.<\/i><\/li>\n<li><b>Color Of Title<\/b>: <i>Set color for plugin title<\/i><\/li>\n<li><b>Background Color Of Title<\/b>: <i>Set color for background color of title<\/i><\/li>\n<li><b>Category<\/b>: <i>Choose categories you want to show in the listing.<\/i><\/li>\n<li><b>Color<\/b>: <i>Set color for category listing&#8217;s text<\/i><\/li>\n<li><b>Background Color<\/b>: <i>Set color for background color of categories<\/i><\/li>\n<li><b>Font-Family <\/b>: <i>Set font family for the text.<\/i><\/li>\n<li><b>Show More Button <\/b>: <i>Choose <b>Yes<\/b> or <b>No<\/b> to show or not show the Show More button.<\/i><\/li>\n<li><b>More Button Action<\/b>: <i>Choose <b>Expand<\/b> or <b>Link<\/b> for Show More button action.<\/i><\/li>\n<li><b>Text Of More Categories <\/b>: <i>Enter the text for More Categories<\/i><\/li>\n<li><b>Show Sub-category<\/b>: <i>You can choose <b>Yes<\/b> or <b>No<\/b> to show or not show the sub-category. <\/i><\/li>\n<li><b>Number Of Categories On Loading <\/b>: <i>Set the number of categories on loading<\/i><\/li>\n<li><b>Layout<\/b>: <i>This option lets you choose the layout style for the plugin. Currently, it supports <b>Accordion<\/b> and <b>Sticky<\/b> style as in the demo.<\/i><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><i>&gt;&gt;&gt; All is okay? Okay! Let&#8217;s play with SW WooCommerce Vertical Categories Listing now!<\/i><\/p>\n<\/div>\n<\/section>\n<section id=\"43\" class=\"toggle active\"><label>Using Plugin with Widget<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>After the installation, the plugin will be available in the Widgets section of your site. In this part, we will learn how to use SW WooCommerce Vertical Categories Listing with Widget. There are 2 options for you: Configure the plugin in the backend and configure it at the front end of your site.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Configure Plugin in the Backend<\/h4>\n<p>&nbsp;<\/p>\n<p>If you want to use this plugin this way, please follow the steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In your site at the <b>Admin Panel<\/b>, please go to <b>Appearance &gt; Widgets<\/b>.<\/li>\n<li>Choose <b>SW WooCommerce Vertical Categories Listing<\/b>, add to the sidebar you want and click on <b>Add Widget<\/b> button or drag the plugin into the sidebar you want .<\/li>\n<li>Now, you can configure the options of the widget.<\/li>\n<li>After that, remember to click on button <b>Save<\/b> to save all the settings.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>After all, you can go to the page including the sidebar with this plugin to see the result.<\/i>.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/w-1.png\" alt=\"\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><i> &gt;&gt; If you want to edit it, please follow step <b>1 &gt; 3 &gt; 5<\/b> as above<\/i>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Configure Plugin in the Frontend<\/h4>\n<p>&nbsp;<\/p>\n<p>If you want to use this plugin this way, you need to login your site with admin account first. After that please follow the steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In the page including sidebar with widget, click on <b>Customize<\/b> at the top of the page.<\/li>\n<li>Now in the Customizing window, choose <b>Widgets<\/b> to go to the <b>Widget Area<\/b>.<\/li>\n<li>In the <b>Widget Area<\/b>, click on <b>Add a Widget<\/b> button then find <b>SW WooCommerce Vertical Categories Listing<\/b> and choose it to start the settings.<\/li>\n<li>Now, you can configure the options of the widget.<\/li>\n<li>After that, remember to click on button <b>Save &amp; Publish<\/b> to save all the settings.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>After all, you can go to the page to see the result<\/i>.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/w-2.png\" alt=\"\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><i>&gt;&gt; If you want to edit it, please follow step <b>1 &gt; 2<\/b> then choose available <b>SW WooCommerce Vertical Categories Listing<\/b> and follow step <b>4 &gt; 5<\/b> as above<\/i>.<\/p>\n<\/div>\n<\/section>\n<section id=\"44\" class=\"toggle active\"><label> Using Plugin with Visual Composer<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>This plugin is compatible with Visual Composer. After installing Visual Composer and this plugin, you can use it in your site normally like other Visual Composer&#8217;s elements. In this part, we will learn how to use SW WooCommerce Vertical Categories Listing with this extension. There are 2 options for you: Configure the plugin in the backend and configure it at the front end of your site.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Configure Plugin in the Backend<\/h4>\n<p>&nbsp;<\/p>\n<p>If you want to use this plugin this way, please follow the steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In your site at the <b>Admin Panel<\/b>, please go to <b>Pages &gt; All Pages<\/b> then choose the one you want to add <b>SW WooCommerce Vertical Categories Listing<\/b>.<\/li>\n<li>After use <b>Edit with Visual Composer<\/b> mode, click on add element icon <img decoding=\"async\" style=\"display: inline; vertical-align: sub;\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/icon1.png\" alt=\"\" \/> then find and choose <b>SW WooCommerce Vertical Categories Listing<\/b> element to your page.<\/li>\n<li>Now, you can configure the options of the element.<\/li>\n<li>After that, remember to click on button <b>Save changes<\/b> to save all the settings of the element and <b>Update<\/b> the page&#8217;s change.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>After all, you can go to the page to see the result. If you want to change the position of SW WooCommerce Vertical Categories Listing, you just need to drag and drop to the position you want<\/i>.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/v-1.png\" alt=\"\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><i>&gt;&gt; If you want to edit <b>SW WooCommerce Vertical Categories Listing<\/b>, after starting editing with <b>Visual Composer<\/b> mode, click on edit icon <img decoding=\"async\" style=\"display: inline; vertical-align: sub;\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/icon2.png\" alt=\"\" \/> on the element, change the configure you want and click on button <b>Save changes<\/b> to save all the settingsof the element and <b>Update<\/b> the page&#8217;s change<\/i>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Configure Plugin in the Frontend<\/h4>\n<p>&nbsp;<\/p>\n<p>If you want to use this plugin this way, you need to login your site with admin account first. After that please follow the steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Firstly, open the page you want to add this <b>SW WooCommerce Vertical Categories Listing<\/b> with <b>Edit with Visual Composer<\/b> mode in the front end.<\/li>\n<li>After that, click on add element icon <img decoding=\"async\" style=\"display: inline; vertical-align: sub;\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/icon1.png\" alt=\"\" \/> then find and choose <b>SW WooCommerce Vertical Categories Listing<\/b> element to your page.<\/li>\n<li>Now, you can configure the options of the element.<\/li>\n<li>After all, remember to click on button <b>Save changes<\/b> to save all the settings of the element and <b>Update<\/b> the page&#8217;s change.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>After all, you can check to the result. If you want to change the position of SW WooCommerce Vertical Categories Listing, you just need to drag and drop to the position you want<\/i>.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/v-2.png\" alt=\"\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><i>&gt;&gt; If you want to edit <b>SW WooCommerce Vertical Categories Listing<\/b>, after starting editing with <b>Visual Composer<\/b> mode, click on edit icon <img decoding=\"async\" style=\"display: inline; vertical-align: sub;\" src=\"http:\/\/wpthemego.com\/images\/document\/plugins\/sw-woocommerce-vertical-categories-listing\/\/config\/icon2.png\" alt=\"\" \/> on the element, change the configure you want and click on button <b>Save changes<\/b> to save all the settings of the element and Update the change in page<\/i>.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: plugin configuration --><\/p>\n<p><!-- start: tutorial --><\/p>\n<div id=\"5\">\n<div id=\"themeoptions\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">TUTORIAL VIDEO<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle active\"><label>How to Install and Use SW WooCommerce Vertical Categories Listing Plugin?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p><b>This part will be updated soon<\/b>.<\/p>\n<p>This is video to show how to use SW Ajax WooCommerce Search from installation to using it with Widget and Visual Composer. You can check it to have a thorough look about this plugin.<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/h3d226Zfahw?list=PLPjA3McuJhOGsMKK4oO8qbjBE6jNvsfoc?ecver=1\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: tutorial --><\/p>\n<p><!-- start: translation --><\/p>\n<div id=\"translation\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">TRANSLATION<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle active\"><label>Does SW WooCommerce Vertical Categories Listing support multilanguage?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Yes. SW WooCommerce Vertical Categories Listing supports multilanguage and you can use WPML for this feature.<\/p>\n<\/div>\n<\/section>\n<section id=\"loco\" class=\"toggle active\"><label>How to translate this plugin?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>This plugin is compatible with Loco Translate and Poedit. To use Loco, you can install Loco Translate first. After that, you can use Loco to translate plugin.<\/p>\n<p>You can follow <a href=\"https:\/\/localise.biz\/wordpress\/plugin\/beginners\" target=\"_blank\" rel=\"noopener noreferrer\">Beginner&#8217;s guide for Loco Translate<\/a> in plugin<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: translation --><\/p>\n<p><!-- start: other info --><\/p>\n<div id=\"support\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">SUPPORT FOR SW WOOCOMMERCE VERTICAL CATEGORIES LISTING<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section class=\"toggle active\"><label>Things You Should Do Before Creating a Ticket<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To help speed along your request, we require that you follow the steps below before submitting a new support ticket. This is for the benefit of everyone and will help make the entire process more efficient. It\u2019s very important and we ask that everyone who posts follow these steps.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Please check the following before you submit a ticket:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li>Make sure you are running the <span class=\"highlight\"> latest version of SW WooCommerce Vertical Categories Listing<\/span> and the latest version of WordPress.<\/li>\n<li>Always check the <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">changelogs of SW WooCommerce Vertical Categories Listing<\/a>.<\/li>\n<li>Check our Documentation for the answer to your question.<\/li>\n<li>Make sure you\u2019ve cleared all your caches including browser cache, plugin cache and server cache.<br \/>\n<b>Browser Cache<\/b>: this is cache stored by your browser to allow your page content to load faster.<br \/>\n<b>Plugin Cache<\/b>: this is cache specifically from a 3rd party WordPress plugin.<br \/>\nand <b>Server Cache<\/b>: this is cache imposed by your hosting company directly from your server.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle active\"><label>Get Support from WPThemeGo<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>After finishing 5 things should do before creating ticket, if the issue remains, you can create a ticket at our Support System.<\/p>\n<p><b>Please note that your site&#8217;s information and some screenshots for the issue will be easier for us to get the question and help you faster.<\/b><\/p>\n<p>&nbsp;<\/p>\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"http:\/\/support.ytcvn.com\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/www.wpthemego.com\/images\/document\/themes\/pisco\/\/ticket.png\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\"><a href=\"http:\/\/wpthemego.com\/faqs\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/www.wpthemego.com\/images\/document\/themes\/pisco\/\/faq.png\" \/><\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"changelog\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">CHANGE LOGS<\/h2>\n<\/div>\n<div class=\"toggle col-md-12 margin-top-0\" data-plugin-toggle=\"\">\n<section class=\"toggle active\"><label>SW WooCommerce Vertical Categories Listing V1.0.0 (29.06.2017) <\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Initial Release<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: other info --><br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=&#8221;guide&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] Navigation Welcome Plugin Introduction Getting Started Basic Knowledge Plugin Requirements Installation &amp; Update Before Installation Automatic Installation Manual Installation 1 Manual Installation 2 Plugin Update Plugin Configuration Plugin Demo Plugin Options Plugin with Widget Plugin with Visual Composer Tutorial Video Translation FAQs &amp; Support Change Log \u00a9Copyright2017 WPThemeGo [\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text] View demoMore [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-5603","post","type-post","status-publish","format-standard","hentry","category-wordpress-plugins"],"_links":{"self":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/comments?post=5603"}],"version-history":[{"count":2,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5603\/revisions"}],"predecessor-version":[{"id":5605,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5603\/revisions\/5605"}],"wp:attachment":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/media?parent=5603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/categories?post=5603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/tags?post=5603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}