{"id":31624,"date":"2021-09-24T11:34:39","date_gmt":"2021-09-24T06:04:39","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=31624"},"modified":"2024-06-19T17:39:24","modified_gmt":"2024-06-19T12:09:24","slug":"jot-shop-pro","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/jot-shop-pro\/","title":{"rendered":"Jot Shop Pro"},"content":{"rendered":"<section class=\"wp-block-group installing-theme has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Theme<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1:&nbsp;<\/strong>&nbsp;Go to your&nbsp;<strong>Wp Dashboard &gt; Appearance &gt; Themes &gt; Add New.<\/strong> Add <a href=\"https:\/\/themehunk.com\/fr\/?smd_process_download=1&amp;download_id=29901\">Jot Shop Theme<\/a> zip file and Then click on the \u2018Install Now\u2019 button.<\/li>\n\n\n\n<li><strong>Step 2<\/strong>:&nbsp;After the installation is completed, click on the&nbsp;\u2018<strong>Activate<\/strong>\u2019 button and \u201cJot Shop\u201d will be activated.<\/li>\n\n\n\n<li><strong>Step 3<\/strong>: After activating \u201cJot Shop\u201d in your dashboard, Go to <strong>Jot Shop Options<\/strong> under Appearance and click on it. You&#8217;ll see Recommended options panel, install &amp; activate all the plugins.<\/li>\n\n\n\n<li><strong>Step 4 : <\/strong>Now you can start customizing <strong>Jot Shop <\/strong>theme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"653\" height=\"449\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/installing-jot-shop-theme.png?resize=653%2C449&#038;ssl=1\" alt=\"installing jot shop theme\" class=\"wp-image-29759\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/installing-jot-shop-theme.png?w=653&amp;ssl=1 653w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/installing-jot-shop-theme.png?resize=300%2C206&amp;ssl=1 300w\" sizes=\"(max-width: 653px) 100vw, 653px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group installing-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Jot Shop Pro Plugin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Jot Shop Pro Plugin will add Advanced premium features and functionality to Jot Shop free theme.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1<\/strong>&nbsp;: Navigate to ThemeHunk homepage, You will see \u201cThemes\u201d menus on the top, when you hover over it you\u2019ll see&nbsp;<strong><a href=\"https:\/\/themehunk.com\/fr\/pro-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pro Themes<\/a>,&nbsp;<\/strong>click on it. In the Pro Themes page you\u2019ll see&nbsp;<strong>Jot Shop Pro<\/strong>, click on&nbsp;<a href=\"https:\/\/themehunk.com\/fr\/product\/jot-shop-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">View More<\/a>&nbsp;button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"358\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jost-shop-pro-install-1.png?resize=663%2C358&#038;ssl=1\" alt=\"\" class=\"wp-image-32390\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jost-shop-pro-install-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jost-shop-pro-install-1.png?resize=300%2C162&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 2&nbsp;<\/strong>: Jot Shop pro sales-page will open, Afterward, just simply hit the <strong>\u2018Buy Now\u2019<\/strong>&nbsp;button and it will directly take you to the&nbsp;<strong>\u2018Pricing\u2018&nbsp;<\/strong>section of Jot Shop Pro Plugin.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"370\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jost-shop-pro-installing-theme-2.png?resize=663%2C370&#038;ssl=1\" alt=\"\" class=\"wp-image-32391\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jost-shop-pro-installing-theme-2.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jost-shop-pro-installing-theme-2.png?resize=300%2C167&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3<\/strong>: Now choose your desired plan from here and hit the button&nbsp;<strong>Buy Now&nbsp;<\/strong>from desired table.<\/li>\n\n\n\n<li><strong>Step 4&nbsp;<\/strong>: Purchase your plugin from here, fill all the required details. Login to your member\u2019s area. Your pro plugin has been added in your member\u2019s area dashboard.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"952\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jot-shop-pro-installing-theme-4.png?resize=663%2C952&#038;ssl=1\" alt=\"\" class=\"wp-image-32393\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jot-shop-pro-installing-theme-4.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/jot-shop-pro-installing-theme-4.png?resize=209%2C300&amp;ssl=1 209w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 5&nbsp;<\/strong>: You\u2019ll see a <strong>Jot Shop Pro plugin zip file<\/strong> in your Member\u2019s area. Download the zip file of plugin.<\/li>\n\n\n\n<li><strong>Step 6&nbsp;<\/strong>: Now, Open your&nbsp;<strong>WP Dashboard &gt; Plugins &gt; Add New &gt; Upload the Plugin Zip file and Activate it<\/strong>.<\/li>\n\n\n\n<li>Now you can customize your website using Pro features.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group install-search has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to add Advanced Search bar in theme.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After installing and Activating Jot Shop theme &amp; Pro Addon in your dashboard. Go to your <strong>Plugins &gt; Add New Plugin &gt; Search TH Advance Product Search &gt; You&#8217;ll find the plugin, Click on Install and Activate it in your Dashboard.<\/strong><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"295\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/installing-plugin-advance-search-plugin.png?resize=663%2C295&#038;ssl=1\" alt=\"installing-plugin-advance-search-plugin\"><\/li>\n\n\n\n<li>You can also directly Install and Activate the Search plugin. Download it from here <a href=\"https:\/\/mk0themehunkcomn4ks5.kinstacdn.com\/wp-content\/uploads\/2021\/09\/th-advance-product-search.zip\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TH Advance Product Search plugin<\/a>.<\/li>\n\n\n\n<li>This will display Search bar in your website.To know how this plugin works, Go with this <a href=\"https:\/\/themehunk.com\/fr\/docs\/th-advance-product-search\/\" target=\"_blank\" rel=\"noreferrer noopener\">Doc<\/a>.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group cart-swatches has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Add Cart &amp; Swatches<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In recommended plugin you&#8217;ll see TH Variation Swatches and TH All in One Woo Cart .<\/li>\n\n\n\n<li>Install and Activate plugins in your dashboard. This will display Cart and Swatches in your website.<\/li>\n\n\n\n<li>To learn more about Plugins, Navigate to <a href=\"https:\/\/themehunk.com\/fr\/docs\/th-variation-swatches-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">TH Variation Swatches Plugin<\/a> and <a href=\"https:\/\/themehunk.com\/fr\/docs\/th-all-in-one-woo-cart\/\" target=\"_blank\" rel=\"noreferrer noopener\">Th All in One Woo Cart<\/a><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group menus-setup has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Setup Menus<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To set Menus in your site. First go to your <strong>Dashboard &gt; Appearance &gt; Menus<\/strong>.<\/li>\n\n\n\n<li>Click the \u201cCreate a New Menu\u201d button &amp; Write a menu name on the field. Now Click the \u201cCreate Menu\u201d button.<\/li>\n\n\n\n<li>From the \u201cAdd menus items\u201d you can add menu items to your menus. You can add pages, Create Custom links, categories, posts etc. Select your menu item by checking the box and Add Menu items in your Menu by Clicking on the &#8220;Add to Menu&#8221; Button.<\/li>\n\n\n\n<li>Now you have created your Menu, you need to set it to a <strong>Menu location<\/strong>.<\/li>\n\n\n\n<li>From the Menu Settings, you can display your Menu items in Header, Footer area.<\/li>\n\n\n\n<li>You can Select Location by checking the Box of Header Above Menu, Main ( Frontpage Menu ), Sticky Header and Footer Menu ( Above Footer, Widget footer and Below footer ). Check them according to your requirement.<\/li>\n\n\n\n<li>Click \u201cSave Menu\u201c button to save the changes.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"455\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/01\/Menus-big-shop.png?resize=663%2C455&#038;ssl=1\" alt=\"Menus--big-store\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group demo-import has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Demo Import<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WP dashboard. Navigate to <strong>Appearance &gt; ThemeHunk Sites<\/strong>. Install and activate \u201cRecommended Plugins\u201d.<\/li>\n\n\n\n<li>In the recommended plugin \u201cWooCommerce\u201d and \u201cOne click Demo Import\u201d activation is mandatory.<\/li>\n\n\n\n<li>As soon as you activate these recommended plugins \u201cSite Library\u201d link will display under \u201cImport Demo Site\u201d. Navigate to Import Demo data.<\/li>\n\n\n\n<li>Choose the demo you want to import, Click on Import , Wait for few minutes your demo will be import successfully.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group site-identity has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Site Identity<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using this Option panel you can display Site logo or site title tagline and site icon in your website.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dashboard &gt; Appearance &gt; Customize &gt; WordPress Default &gt; Site identity<\/strong>.<\/li>\n\n\n\n<li>Logo\u2013 Upload a logo image with specific width and height.<\/li>\n\n\n\n<li>Logo width \u2013 Set the desired logo image width.<\/li>\n\n\n\n<li>Site Title &amp; Tagline \u2013 Display site title &amp; tagline in-place of Logo.<\/li>\n\n\n\n<li>Site Title &amp; Tagline Show\/Hide \u2013 Check on the radio button display site title and tagline.<\/li>\n\n\n\n<li>Site Icon \u2013 You can upload a site icon for your browser.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/site-identity-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32277\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/site-identity-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/site-identity-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group homepage-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Homepage Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To create Homepage on your site follow the below instructions \u2013<\/li>\n\n\n\n<li>Go to <strong>Wp Dashboard &gt; Page &gt; Add New &gt; Create a Page<\/strong>.<\/li>\n\n\n\n<li>In the right sidebar of your editor you will see Page attributes &gt; Template. Click on the template and select the option Homepage template. Publish it.<\/li>\n\n\n\n<li>Navigate to <strong>Customize panel &gt; WordPress Default &gt; Homepage Settings<\/strong>. In homepage settings. Select the radio button of \u201cA static page\u201d and choose your homepage which you have created as front page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/homepage-setting-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"homepage-setting-jot-shop-pro\" class=\"wp-image-32398\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/homepage-setting-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/homepage-setting-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group above-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Above Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Above header setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Header &gt; Above Header.<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It appears right above the Main header and allows you to show multiple elements like &#8211; social icons, menu, search, Text, Widgets. You\u2019ll get three above header layouts. One Column layout, Two Columns layout and Three Columns layout.<\/li>\n\n\n\n<li>Using None Layout, you can disable Above Header from your site.<\/li>\n\n\n\n<li>You can also style your above header by using options like height, bottom border and border color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-header-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32242\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-header-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-header-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group main-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Main Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Using Header Setting you can display and customize your Website Header. For Main header setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Header &gt; Main Header.<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In main header your logo and main navigation will be displayed along with Menu.<\/li>\n\n\n\n<li>To show navigation menu in your \u201cheader\u201d first set the menus from the dashboard. Navigate to Dashboard &gt; Appearance &gt; Menus &gt; Add your Menus Items.<\/li>\n\n\n\n<li>With Main header setting, You&#8217;ll get One Layout. You can modify your overall header by adding layout with other content.<\/li>\n\n\n\n<li>Check to disable Category in Search Box &#8211; You can enable or disable the category from the search box.&nbsp;<\/li>\n\n\n\n<li>Menu Alignment \u2013 You can choose the menu alignment. You can align the menu left, right and center.<\/li>\n\n\n\n<li>Right Column \u2013 Here you can add call to action Button text, number and Email details.<\/li>\n\n\n\n<li>Mobile Menu Open \u2013 Choose the Mobile menu alignment left. right or center.<\/li>\n\n\n\n<li>Sticky Header \u2013 Make your header stick to your site by enabling sticky header.<\/li>\n\n\n\n<li>Enable or Disable Wishlist, Account and Cart \u2013 This will show Wishlist, My Account icon and Cart icon on your Header.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/main-header-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32244\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/main-header-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/main-header-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group exclude-category has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Exclude DropDown Category<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Exclude Category, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Exclude Category<\/strong>.<\/li>\n\n\n\n<li>Using this Option you can disable the desired Dropdown category from the Dropdown box. Simply check the box of category and exclude it from your site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"326\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/exclude-category-jot-shop-pro.png?resize=663%2C326&#038;ssl=1\" alt=\"\" class=\"wp-image-32246\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/exclude-category-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/exclude-category-jot-shop-pro.png?resize=300%2C148&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Blog Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Blog setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Blog<\/strong>. In Blog page you can show collection of post grouped by category, author, date and tag etc.<\/li>\n\n\n\n<li>Blog Post content \u2013 In blog post content you can show your full content, No content and Excerpt length. Excerpt length allows you to set content length you want to show in your blog page.<\/li>\n\n\n\n<li>Read More Text \u2013 In read more text, put the text you want to display for your Read more button.<\/li>\n\n\n\n<li>Post Pagination \u2013 It will provide you Numbered navigation for your blog page.<\/li>\n\n\n\n<li>Force to disable sidebar in single page &#8211; Using this option you can disable the Sidebar from the blog single page.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group above-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Footer Setting<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Footer setting is specially used to display and customize your website footer. In footer area you can add important content and navigation option. For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Above Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It appears right above the Main Footer and allows you to show multiple elements like \u2013 social icons, menu, Text, Widgets. You\u2019ll get three layouts. One Column layout, Two Columns layout and Three Columns layout.<\/li>\n\n\n\n<li>Using None Layout, you can disable Above Footer from your site.<\/li>\n\n\n\n<li>You can also style your above footer by using options like height, bottom border and border color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-footer-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32247\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-footer-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-footer-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group widget-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Widget Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Widget Footer<\/strong>.<\/li>\n\n\n\n<li>Footer Layout 4 \u2013 In Four column widget area, Widgets will occupy 25% widget area in each column. You can use different Widgets in it. Other layouts you\u2019ll get with Pro Version.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group below-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Below Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; below Footer<\/strong>.<\/li>\n\n\n\n<li>It appears Below the footer widget and allows you to add Copy Right text.<\/li>\n\n\n\n<li>You&#8217;ll get One Column layout in which Text element is available.<\/li>\n\n\n\n<li>Using None Layout, you can disable below Footer from your site.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-footer-jot-shop-pro-1.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32249\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-footer-jot-shop-pro-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/above-footer-jot-shop-pro-1.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group move-top has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Move to Top<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Move to Top, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Move to Top<\/strong>.<\/li>\n\n\n\n<li>You can add Move to Top button on your site. This button will easily scroll your site to the top of the page in just one click on the button.<\/li>\n\n\n\n<li>You can also disable the Move to Top button by checking the box.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/move-to-top-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32253\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/move-to-top-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/move-to-top-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group front-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Frontpage Sections<\/h3>\n<\/section>\n\n\n\n<section class=\"wp-block-group top-slider has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Top Slider<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Top slider<\/strong>.<\/li>\n\n\n\n<li>Four Layouts are given in Top slider in which you can add slider content like images, Title, Sub title, Text and link. You can add unlimited Slider in the layout.<\/li>\n\n\n\n<li>You can On\/Off the slider.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/top-slider-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32254\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/top-slider-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/top-slider-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group tabbed-product has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tabbed Product Carousel<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Tabbed Product Carousel, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Tabbed Product Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>You can showcase your products category wise in tabbed format.<\/li>\n\n\n\n<li>You can show recent, random &amp; featured products in this section.<\/li>\n\n\n\n<li>You can also enable Single Row Slide or show the default one. Enable the Slide auto play.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"300\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Tabbed-Product-Carousel-jot-shop-pro.png?resize=663%2C300&#038;ssl=1\" alt=\"\" class=\"wp-image-32257\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Tabbed-Product-Carousel-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Tabbed-Product-Carousel-jot-shop-pro.png?resize=300%2C136&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-carousel has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product Carousel<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Product Carousel, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Product Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>With Product Carousel you can display any specific shop category product or All Category products using slider.<\/li>\n\n\n\n<li>You can show Recent, Random and Featured products in this section.<\/li>\n\n\n\n<li>You can also enable Single Row Slide or show the default one. Enable the Slide autoplay.<\/li>\n\n\n\n<li>You can set the Autoplay slider speed. Default value is 3000 Milliseconds.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-carousel-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32279\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-carousel-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-carousel-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-category has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Woo Category<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Woo Category, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Woo Category<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>There is three slider layout in Woo Category, you can show categories using this amazing layout slider. Also select the No. of column to show.<\/li>\n\n\n\n<li>You can also enable Single Row Slide or show the default one. Enable the Slide autoplay.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/woo-category-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32976\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/woo-category-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/woo-category-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-list has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product List Carousel<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Product List Carousel, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Product List Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>Your Products will be display in List Way by selecting the Category. You can show recent, featured or random product in this section.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>You can set the Autoplay slider speed. Default value is 3000 Milliseconds.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-list-carosuel-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32281\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-list-carosuel-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-list-carosuel-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group brand-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Brand Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Brands, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Brand Section<\/strong>.<\/li>\n\n\n\n<li>Upload brand images, link and show them in your site.<\/li>\n\n\n\n<li>You can also Auto play your Brand slider.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"307\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/brand-section-jot-shop-pro.png?resize=663%2C307&#038;ssl=1\" alt=\"\" class=\"wp-image-32977\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/brand-section-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/brand-section-jot-shop-pro.png?resize=300%2C139&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group ribbon-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Ribbon Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Ribbon Section, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Ribbon Section<\/strong>.<\/li>\n\n\n\n<li>You can show ribbon background image or Video, text, button text and button link.<\/li>\n\n\n\n<li>By default it will take theme color in the background.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/ribbon-section-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32282\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/ribbon-section-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/ribbon-section-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group banner-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Banner Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Banner Section, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Banner Section<\/strong>.<\/li>\n\n\n\n<li>There are Six banner layouts are given.&nbsp; You can show Banner Images left and right respectively. You can upload desired images with their URL.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group highlight-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Highlight Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Highlight, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Highlight Section<\/strong>.<\/li>\n\n\n\n<li>In this section you can display highlighted content like Icon, Title and Subtitle. You can pick Icon from the Icon Panel.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"328\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/highlight-section-jot-shop-pro.png?resize=663%2C328&#038;ssl=1\" alt=\"\" class=\"wp-image-32256\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/highlight-section-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/highlight-section-jot-shop-pro.png?resize=300%2C148&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group tabbed-list has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tabbed Product list Carousel Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Tabbed Product list Carousel Section, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Tabbed Product list Carousel Section.<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>Your Products will be display in List Way and your Category will show in Tabbed format. You can show recent, featured or random product in this section.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"300\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/tabbed-product-list-carousel-jot-shop-pro.png?resize=663%2C300&#038;ssl=1\" alt=\"\" class=\"wp-image-32284\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/tabbed-product-list-carousel-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/tabbed-product-list-carousel-jot-shop-pro.png?resize=300%2C136&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group big-featured has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Big Featured Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Big Featured Product, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Big Featured Product<\/strong>.<\/li>\n\n\n\n<li>In this section you can showcase your Featured product in the big Column. To set your Product as Featured Product, Go to Dashboard &gt; Products &gt; Select the Star in the featured column. Or you can select Quick Edit and then the Featured option.<\/li>\n\n\n\n<li>In small columns your Recent, Featured and Random products will display which you have set in your particular category.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/big-featured-product-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32285\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/big-featured-product-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/big-featured-product-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-tab has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tabbed Image Product Carousel<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Product List Carousel, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Tabbed Image Product Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>Your Products will be display in List Way by selecting the Category. You can show recent, featured or random product in this section. You can also upload a Banner image and choose its alignment Left or Right.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>You can set the Autoplay slider speed. Default value is 3000 Milliseconds.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/tabbed-image-carousel-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32283\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/tabbed-image-carousel-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/tabbed-image-carousel-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group custom-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Custom Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>To add Custom Section, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Custom Section<\/strong>.<\/li><li>There are Four Custom section available. In Each Custom section you can add Widgets from the Widget panel.<\/li><li>You can use Widgets like &#8211; Jot Shop Vertical Tabbed Product widget, Jot Shop Multi Product Slider Widget,&nbsp; Jot Shop Tabbed Product Widget and Jot Shop Single Product Slider product.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>You can Choose single column layout, two column layout or Three column layout to show your widgets in your site.<\/li>\n\n\n\n<li>This will help you in showcasing more sections in your Site homepage.<\/li>\n\n\n\n<li>You can Disable or enable the custom section anytime you want.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-category has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">How To add Product Category and Create Products ?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To display Products on your website first you have to create Product Category. To create Category, Navigate to Dashboard &gt; In the left side panel you&#8217;ll see Products &gt; Categories.<\/li>\n\n\n\n<li>Click on Category, Add new Product category name and upload thumbnail image here. Click on &#8220;Add New Category&#8221; Button.<\/li>\n\n\n\n<li>To edit a pre-existing category, select a category on the right side of the screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"315\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-categories-top-store.png?resize=663%2C315&#038;ssl=1\" alt=\"Product-categories-top-store\" class=\"wp-image-20987\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-categories-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-categories-top-store.png?resize=300%2C143&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now Navigate to Products &gt; Select the product to which you are assigning a category. Under Product Categories you can also check a pre-existing category.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/add-product-top-store.png?resize=663%2C310&#038;ssl=1\" alt=\"add-product-top-store\" class=\"wp-image-20988\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/add-product-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/add-product-top-store.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group color-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Total Color &amp; BG Option<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Color &amp; Background, Go to <strong>Appearance &gt; Customize &gt; Color &amp; Background<\/strong>. You can pick color for every element and upload background image.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Global Color &#8211;<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Global colors option, Go to <strong>Appearance &gt; Customize &gt; Global Colors<\/strong>.<\/li>\n\n\n\n<li>You can change the default color all over the site using Theme Color.<\/li>\n\n\n\n<li>You can pick color for link, link hover color, text color, title color, background color &amp; Background image.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/global-color-jot-shop-pro.png?resize=663%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-32287\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/global-color-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/global-color-jot-shop-pro.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Header Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Header color option, Go to <strong>Appearance &gt; Customize &gt; &gt; Total color &amp; BG options &gt; Header Colors<\/strong>.<\/li>\n\n\n\n<li>You can pick Color for Above Header, Main Header, Sticky Header, Below Header, Shop icons and Main Menus elements.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/header-color-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32665\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/header-color-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/header-color-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Footer Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Footer color option, Go to <strong>Appearance &gt; Customize &gt; &gt; Total color &amp; BG options &gt; Footer Colors<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Above Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick color for Above footer background color, Text color, Link color and Link hover color.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Widget Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick color for Widget footer background color, Widget Title color, Text color, Link color and Link hover color.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Below Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick color for Below footer background color,Text color, Link color and Link hover color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/footer-color-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32666\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/footer-color-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/footer-color-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidepan-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Pan \/ Mobile Menu Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Side pan\/ Mobile color, Go to <strong>Appearance &gt; Customize &gt; &gt; Total color &amp; BG options &gt; Pan \/ Mobile Menu Color<\/strong><\/li>\n\n\n\n<li>You can pick color for Side pan\/ Mobile view Background color, Border color, Title color, Title Active color, Text color, Link color, Link Hover color.<\/li>\n\n\n\n<li><strong>Menu\/ Category<\/strong> &#8211; You ca pick color for Link &amp; Link hover color.<\/li>\n\n\n\n<li><strong>Sub Menu\/ Sub Category<\/strong> &#8211; You can pick color for Link, Link hover, Icon and icon hover color.<\/li>\n\n\n\n<li><strong>Close Button<\/strong> &#8211; You can pick color for Close button Background color &amp; Icon color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Pan-Mobile-Menu-Color.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32669\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Pan-Mobile-Menu-Color.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Pan-Mobile-Menu-Color.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">WooCommerce Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For WooCommerce Color, Go to <strong>Appearance &gt; Customize &gt; &gt; Total color &amp; BG options &gt; WooCommerce Color<\/strong>.<\/li>\n\n\n\n<li><strong>Product Style<\/strong> &#8211; You can pick color for Product elements like Product Title, Price, Icon Background color, Icon color, Sale Color, Sale background color, Text color, Background color and Border color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-color-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32670\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-color-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-color-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Shopping Cart<\/strong> &#8211; You can pick for Shopping cart Background, Title color, Link color, Content color, Button Bg Color, Button color and Close link color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/shopping-cart-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32671\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/shopping-cart-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/shopping-cart-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group frontpage-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Frontpage Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Frontpage Color, Go to <strong>Appearance > Customize > > Total color &amp; BG options > Frontpage Color<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Top Slider<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick Overlay color, Heading color, Sub heading color, Button Bg color, Button text color.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Ribbon color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick Overlay color, Heading color, Button Bg color, Button text color, button bg hover, button text hover color.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Highlight Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick Background color, icon color, Title color, Sub title color, border color.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Woo Categroy<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Category Section<\/strong> &#8211; This color option is for Category Section. You can pick color for Category Title color and border color<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/frontpage-sections-color-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32667\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/frontpage-sections-color-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/frontpage-sections-color-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group mobilenav-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Mobile Nav Bar<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Mobile Nav Bar Color, Go to Appearance > Customize > > Total color &amp; BG options > Mobile Nav Bar Color.<\/li>\n\n\n\n<li>From this option you can pick color for Mobile Nav Bar Background color and Icon color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Mobile-Nav-Bar-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-32674\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Mobile-Nav-Bar-jot-shop-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/Mobile-Nav-Bar-jot-shop-pro.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group pre-loader has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Preloader<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>For Pre loader, Go to <strong>Appearance > Customizer > Pre Loader<\/strong>.<\/li><li>For enabling the loader, check on the box \u201cEnable loader\u201d. Preloader will be shown when you load or refresh your site.<\/li><li>You can upload a GIF or an image as a preloader or you can pick background color instead of image.<\/li><\/ul><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/pre-loader-jot-shop-pro-1.png?resize=663%2C310&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group social-icon has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Social Icon<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>To add social icons in header &amp; footer, just navigate to <strong>Appearance > Customizer > Layout > Header > Above Header. <\/strong>Select layout > from column choose social media. Same you can do for Footer area.<\/li><li>For adding social profile links, Go to <strong>Appearance > Customize > Social icon<\/strong>.<\/li><li>You can show these social icon in the header as well as at the footer. To show social icons just put the links in the text area.<\/li><li>By default it will follow the color scheme but You can also set the \u201coriginal color\u201d for each social icon.<\/li><\/ul><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/social-icon-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">WooCommerce Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>For WooCommerce setting. First you have to Install <strong>WooCommerce Plugin<\/strong> and activate it from the Recommended plugins available in Jot Shop Options. If you have already did skip this.<\/li><li>Now Set Shop page, Cart Page, Checkout page and My Account Page in your site. To Know how you can easily set these pages in your site. Navigate to this <a href=\"https:\/\/themehunk.com\/fr\/docs\/how-to-create-woocommerce-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">Post<\/a>.<\/li><li>For WooCommerce Setting, Navigate to <strong>Customize > WooCommerce<\/strong>. Here you&#8217;ll get all the Woo Setting for your Shop Products.<\/li><\/ul><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/woocommerce-setting-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group style-product has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Product Style<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>For Product Style, go to <strong>Customize > WooCommerce > Product Style <\/strong>.<\/li><li>Product Image Hover Style \u2013 You can display your product in \u201cZoom\u201d hover style. Or you can select None if you don&#8217;t need any hover style.<\/li><li><strong>Zoom <\/strong>\u2013 It is a kind of basic magnify effect on your product, it will zoom out your product while hovering the mouse over it.<\/li><li>Quick View &#8211; You can Enable or Disable Quick View of your product. Using Quick View you&#8217;ll get a quick look of products without opening the product page.<\/li><li>No. of product to show in Front Page &#8211; Using this option you can limit the no of products you want to display in your Product sections. Just add the Number in the text box and show your products in sections.<\/li><\/ul><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/product-style-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group single-product has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Single Product<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>For Single Product Page Setting, go to <strong>Customize > WooCommerce > Single Product<\/strong>.<\/li><li>Up Sell Product \u2013 These are the items that your customer might prefer instead of the product currently viewed. Items which is offered as an up-sell might be more popular, have better profit margin or a higher quality.<\/li><li>Check the box \u201cDisplay upsell product\u201d. If you check this box you can now set the Number of Column and Number of up-selling Product you want to show.<\/li><li>To setup Up sell Product, Go to WooCommerce > Products and select the product on which you\u2019d like to show in Up-sell. Scroll down to the Product Data panel. Select the Linked Products tab in the left menu. Add the product you wish to link to by searching for it.<\/li><li>Related Product \u2013 Related product are the items which are similar to the product your customer is viewing. Products which are added in Cross sell, Up- sell Or relate to Any Category or Tag.<\/li><li>Check the box \u201cDisplay related product\u201d. If you check this box you can now set the Number of Column and Number of related Product you want to show.<\/li><li>Disable Sidebar \u2013 If you don\u2019t want Sidebar in your page, Check Disable Sidebar option.<\/li><\/ul><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/single-product-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group cart-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Cart Page<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>For Cart Page Setting, go to <strong>Customize > WooCommerce > Cart Page<\/strong>.<\/li><li>In cart page you\u2019re free to showcase your Cross sell product. You can also set the number of Cross Sell Product to show with columns.<\/li><li>To setup Cross Sell Products. Go to WooCommerce > Products and select the product on which you\u2019d like to show in cross-sell. Scroll down to the Product Data panel. Select the Linked Products tab in the left menu. Add the product you wish to link to by searching for it.<\/li><\/ul><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/cart-page-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group shop-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Shop Page<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>For Shop Page Setting, go to <strong>Customize > WooCommerce > Shop Page<\/strong>.<\/li><li>Shop page Pagination \u2013 Choose <strong>Numbered<\/strong> pagination and it will provide you better navigation for your Shop page.<\/li><li>Display Product View \u2013 Using this option you can display your product in Grid and List View Style. Grid view is the WooCommerce default layout to display products and List view arranges products in a vertical list.<\/li><\/ul><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/09\/shop-page-jot-shop-pro.png?resize=663%2C310&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-woo has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Add Sidebar in WooCommerce pages &amp; add widgets in them ?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add sidebar in <strong>Shop page<\/strong>, first go to <strong>Dashboard > Pages > <a href=\"https:\/\/themehunk.com\/fr\/docs\/how-to-create-woocommerce-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shop page<\/a> <\/strong>.<\/li>\n\n\n\n<li>Now edit your Shop page > in the right hand panel you&#8217;ll see &#8220;<strong>Dynamic sidebar<\/strong>&#8221; option. From here you can choose Right sidebar &amp; left sidebar to show in your shop page &amp; other woo pages.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"302\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/dynamic-sidebar-woo-pages.png?resize=663%2C302&#038;ssl=1\" alt=\"dynamic-sidebar-woo-pages\" class=\"wp-image-28331\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/dynamic-sidebar-woo-pages.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/dynamic-sidebar-woo-pages.png?resize=300%2C137&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now navigate to <strong>Appearance > Widgets<\/strong>. In the widget panel rightmost side you&#8217;ll see &#8220;WooCommerce sidebar&#8221;. Drag &amp; drop Product widgets here.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"288\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/woo-widgtes.png?resize=663%2C288&#038;ssl=1\" alt=\"\" class=\"wp-image-28334\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/woo-widgtes.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/woo-widgtes.png?resize=300%2C130&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add sidebar in <strong>Single Product page<\/strong>. Go to Products > Edit your Product in the right hand panel you\u2019ll see \u201c<strong>Dynamic sidebar<\/strong>\u201d option. From here you can choose Right sidebar &amp; left sidebar to show in your Product single page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"317\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/dynamic-sidebar-in-product-page.png?resize=663%2C317&#038;ssl=1\" alt=\"dynamic-sidebar-in-product-page\" class=\"wp-image-28338\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/dynamic-sidebar-in-product-page.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/dynamic-sidebar-in-product-page.png?resize=300%2C143&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now navigate to <strong>Appearance > Widgets<\/strong>. In the widget panel rightmost side you&#8217;ll see &#8220;Product sidebar&#8221;. Drag &amp; drop Product widgets here.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"263\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/product-single-page-widgets.png?resize=663%2C263&#038;ssl=1\" alt=\"\" class=\"wp-image-28340\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/product-single-page-widgets.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/04\/product-single-page-widgets.png?resize=300%2C119&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group additional-css has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Additional CSS<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For adding Additional CSS Code in your site. Navigate to <strong>Appearance > Customizer > WordPress default > Additional Css<\/strong>.<\/li>\n\n\n\n<li>Now simply put your CSS code in the text area and Publish it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/additional-CSS-jot-shop.png?resize=663%2C310&#038;ssl=1\" alt=\"additional-CSS-jot-shop\" class=\"wp-image-29872\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/additional-CSS-jot-shop.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/additional-CSS-jot-shop.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group jotshop-pro has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Free V\/S Pro<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Jot Shop is Perfect WooCommerce WordPress theme<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Checkout this table to know more about these products<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>FEATURE<\/th><th>FREE<\/th><th>PRO<\/th><\/tr><tr><td>Section Hide Option<\/td><td><\/td><td><\/td><\/tr><tr><td>Header Layout<\/td><td>(One layout)<\/td><td>(Four Layout)<\/td><\/tr><tr><td>Footer Layout<\/td><td><\/td><td><\/td><\/tr><tr><td>Full Color &amp; Background Control<\/td><td>(Basic)<\/td><td>(Advanced)<\/td><\/tr><tr><td>Top Slider Section<\/td><td>(One Layouts)<\/td><td>(Four Layouts)<\/td><\/tr><tr><td>Ribbon Section ( Video &amp; Image )<\/td><td><\/td><td><\/td><\/tr><tr><td>Tabbed Product Carousel Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Product Carousel Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Woo Category Section<\/td><td>(One Layout)<\/td><td>(Three Layout)<\/td><\/tr><tr><td>Product List Carousel Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Banner Section<\/td><td>(Two Layouts)<\/td><td>(Six Layouts)<\/td><\/tr><tr><td>Highlight Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Move to top<\/td><td><\/td><td><\/td><\/tr><tr><td>Sticky Header<\/td><td><\/td><td><\/td><\/tr><tr><td>Fully Responsive<\/td><td><\/td><td><\/td><\/tr><tr><td>Social Icons<\/td><td><\/td><td><\/td><\/tr><tr><td>Ajax Search<\/td><td><\/td><td><\/td><\/tr><tr><td>Pre loader<\/td><td><\/td><td><\/td><\/tr><tr><td>Blog page setting<\/td><td><\/td><td><\/td><\/tr><tr><td>Pagination option ( Shop Page, Blog Page)<\/td><td>(Numbered)<\/td><td>(Numbered, Load More, Infinite Scroll)<\/td><\/tr><tr><td>Product Quick View<\/td><td><\/td><td><\/td><\/tr><tr><td>Product Image Hover Style<\/td><td>(Zoom )<\/td><td>(Zoom, Swap and Swap Slide)<\/td><\/tr><tr><td>About us Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Post Slide Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Section Ordering<\/td><td><\/td><td><\/td><\/tr><tr><td>Four Custom Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Off Canvas Sidebar<\/td><td><\/td><td><\/td><\/tr><tr><td>Big Featured Product Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Brand Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Tabbed Product Image Carousel Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Tabbed Product list Carousel Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Product Multi Slide Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Product Vertical tabbed Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Single Product Slider Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Testimonial Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Support<\/td><td>(Basic)<\/td><td>(Priority)<\/td><\/tr><tr><td>Get Theme<\/td><td><a href=\"https:\/\/themehunk.com\/fr\/?smd_process_download=1&amp;download_id=29901\">Download<\/a><\/td><td><a href=\"#\">Checkout PRO<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group get-support has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Get Help<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you face any difficulties, feel free to contact our support team at <a href=\"https:\/\/www.support.themehunk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>.<\/li>\n\n\n\n<li>You can also <a href=\"https:\/\/themehunk.com\/fr\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact us.<\/a> by filling the form or ping us at our Live chat for pre sales queries.<\/li>\n<\/ul>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Installing Theme Installing Jot Shop Pro Plugin Jot Shop Pro Plugin will add Advanced premium features and functionality to Jot Shop free theme. How to add Advanced Search bar in theme. How to Add Cart &amp; Swatches How to Setup Menus Demo Import Site Identity Using this Option panel you can display Site logo or [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-31624","docs","type-docs","status-publish","hentry","docscate-pro-themes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/31624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":4,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/31624\/revisions"}],"predecessor-version":[{"id":68145,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/31624\/revisions\/68145"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=31624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}