{"id":20644,"date":"2020-07-16T12:48:38","date_gmt":"2020-07-16T07:18:38","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=20644"},"modified":"2025-06-16T19:00:38","modified_gmt":"2025-06-16T13:30:38","slug":"top-store","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/top-store\/","title":{"rendered":"Top Store WordPress Theme"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<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 &amp; Plugin<\/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> Then in the search box,&nbsp; enter the name \u201cTop Store\u201d. Theme will appear. Then click on the \u2018Install Now\u2019 button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"663\" height=\"237\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/installing-top-store-step-1.png?resize=663%2C237&#038;ssl=1\" alt=\"installing-top-store-step-1\" class=\"wp-image-29441\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/installing-top-store-step-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/installing-top-store-step-1.png?resize=300%2C107&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<\/strong>:&nbsp;After the installation is completed, click on the&nbsp;\u2018<strong>Activate<\/strong>\u2019 button and \u201cTop Store\u201d will be activated.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"636\" height=\"501\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/installing-top-store-step-2.png?resize=636%2C501&#038;ssl=1\" alt=\"installing-top-store-step-2\" class=\"wp-image-29442\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/installing-top-store-step-2.png?w=636&amp;ssl=1 636w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/installing-top-store-step-2.png?resize=300%2C236&amp;ssl=1 300w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3<\/strong>: After activating \u201cTop Store\u201d in your dashboard, Go to <strong>Top Store Options<\/strong> under Appearance and click on it. You&#8217;ll see Recommended options panel, install &amp; activate all the plugins.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-2.jpg?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-2.jpg?resize=1024%2C602&#038;ssl=1\" alt=\"\" class=\"wp-image-84808\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-2.jpg?resize=1024%2C602&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-2.jpg?resize=300%2C176&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-2.jpg?resize=768%2C451&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-2.jpg?resize=48%2C28&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-2.jpg?w=1149&amp;ssl=1 1149w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 4 : <\/strong>Now you can start customizing <strong>Top Store <\/strong>theme.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group installing-search has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Add Search Bar in Theme.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After installing and Activating theme in your dashboard. Go to your <strong>Appearance &gt; Big Store options &gt; In recommended plugin you&#8217;ll see TH Advance Product Search<\/strong>.<\/li>\n\n\n\n<li>Install and Activate <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> in your dashboard. This will display Search bar in your website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-1.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"623\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-1.jpg?resize=948%2C623&#038;ssl=1\" alt=\"\" class=\"wp-image-84806\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-1.jpg?w=948&amp;ssl=1 948w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-1.jpg?resize=300%2C197&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-1.jpg?resize=768%2C505&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Recommeded-Plugins-1.jpg?resize=48%2C32&amp;ssl=1 48w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Or You can Navigate to your website, On the Header you&#8217;ll see a Notice <strong>Please Install &#8220;th advance product search&#8221; Plugin<\/strong>. Click on it and Install &amp; Activate Th Advanced Search plugin in your dashboard.<\/li>\n\n\n\n<li>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, compare &amp; Swatches<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>Appearance &gt; Top Store options &gt; In recommended plugin you&#8217;ll see TH Variation Swatches and TH All in One Woo Cart <\/strong>.<\/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>, <a href=\"https:\/\/themehunk.com\/fr\/docs\/th-product-compare-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Th Product Compare<\/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\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/top-store-recommeded-plugins.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"621\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/top-store-recommeded-plugins.png?resize=663%2C621&#038;ssl=1\" alt=\"\" class=\"wp-image-36610\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/top-store-recommeded-plugins.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/top-store-recommeded-plugins.png?resize=300%2C281&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/top-store-recommeded-plugins.png?resize=150%2C140&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\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 menu 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.<\/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=\"289\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/menu-in-top-store.png?resize=663%2C289&#038;ssl=1\" alt=\"menu-in-top-store\" class=\"wp-image-21302\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/menu-in-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/menu-in-top-store.png?resize=300%2C131&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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>Follow this Video tutorial and learn to Import data in your website.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial to Learn how to Import Demo Data-<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Import Top Store Theme Demo or Pre made Websites\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/qq7xy2i74q4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\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<h2 class=\"wp-block-heading\">Check out this Video Tutorial to Add Site Identity-<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Add Site Identity in Top Store eCommerce theme.\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jeJWrd2DEZ0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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<h2 class=\"wp-block-heading\">Check out this Video Tutorial to Set Up Homepage-<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Setup Homepage in Top Store WordPress Theme | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/lyYYCNaTjrk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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\">Using Header Setting you can display and customize your Website Header. There are many Customization options available which will help you in setting up your header.<\/p>\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. You\u2019ll get four layouts. None layout, 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>In other layout columns you can show elements like social icons, menu, search, Text, Widgets. There are styling options also like height, bottom border and border color. Use them and Style your Above 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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/above-header-top-store-doc.png?resize=663%2C330&#038;ssl=1\" alt=\"above-header-top-store-doc\" class=\"wp-image-21014\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/above-header-top-store-doc.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/above-header-top-store-doc.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/above-header-top-store-doc.png?resize=400%2C200&amp;ssl=1 400w\" 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. There are many Customization options available which will help you in setting up your header.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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><strong>Check to disable Category in Search Box<\/strong> \u2013 You can enable or disable the category from the search box.<\/li>\n\n\n\n<li><strong>Menu Alignment<\/strong> \u2013 You can choose the menu alignment. You can align the menu left, right and center.<\/li>\n\n\n\n<li><strong>Right Column<\/strong> \u2013 Here you can add call to action Button text, number and Email details. This will display in your Main Header area.<\/li>\n\n\n\n<li><strong>Mobile Menu Open<\/strong> \u2013 Choose the Mobile menu alignment left. right or center.<\/li>\n\n\n\n<li><strong>Sticky Header<\/strong> \u2013 Make your header stick to your site by enabling sticky header.<\/li>\n\n\n\n<li><strong>Enable or Disable Wishlist, Account and Cart<\/strong> \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=\"315\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/main-header-top-store-free.png?resize=663%2C315&#038;ssl=1\" alt=\"main-header-top-store-free\" class=\"wp-image-29432\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/main-header-top-store-free.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/main-header-top-store-free.png?resize=300%2C143&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial to Setup Header &#8211;<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Setup Above Header and Main Header in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ZOcjRjqenxs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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>First, navigate to <strong>Customize panel &gt; WordPress Default &gt; Homepage Settings<\/strong>. Now go to Post page and select the Blog  .<\/li>\n\n\n\n<li>For Blog setting, Go to <strong>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>Note \u2013 Go to dashboard &gt; Reading Settings. You\u2019ll see this option their \u201cBlog pages show at most\u201d. Enter the number of posts you want to show on your blog 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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/blog-post-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"blog-post-top-store\" class=\"wp-image-21112\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/blog-post-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/blog-post-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/blog-post-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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\">For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer<\/strong>. Footer setting is specially used to display and customize your website footer. In footer area you can add important content and navigation option.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Above Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer &gt; Above Footer<\/strong><\/li>\n\n\n\n<li>It appears right above the Main Footer and allows you to show multiple elements. You\u2019ll get four layouts. None layout, 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>In other layout columns you can show elements like social icons, menu, search, Text, Widgets. There are styling options also like height, bottom border and border color. Use them and Style your Above Footer.<\/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\/2020\/07\/above-footer-top-store.png?resize=663%2C307&#038;ssl=1\" alt=\"above-footer-top-store\" class=\"wp-image-25921\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/above-footer-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/above-footer-top-store.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 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>To Add Footer in your website, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer &gt; Widget Footer. <\/strong>One footer layout is given in widget footer. Other layouts you\u2019ll get with Pro Version.<\/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.<\/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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/widget-footer-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"widget-footer-top-store\" class=\"wp-image-25919\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/widget-footer-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/widget-footer-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/widget-footer-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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>Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer &gt; Below Footer.&nbsp;<\/strong><\/li>\n\n\n\n<li>It appears Below the footer widget and allows you to show multiple elements.<\/li>\n\n\n\n<li>It appears below the Main Footer and allows you to show multiple elements. You\u2019ll get four layouts. None layout, One Column layout, Two Columns layout and Three Columns layout.<\/li>\n\n\n\n<li>Using None Layout, you can disable below Footer from your site.<\/li>\n\n\n\n<li>In other layout columns you can show elements like social icons, menu, search, Text, Widgets. There are styling options also like height, bottom border and border color. Use them and Style your below Footer.<\/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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/below-footer-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"below-footer-top-store\" class=\"wp-image-25922\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/below-footer-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/below-footer-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/below-footer-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial to Set up Footer &#8211;<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Setup Footer Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/NUbghDAcRc8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Sidebar Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Customizer &gt; Layout &gt; Sidebar<\/strong>.<\/li>\n\n\n\n<li>In sidebar setting you can enable and disable sidebar from front-page and inner pages.<\/li>\n\n\n\n<li><strong>Sticky Sidebar<\/strong> &#8211; By enabling this option your sidebar will stick to site which means whenever you scroll the site, it will stick with it. It will work for both Primary and Secondary sidebar.<\/li>\n\n\n\n<li><strong>Front page Sidebar Setting<\/strong> &#8211; Using this option you can Activate Sidebar in both Left and right side. Or you can Disable it for particular side.<\/li>\n\n\n\n<li><strong>Inner page Sidebar Setting<\/strong> &#8211; Using this option you can Activate Sidebar in both Left and right side. Or you can Disable it for particular side. You can also set No Sidebar for your Inner pages.<\/li>\n\n\n\n<li>To Add widgets in Sidebar, Go to Customizer &gt; Widgets. You can add widgets in Primary Sidebar and Secondary Sidebar. You can add widgets which are already registered, WooCommerce widgets and Top Store widgets in your sidebar.<\/li>\n\n\n\n<li><strong>Primary Sidebar<\/strong> will display on Left side and <strong>Secondary Sidebar<\/strong> will display on the Right Side of your website.<\/li>\n\n\n\n<li><strong>Sidebar in Shop page<\/strong> &#8211; To display sidebar in your Shop page. First go to your Shop page and after that Navigate to Customize &gt; Widget.<\/li>\n\n\n\n<li>In the widget panel you&#8217;ll see &#8220;WooCommerce Sidebar&#8221;, click on it. You can Add widget in your WooCommerce Sidebar and Secondary Sidebar. From widget panel add widget in your sidebar. WooCommerce Sidebar widgets will display on the &#8220;Left Side&#8221; and Secondary Sidebar widgets will display on the &#8220;Right side&#8221; of your site.<\/li>\n\n\n\n<li><strong>Note<\/strong> &#8211; Primary and Secondary sidebar will work for Homepage, Blog Page, Blog post single page, Cart, Checkout, Wishlist and Product single page.<\/li>\n\n\n\n<li>If you don&#8217;t want to show Sidebar in your Shop page you can disable it from Customize &gt; WooCommerce &gt; Shop Page &gt; Check the Disable Sidebar box.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Customize Sidebar in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/0hBl9czQYoQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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 it 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=\"322\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/move-to-top-top-store.png?resize=663%2C322&#038;ssl=1\" alt=\"move-to-top-top-store\" class=\"wp-image-21111\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/move-to-top-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/move-to-top-top-store.png?resize=300%2C146&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>To add Top slider, Go to <strong>Appearance &gt; Customizer &gt; Frontpage Sections &gt; Top slider<\/strong>.<\/li>\n\n\n\n<li>One Layout is given in Top slider in which you can add slider content like images, Logo images, Title, Sub title, Text and link. You can add unlimited Slider in this section.<\/li>\n\n\n\n<li>You can On\/Off the slider.<\/li>\n\n\n\n<li>You can also set the slider speed using Slider speed option.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Customize Top Slider Section in Top Store\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/BNEMtGCBrGc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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. <a href=\"https:\/\/themehunk.com\/fr\/docs\/top-store\/#product-category\">Follow this.<\/a><\/li>\n\n\n\n<li>You can showcase your products category wise in tabbed format.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>You can show recent 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<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Tabbed Product Carousel Section in Top Store\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/MXSI_go3fFs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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. <a href=\"https:\/\/themehunk.com\/fr\/docs\/top-store\/#product-category\">Follow this.<\/a><\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>With Product Carousel you can show your shop 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 Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Product Carousel Section in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/O_otVWAUy8c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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. <a href=\"https:\/\/themehunk.com\/fr\/docs\/top-store\/#product-category\">Follow this.<\/a><\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>There is one slider layout in Woo Category, you can show categories using this amazing layout slider.<\/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<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Woo Category Section in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/L3-bos8qyqI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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. <a href=\"https:\/\/themehunk.com\/fr\/docs\/top-store\/#product-category\">Follow this.<\/a><\/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 Disable or enable the section anytime you want.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Product List Carousel Section in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/7N7pqlaq8uA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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, 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<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Ribbon Section in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/8eQhG-8nTUc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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>One banner layouts is given in which you can show two 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\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Banner Section in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/fB21UvKrpV4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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 brand, 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 Disable or enable the section anytime you want.<\/li>\n\n\n\n<li>You can also Auto play your Brand slider.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Check out this Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Brand Section in Top Store Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/RDJowZ8o_6c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\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><strong>Color Scheme<\/strong> \u2013 You can choose Light or Dark scheme for your site.<\/li>\n\n\n\n<li>Dark will make your site background black in color and the website content will be white. Whereas the light will make your overall site background White and the website content will be Black.<\/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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/global-color-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"global-color-top-store\" class=\"wp-image-21259\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/global-color-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/global-color-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/global-color-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Header Color &#8211; You can Pick color for Main Header Text and background. You can also pick background color for Above 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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/header-color-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"header-color-top-store\" class=\"wp-image-21260\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/header-color-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/header-color-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/header-color-top-store.png?resize=400%2C200&amp;ssl=1 400w\" 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>For Pre loader, Go to <strong>Appearance &gt; Customizer &gt; Pre Loader<\/strong>.<\/li>\n\n\n\n<li>For enabling the loader, check on the box \u201cEnable loader\u201d. Preloader will be shown when you load or refresh your site.<\/li>\n\n\n\n<li>You can upload a GIF or an image as a preloader or you can pick background color instead of 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=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/pre-loader-top-store.png?resize=663%2C310&#038;ssl=1\" alt=\"pre-loader-top-store\" class=\"wp-image-21114\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/pre-loader-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/pre-loader-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 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>To add social icons in header &amp; footer, just navigate to&nbsp;<strong>Appearance &gt; Customizer &gt; Layout &gt; Header &gt; Above Header.&nbsp;<\/strong>Select layout &gt; from column choose social media. Same you can do for Footer area.<\/li>\n\n\n\n<li>For adding social profile links, Go to&nbsp;<strong>Appearance &gt; Customize &gt; Social icon<\/strong>.<\/li>\n\n\n\n<li>To show social icons just put the links in the text area.<\/li>\n\n\n\n<li>By default it will follow the color scheme but You can also set the \u201coriginal color\u201d for each social icon.<\/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\/social-icon-top-store.png?resize=663%2C310&#038;ssl=1\" alt=\"social-icon-top-store\" class=\"wp-image-21115\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/social-icon-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/social-icon-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 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<p class=\"wp-block-paragraph\">For WooCommerce setting. First you have to Install <strong>WooCommerce Plugin<\/strong> and activate it from the Recommended plugins available in Top Store Options. If you have already did skip this.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For WooCommerce Setting, Navigate to Customize &gt; WooCommerce. Here you&#8217;ll get all the Woo Setting for your Shop Products.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/woocommerce-setting-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"woocommerce-setting-top-store\" class=\"wp-image-25924\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/woocommerce-setting-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/woocommerce-setting-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/woocommerce-setting-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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<h4 class=\"wp-block-heading\">Product Style<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<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>\n\n\n\n<li>Zoom \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>\n\n\n\n<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>\n\n\n\n<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>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/product-style-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"\" class=\"wp-image-21218\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/product-style-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/product-style-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/product-style-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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<h4 class=\"wp-block-heading\">Single Product<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<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>\n\n\n\n<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>\n\n\n\n<li>To setup Up sell Product, Go to WooCommerce &gt; 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>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"238\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/upsell-products-top-store.png?resize=663%2C238&#038;ssl=1\" alt=\"upsell-products-top-store\" class=\"wp-image-20996\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/upsell-products-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/upsell-products-top-store.png?resize=300%2C108&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<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>\n\n\n\n<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>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/single-product-page-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"single-product-page-top-store\" class=\"wp-image-21215\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/single-product-page-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/single-product-page-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/single-product-page-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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<h4 class=\"wp-block-heading\">Cart Page<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<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>\n\n\n\n<li>To setup Cross Sell Products. Go to WooCommerce &gt; 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>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"247\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/cross-sell-products-cart-page-top-store-1.png?resize=663%2C247&#038;ssl=1\" alt=\"cross-sell-products-cart-page-top-store\" class=\"wp-image-20994\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/cross-sell-products-cart-page-top-store-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/cross-sell-products-cart-page-top-store-1.png?resize=300%2C112&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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<h4 class=\"wp-block-heading\">Shop Page<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shop Page Pagination \u2013 Choose Numbered pagination and it will provide you better navigation for your Shop page.<\/li>\n\n\n\n<li>Disable Sidebar &#8211; If you don&#8217;t want Sidebar in your Shop Page, Check Disable Sidebar option. This will hide sidebar from Shop 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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/shop-page-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"\" class=\"wp-image-21217\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/shop-page-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/shop-page-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/shop-page-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group store-notice has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Store Notice<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Store Notice can be shown above header to give a message to users.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?resize=1024%2C495&#038;ssl=1\" alt=\"\" class=\"wp-image-85498\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?resize=1024%2C495&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?resize=1536%2C742&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Store-Notice.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-catalog has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Product Catalog<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you can control the shop page interface. On each dropdown, you get several options to show on page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Catalog.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Catalog.jpg?resize=1024%2C578&#038;ssl=1\" alt=\"\" class=\"wp-image-86143\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Catalog.jpg?resize=1024%2C578&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Catalog.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Catalog.jpg?resize=768%2C434&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Catalog.jpg?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Catalog.jpg?w=1362&amp;ssl=1 1362w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-image has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Product Images<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Product Image controls the images settings displaying on the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Image.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"635\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Image.jpg?resize=528%2C635&#038;ssl=1\" alt=\"\" class=\"wp-image-86149\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Image.jpg?w=528&amp;ssl=1 528w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Image.jpg?resize=249%2C300&amp;ssl=1 249w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Product-Image.jpg?resize=48%2C58&amp;ssl=1 48w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group multiple-widget has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Multiple Widgets<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There are Four different Widgets which can be used in Sidebar of Homepage and Inner-pages.<\/li>\n\n\n\n<li>Each widget has its own setting and functionality. All widgets are available in Customize Widget Panel. To add Widgets, Go to <strong>Appearance &gt; Customize &gt; Widgets<\/strong>.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/multiple-widgets-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"multiple-widgets-top-store\"><\/li>\n\n\n\n<li><strong>Post Widget Slider<\/strong> &#8211; Using this widget you can show posts images with caption in a carousel\/slider. You can Add Number of Post Show and also Select Specific Option To Display Post. Display Random, Recent and Popular post in your sidebar area.<\/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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/post-slider-widget-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"post-slider-widget-top-store\" class=\"wp-image-21241\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/post-slider-widget-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/post-slider-widget-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/post-slider-widget-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Highlight Widget<\/strong> &#8211; Using Highlight widget you can showcase services about your company using Font Awesome Icons. You can add title, Description for particular highlighted services. You can also add Widget Title for your Mobile device.<\/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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Highlight-widget-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"Highlight-widget-top-store\" class=\"wp-image-21237\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Highlight-widget-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Highlight-widget-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/Highlight-widget-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Testimonial Widget<\/strong> &#8211; Using Testimonial widget you can showcase your testimonials with Image, Title and Description. This will be display in slide way.<\/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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/testimonial-widget-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"testimonial-widget-top-store\" class=\"wp-image-21243\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/testimonial-widget-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/testimonial-widget-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/testimonial-widget-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>About Us Widget<\/strong> &#8211; Using About us widget you can display about yourself or about your company. You can showcase elements like Title, Image, Read more text and Link.<\/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=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/about-us-widget-top-store.png?resize=663%2C330&#038;ssl=1\" alt=\"about-us-widget-top-store\" class=\"wp-image-21239\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/about-us-widget-top-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/about-us-widget-top-store.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/07\/about-us-widget-top-store.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br><strong>Note &#8211;<\/strong> As per as your requirement, You can use these widgets in any Widget area like Footer area, header area etc.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group pro-theme has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Top Store is Perfect for Shopping Website<\/h3>\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<\/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>(One Layouts)<\/td><td>(Five Layouts)<\/td><\/tr><tr><td>Brand 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>Sticky Sidebar<\/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>Highlight Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Testimonial Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Post slider widget<\/td><td><\/td><td><\/td><\/tr><tr><td>About Us widget<\/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 and Swap)<\/td><\/tr><tr><td>Section Ordering<\/td><td><\/td><td><\/td><\/tr><tr><td>Off Canvas Sidebar<\/td><td><\/td><td><\/td><\/tr><tr><td>Five Custom section<\/td><td><\/td><td><\/td><\/tr><tr><td>Big Featured Product Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Highlight Section<\/td><td><\/td><td><\/td><\/tr><tr><td>Page Templates<\/td><td><\/td><td>(Contact page Template, FAQ&#8217;s Page Template)<\/td><\/tr><tr><td>Product List Slider Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Product Slider Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Single Category Slider Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Single Product Slider Widget<\/td><td><\/td><td><\/td><\/tr><tr><td>Typography<\/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:\/\/downloads.wordpress.org\/theme\/top-store.zip\" rel=\"nofollow noopener\" target=\"_blank\">Download<\/a><\/td><td><a href=\"https:\/\/themehunk.com\/fr\/product\/top-store-pro\/\">Checkout PRO<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group get-help 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 &amp; Plugin How to Add Search Bar in Theme. How to Add Cart, compare &amp; Swatches How to Setup Menus Demo Import Check out this Video Tutorial to Learn how to Import Demo Data- Site Identity Using this Option panel you can display Site logo or site title tagline and site icon in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-20644","docs","type-docs","status-publish","hentry","docscate-lite-themes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/20644","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\/1"}],"version-history":[{"count":14,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/20644\/revisions"}],"predecessor-version":[{"id":86155,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/20644\/revisions\/86155"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=20644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}