{"id":16050,"date":"2020-01-21T14:00:05","date_gmt":"2020-01-21T08:30:05","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=16050"},"modified":"2024-06-29T17:47:48","modified_gmt":"2024-06-29T12:17:48","slug":"openshop-pro","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/openshop-pro\/","title":{"rendered":"OpenShop Pro"},"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<p class=\"wp-block-paragraph\"><strong>In this documentation you will come to know how you can use our theme and its various options, It will help you to create a great website.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Installing Theme &amp; Plugin<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, download the Open shop pro theme zip file from the <a href=\"https:\/\/members.themehunk.com\/member\" target=\"_blank\" rel=\"noreferrer noopener\">Member\u2019s Area<\/a>.<\/li>\n\n\n\n<li>Login to your WordPress dashboard.<\/li>\n\n\n\n<li>Navigate to \u201cAppearance &gt; Theme\u201d.<\/li>\n\n\n\n<li>Here you\u2019ll see \u201cAdd new\u201d button, click on it. Now Upload the theme zip file which you have downloaded.<\/li>\n\n\n\n<li>After installing it, Activate the theme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1099\" height=\"595\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/installing-theme-open-shop-pro.png?resize=1099%2C595&#038;ssl=1\" alt=\"\" class=\"wp-image-16313\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/installing-theme-open-shop-pro.png?w=1099&amp;ssl=1 1099w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/installing-theme-open-shop-pro.png?resize=300%2C162&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/installing-theme-open-shop-pro.png?resize=1024%2C554&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/installing-theme-open-shop-pro.png?resize=768%2C416&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">For our Shopping Site, you need to install these required plugin &#8211;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Woocommerce<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Woocommerce<\/a> plugin is a free e-commerce plugin which allows you to sell anything online.<br>To install this plugin-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to WordPress Admin panel.<\/li>\n\n\n\n<li>Navigate to Plugin &gt; Add new.<\/li>\n\n\n\n<li>Search Woocommerce plugin in the search box and activate the plugin, installation is done.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">WPC Smart Wishlist for WooCommerce<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This plugin will allow you to add wishlist functionality to your e-commerce site.<br>To install this plugin-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Again Go to plugin &gt; Add new<\/li>\n\n\n\n<li>Search WPC Smart Wishlist for WooCommerce and activate the plugin, installation is done.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group upgrade-pro has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Upgrade Website from Free theme to Pro version<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Follow this video and learn how you can easily upgrade your website which you have created using free version of this theme to Pro version &#8211;<\/li>\n<\/ul>\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=\"Upgrade ThemeHunk Free WordPress Themes to Pro version | Top Store Theme | Open Shop Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/eGR-fROy_5w?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 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 Open shop pro theme 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\" 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 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>For more information follow this&nbsp;<a href=\"https:\/\/themehunk.com\/fr\/docs\/how-to-import-themehunk-templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a>.<\/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<h4 class=\"wp-block-heading\">Site Identity<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; WordPress Default Setting &gt; Site Identity.<\/strong><\/li>\n\n\n\n<li>To display Site Logo, Site Title, Tagline and Site Icon on your site.<\/li>\n\n\n\n<li>Navigate to Dashboard &gt; Appearance &gt; Customize &gt; WordPress Default &gt; Site identity.<\/li>\n\n\n\n<li><strong>Logo<\/strong>\u2013 Upload a logo image with specific width and height.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline<\/strong> \u2013 Display site title &amp; tagline in-place of Logo.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline Show\/Hide<\/strong> \u2013 Check on the radio button display site title and tagline.<\/li>\n\n\n\n<li><strong>Site Icon<\/strong> \u2013 You can upload a site icon for your tab in browser.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"278\" height=\"676\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/site-identity-open-shop-pro.png?resize=278%2C676&#038;ssl=1\" alt=\"\" class=\"wp-image-16314\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/site-identity-open-shop-pro.png?w=278&amp;ssl=1 278w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/site-identity-open-shop-pro.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/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<h4 class=\"wp-block-heading\">Set up Homepage<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To setup homepage on your site follow the below instructions \u2013<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Wp Dashboard &gt; Page &gt; Add New &gt; Create a Page. Just give name &#8220;Home&#8221; to that page.<\/li>\n\n\n\n<li>Now at the right sidebar of your editor you will see Page attributes &gt; Template option.<\/li>\n\n\n\n<li>Click on the template and select the option &#8220;Homepage template&#8221;.<\/li>\n\n\n\n<li>After that publish your page.<\/li>\n\n\n\n<li>Now navigate to Customize panel &gt; WordPress Default &gt; Homepage Settings.<\/li>\n\n\n\n<li>In homepage settings. Select the radio button of \u201cA static page\u201d and choose your &#8220;Home&#8221; page in &#8220;Homepage&#8221; option which you have created.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This will setup home page on your site and it will show all the sections.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"655\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/homepage-setting-open-shop-pro.png?resize=295%2C655&#038;ssl=1\" alt=\"\" class=\"wp-image-16315\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/homepage-setting-open-shop-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/homepage-setting-open-shop-pro.png?resize=135%2C300&amp;ssl=1 135w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/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<h4 class=\"wp-block-heading\">Above Header<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For header setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Header &gt; Above Header<\/strong><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Above header appears at the top of &#8220;Main header&#8221; this can be used to show multiple elements.<\/li>\n\n\n\n<li>Here you will get option to hide it, or can add one, two or three column.<\/li>\n\n\n\n<li>You can select any one design according to your need.<\/li>\n\n\n\n<li>In this columns you can show elements like social icons, menu, search, Text, Widgets.<\/li>\n\n\n\n<li>Also you will get styling options to set Height, Border Bottom and Border Color&#8221;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"653\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-header-open-shop-pro.png?resize=285%2C653&#038;ssl=1\" alt=\"\" class=\"wp-image-16316\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-header-open-shop-pro.png?w=285&amp;ssl=1 285w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-header-open-shop-pro.png?resize=131%2C300&amp;ssl=1 131w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/><\/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<h4 class=\"wp-block-heading\">Main Header<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For header setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Header &gt; Main Header<\/strong><\/li>\n<\/ul>\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 <a href=\"https:\/\/themehunk.com\/fr\/docs\/add-custom-menu-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">set the menus<\/a> from the dashboard.<\/li>\n\n\n\n<li>Now in Main header settings, you can modify your overall header by adding layout with other content.<\/li>\n\n\n\n<li><strong>Menu Alignment<\/strong> \u2013 You can choose the menu alignment. You can align the menu to left, right and center.<\/li>\n\n\n\n<li><strong>Column 1<\/strong> \u2013 Here you can add &#8220;Button&#8221;, &#8220;Call To&#8221; or &#8220;Widgets&#8221;.<\/li>\n\n\n\n<li><strong>Button Text and Button Link<\/strong> \u2013 Here you can give text to your button and link where you want to redirect it.<\/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>Off Canvas Sidebar<\/strong> \u2013 Choose the location of Off-canvas sidebar before or after the logo.<\/li>\n\n\n\n<li><strong>Sticky Header<\/strong> \u2013 Make your header stick at the top of your site by enabling sticky header.<\/li>\n\n\n\n<li><strong>Enable or Disable Wishlist, Account and Cart<\/strong> &#8211; These checkbox will allow you to show or hide &#8220;Wishlist&#8221;, &#8220;Cart&#8221; and &#8220;Account&#8221; icon in 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=\"299\" height=\"686\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/main-header.png?resize=299%2C686&#038;ssl=1\" alt=\"main header\" class=\"wp-image-19330\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/main-header.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/main-header.png?resize=131%2C300&amp;ssl=1 131w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/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<h4 class=\"wp-block-heading\">Exclude DropDown Category<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For 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=\"295\" height=\"323\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/exclude-categort-open-shop-pro.png?resize=295%2C323&#038;ssl=1\" alt=\"exclude category open shop pro\" class=\"wp-image-22354\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/exclude-categort-open-shop-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/exclude-categort-open-shop-pro.png?resize=274%2C300&amp;ssl=1 274w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/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<h4 class=\"wp-block-heading\">Blog<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To change Blog setting, Navigate to Appearance &gt; Customizer &gt; Layout &gt; Blog. In Blog page you can show collection of post grouped by category, author, date and tag etc.<\/li>\n\n\n\n<li><strong>Blog Post content<\/strong> &#8211; 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><strong>Read More Text<\/strong> &#8211; In read more text, put the text you want to display for your Read more button.<\/li>\n\n\n\n<li><strong>Post Pagination<\/strong> &#8211; It will provide you Numbered navigation, Load more and Infinite scroll for your blog page.<\/li>\n\n\n\n<li>By checking the box you can disable the sidebar in blog 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=\"293\" height=\"473\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/blog-setting-open-shop-pro.png?resize=293%2C473&#038;ssl=1\" alt=\"blog setting open shop pro\" class=\"wp-image-20577\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/blog-setting-open-shop-pro.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/blog-setting-open-shop-pro.png?resize=186%2C300&amp;ssl=1 186w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br>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.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-sidebar has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sticky Sidebar<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For sticky sidebar, Go to <strong>Customize &gt; Layout &gt; Sticky sidebar<\/strong>. Sticky sidebar will float on the side of your content while the users scroll the site up and down, without disappearing.<\/li>\n\n\n\n<li>To Setup Sidebar, Just Navigate to Widget Area. Here you&#8217;ll see <strong>Primary Sidebar<\/strong> . Select widgets from the Widget panel and display your sidebar on the site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"183\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/sticky-sidebar-open-shop-pro.png?resize=295%2C183&#038;ssl=1\" alt=\"\" class=\"wp-image-16319\"\/><\/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<h4 class=\"wp-block-heading\">Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer<\/strong>.<\/li>\n\n\n\n<li>In footer area you can add important content and navigation option of the site. You can add Copyright in below footer (copyright area).<\/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>It appears right above the footer widget and allows you to show multiple elements.<\/li>\n\n\n\n<li>You can show elements like social icons, menu, search, Text, Widgets in each layout column. Styling can be done using the 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=\"283\" height=\"676\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-footer-open-shop-pro.png?resize=283%2C676&#038;ssl=1\" alt=\"\" class=\"wp-image-16320\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-footer-open-shop-pro.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-footer-open-shop-pro.png?resize=126%2C300&amp;ssl=1 126w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/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<h4 class=\"wp-block-heading\">Widget Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer &gt; Widget Footer.<\/strong><\/li>\n\n\n\n<li>In Footer Widget there are eight different Bottom Footer Layout. You can add unlimited widgets in your footer by selecting the layout.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"379\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/widget-footer-open-shop-pro.png?resize=296%2C379&#038;ssl=1\" alt=\"\" class=\"wp-image-16321\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/widget-footer-open-shop-pro.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/widget-footer-open-shop-pro.png?resize=234%2C300&amp;ssl=1 234w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 You\u2019re absolutely free to add unlimited widgets in each widget area. Just click on \u201cGo to Widget\u201d button and add widgets.<\/p>\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>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer &gt; Below Footer.<\/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>You can show elements like social icons, menu, search, Text, Widgets in each layout column. Styling can be done using the 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=\"277\" height=\"613\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/below-footer-open-shop-pro.png?resize=277%2C613&#038;ssl=1\" alt=\"\" class=\"wp-image-16322\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/below-footer-open-shop-pro.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/below-footer-open-shop-pro.png?resize=136%2C300&amp;ssl=1 136w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/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<h4 class=\"wp-block-heading\">Move to Top<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Move to top button is shown in the bottom right side of site, It is used to navigate to the top of your page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To set Move to Top, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Move to Top<\/strong>.<\/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=\"296\" height=\"361\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/move-to-top-open-shop-pro.png?resize=296%2C361&#038;ssl=1\" alt=\"\" class=\"wp-image-16323\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/move-to-top-open-shop-pro.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/move-to-top-open-shop-pro.png?resize=246%2C300&amp;ssl=1 246w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group rtl-support has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">RTL support<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Enable RTL on your site, Go to&nbsp;<strong>Appearance &gt; Customize &gt; Layout &gt; RTL.&nbsp;<\/strong>&nbsp;There are a couple of languages written and read from right to left (RTL) direction \u2013 like Arabic, Hebrew, Farsi, Urdu and others.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"161\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/rtl-open-shop.png?resize=295%2C161&#038;ssl=1\" alt=\"rtl open shop\" class=\"wp-image-22417\"\/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Top slider. There are five layouts in Top slider in which you can add slide images, Logo images, Title, Sub title, Text and link too.<\/li>\n\n\n\n<li>Design of each slider layout is different from each other.<\/li>\n\n\n\n<li>You can also 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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"637\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/top-slider-open-shop-pro.png?resize=279%2C637&#038;ssl=1\" alt=\"\" class=\"wp-image-16325\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/top-slider-open-shop-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/top-slider-open-shop-pro.png?resize=131%2C300&amp;ssl=1 131w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Tabbed Product Carousel. First you have to create categories to show product in this section.<\/li>\n\n\n\n<li>You can show recent, featured or random product 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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"647\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/tabbed-product-carousel-open-shop-pro.png?resize=280%2C647&#038;ssl=1\" alt=\"\" class=\"wp-image-16326\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/tabbed-product-carousel-open-shop-pro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/tabbed-product-carousel-open-shop-pro.png?resize=130%2C300&amp;ssl=1 130w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Product Carousel.<\/li>\n\n\n\n<li>With Product Carousel you can show your shop category products using slider. You can show recent, featured or random product 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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"530\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-carousel-open-shop-pro.png?resize=296%2C530&#038;ssl=1\" alt=\"\" class=\"wp-image-16327\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-carousel-open-shop-pro.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-carousel-open-shop-pro.png?resize=168%2C300&amp;ssl=1 168w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Woo Category.<\/li>\n\n\n\n<li>In Woo Category you can shop categories using 3 different layouts.<\/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=\"278\" height=\"649\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/woo-category-open-sho-pro.png?resize=278%2C649&#038;ssl=1\" alt=\"\" class=\"wp-image-16328\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/woo-category-open-sho-pro.png?w=278&amp;ssl=1 278w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/woo-category-open-sho-pro.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Product List Carousel.<\/li>\n\n\n\n<li>Select the Category or you can select All categories to show.<\/li>\n\n\n\n<li>You can show recent, featured or random product in this section.<\/li>\n\n\n\n<li>You can Disable Content Padding of your site.<\/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=\"297\" height=\"583\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-list-carousel-open-shop-pro.png?resize=297%2C583&#038;ssl=1\" alt=\"\" class=\"wp-image-16329\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-list-carousel-open-shop-pro.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-list-carousel-open-shop-pro.png?resize=153%2C300&amp;ssl=1 153w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/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 Product<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Big Featured Product, Go to Appearance &gt; Customizer &gt; Frontpage Sections &gt; Big Featured Product.<\/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.<br>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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"600\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/big-features-product-open-shop-pro.png?resize=278%2C600&#038;ssl=1\" alt=\"\" class=\"wp-image-16330\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/big-features-product-open-shop-pro.png?w=278&amp;ssl=1 278w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/big-features-product-open-shop-pro.png?resize=139%2C300&amp;ssl=1 139w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-tabbed has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tabbed Product List Carousel<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Tabbed Product List Carousel, Go to Appearance &gt; Customizer &gt; Frontpage Sections &gt; Tabbed Product List Carousel.<\/li>\n\n\n\n<li>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=\"282\" height=\"597\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/tabbed-product-list-open-shop-pro.png?resize=282%2C597&#038;ssl=1\" alt=\"\" class=\"wp-image-16331\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/tabbed-product-list-open-shop-pro.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/tabbed-product-list-open-shop-pro.png?resize=142%2C300&amp;ssl=1 142w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Ribbon Section.<\/li>\n\n\n\n<li>You can show ribbon background image, text, button text and button link.<\/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=\"295\" height=\"600\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/ribbon-section-open-shop-pro.png?resize=295%2C600&#038;ssl=1\" alt=\"\" class=\"wp-image-16332\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/ribbon-section-open-shop-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/ribbon-section-open-shop-pro.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Banner Section.<\/li>\n\n\n\n<li>There are five banner layouts. You can upload desired images.<\/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=\"280\" height=\"652\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/banner-section-open-shop-pro.png?resize=280%2C652&#038;ssl=1\" alt=\"\" class=\"wp-image-16333\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/banner-section-open-shop-pro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/banner-section-open-shop-pro.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/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 Appearance &gt; Customizer &gt; Frontpage Sections &gt; Brand Section.<\/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<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"638\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/brand-section-open-shop-pro.png?resize=284%2C638&#038;ssl=1\" alt=\"\" class=\"wp-image-16334\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/brand-section-open-shop-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/brand-section-open-shop-pro.png?resize=134%2C300&amp;ssl=1 134w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\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 Section, Go to Appearance &gt; Customizer &gt; Frontpage Sections &gt; Highlight Section.<\/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<p class=\"wp-block-paragraph\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/highlight-section-open-shop-pro.png?resize=293%2C585&#038;ssl=1\" alt=\"\" width=\"293\" height=\"585\"><\/p>\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>To add Custom Section, Go to Appearance &gt; Customizer &gt; Frontpage Sections &gt; Custom Section.<\/li>\n\n\n\n<li>In Custom section you can add Widgets from the Widget panel. 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>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=\"289\" height=\"399\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/first-custom-section-open-shop-pro.png?resize=289%2C399&#038;ssl=1\" alt=\"\" class=\"wp-image-16336\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/first-custom-section-open-shop-pro.png?w=289&amp;ssl=1 289w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/first-custom-section-open-shop-pro.png?resize=217%2C300&amp;ssl=1 217w\" sizes=\"(max-width: 289px) 100vw, 289px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group section-ordering has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Section Ordering<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Section Ordering setting, go to <strong>Appearance &gt; Customize &gt; Frontpage Sections &gt; Section Ordering<\/strong>. You can Change the order of any particular section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"827\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/section-ordering-open-shop-pro.png?resize=351%2C827&#038;ssl=1\" alt=\"section ordering open shop pro\" class=\"wp-image-27692\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/section-ordering-open-shop-pro.png?w=351&amp;ssl=1 351w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/section-ordering-open-shop-pro.png?resize=127%2C300&amp;ssl=1 127w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/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\">Color and Background<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Color &amp; Background, Go to Appearance &gt; Customize &gt; Color &amp; Background. You can pick color for every element and upload background image.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group global-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Global Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Global colors option, Go to Appearance &gt; Customize &gt; Global Colors.<\/li>\n\n\n\n<li>Color Scheme \u2013 You can choose Dark or Light scheme for your site. Dark will make your site black in color. Whereas the light will make your site overall White.<\/li>\n\n\n\n<li>You can change the default color all over the site using Theme Color. 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=\"279\" height=\"695\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/global-color-open-shop-pro.png?resize=279%2C695&#038;ssl=1\" alt=\"\" class=\"wp-image-16338\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/global-color-open-shop-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/global-color-open-shop-pro.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/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<h4 class=\"wp-block-heading\">Header Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Header. You can pick color for your overall header which includes \u201cMain Header\u201d, \u201cAbove header\u201d, &#8220;Page Header&#8221;, &#8220;Mobile\/Pan Color&#8221;<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Above Header \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your above header background or you can upload image there.<\/li>\n\n\n\n<li>Above Header Menu \u2013 Pick color for link, hovered link and Hovered Background Color. These will be applied for Above header Menu item only.<\/li>\n\n\n\n<li>Above Header Sub Menu \u2013 Pick color for link, hovered link and Hovered Background Color. These will be applied for Above header Sub Menu item only.<\/li>\n\n\n\n<li>Above Header Content \u2013 Pick color for text, link and hovered link. These will be applied for Above Header Content only.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"662\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-header-color-open-shop-pro.png?resize=279%2C662&#038;ssl=1\" alt=\"\" class=\"wp-image-16339\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-header-color-open-shop-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-header-color-open-shop-pro.png?resize=126%2C300&amp;ssl=1 126w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Main Header \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Site Title \u2013 Pick color for your site title, title Hovered Color and Tagline. To display your Site Title from Appearance &gt; Customizer &gt; Site Identity.<\/li>\n\n\n\n<li>Background Color &amp; Image \u2013 Pick color for your header background or you can upload image there. These will be applied for Main Header Background only.<\/li>\n\n\n\n<li>Main Header Content \u2013 Pick color header text, link and hovered link. These will be applied for Main Header Content only.<\/li>\n\n\n\n<li>Main Menu \u2013 In Main Menu option you can pick color for each Menu item and for menu background area. Individual Color options are given for Menu and Sub menu. These will be applied for Main menu items only.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Mobile\/Pan Color \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your Mobile\/Pan background or you can upload image there.<\/li>\n\n\n\n<li>Mobile\/Pan Content Color \u2013 Pick color for link, hovered link and Hovered Background Color. These will be applied for Mobile\/Pan content items only.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"327\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/main-header-color-open-shop-pro.png?resize=294%2C327&#038;ssl=1\" alt=\"\" class=\"wp-image-16340\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/main-header-color-open-shop-pro.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/main-header-color-open-shop-pro.png?resize=270%2C300&amp;ssl=1 270w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sticky Header Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can do all the above setting for Sticky Header too. For setting up Sticky Header color, Go to Appearance &gt; Customize &gt; Color &amp; Background &gt; Sticky Header.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"671\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/sticky-header-color-open-shop-pro.png?resize=284%2C671&#038;ssl=1\" alt=\"\" class=\"wp-image-16341\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/sticky-header-color-open-shop-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/sticky-header-color-open-shop-pro.png?resize=127%2C300&amp;ssl=1 127w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/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<h4 class=\"wp-block-heading\">Footer Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Footer. You can pick color for your overall Footer which includes \u201cFooter Widget\u201d, \u201cAbove &amp; Below Footer\u201d.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"243\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/footer-color-open-shop-pro.png?resize=300%2C243&#038;ssl=1\" alt=\"\" class=\"wp-image-16342\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Above Footer \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your Above Footer background or you can upload image there.<\/li>\n\n\n\n<li>Above Footer Content Color \u2013 Pick color for Text, link and hovered link. These will be applied for Above Footer content items only.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"649\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-footer-color-open-shop-pro.png?resize=281%2C649&#038;ssl=1\" alt=\"\" class=\"wp-image-16343\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-footer-color-open-shop-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/above-footer-color-open-shop-pro.png?resize=130%2C300&amp;ssl=1 130w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Footer Widget \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your Footer Widget background or you can upload image there. You can choose widgets from Appearance &gt; Customize &gt; Layout &gt; Footer Widget.<\/li>\n\n\n\n<li>Content Color \u2013 Pick color for Widget Title, text, link and hovered link. These will be applied for Footer Widget content items only.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"689\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/footer-widget-color-open-shop-pro.png?resize=281%2C689&#038;ssl=1\" alt=\"\" class=\"wp-image-16349\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/footer-widget-color-open-shop-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/footer-widget-color-open-shop-pro.png?resize=122%2C300&amp;ssl=1 122w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Bottom Footer \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your below Footer background or you can upload image there.<\/li>\n\n\n\n<li>Bottom Footer Content Color \u2013 Pick color for Text, link and hovered link. These will be applied for below Footer content items only.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"643\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/bottom-footer-open-shop-pro.png?resize=277%2C643&#038;ssl=1\" alt=\"\" class=\"wp-image-16350\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/bottom-footer-open-shop-pro.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/bottom-footer-open-shop-pro.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sidebar Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Sidebar. From this option you can pick color for Sidebar elements of your site.<\/li>\n\n\n\n<li>Widget Title Color \u2013 Pick color for title of widget, you\u2019ll select for your sidebar.<\/li>\n\n\n\n<li>Text Color \u2013 Pick color for the text of your sidebar text.<\/li>\n\n\n\n<li>Link Color \u2013 Pick color of link in sidebar.<\/li>\n\n\n\n<li>Link Hover Color \u2013 Pick color of hovered link in sidebar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"604\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/sidebar-color-open-shop-pro.png?resize=280%2C604&#038;ssl=1\" alt=\"\" class=\"wp-image-16344\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/sidebar-color-open-shop-pro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/sidebar-color-open-shop-pro.png?resize=139%2C300&amp;ssl=1 139w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group content-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Content Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Content. From this option you can pick color for Heading h1 to h6 and also change Background color.<\/li>\n<\/ul>\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<h4 class=\"wp-block-heading\">WooCommerce Color<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\">Product Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Products. From this option you can pick color for Product elements on 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=\"276\" height=\"689\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-color-open-shop-pro.png?resize=276%2C689&#038;ssl=1\" alt=\"\" class=\"wp-image-16345\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-color-open-shop-pro.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-color-open-shop-pro.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Single Product Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Single Products color. From this option you can pick color for every single Product elements on 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=\"295\" height=\"660\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-open-shop-pro.png?resize=295%2C660&#038;ssl=1\" alt=\"\" class=\"wp-image-16346\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-open-shop-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-open-shop-pro.png?resize=134%2C300&amp;ssl=1 134w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/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<h4 class=\"wp-block-heading\">Frontpage color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; frontpage color. From this option you can pick color for every single element present on Frontpage sections.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"693\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/frontpage-color-open-shop-pro.png?resize=277%2C693&#038;ssl=1\" alt=\"\" class=\"wp-image-16354\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/frontpage-color-open-shop-pro.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/frontpage-color-open-shop-pro.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group faq-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Faq Template &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Faq template option, Create a page, Go to Dashboard &gt; Pages &gt; Create new page and select Faq template from Page Attributes. After that Navigate to&nbsp;<strong>Appearance &gt; Customize &gt; Innerpage Template &gt; Faq Template<\/strong><\/li>\n\n\n\n<li>In Faq template, You can add elements like Title &amp; Text by adding New Faq.<\/li>\n\n\n\n<li>You can also pick color &amp; background for each element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"595\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-faq.png?resize=297%2C595&#038;ssl=1\" alt=\"innerpage template faq\" class=\"wp-image-19336\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-faq.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-faq.png?resize=150%2C300&amp;ssl=1 150w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group contact-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Contact Us Template &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Contact template option, First you need to Install &amp; activate&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lead form Builder<\/a>&nbsp;plugin then create a Contact form.<\/li>\n\n\n\n<li>Create a page, Go to Dashboard &gt; Pages &gt; Create new page and select Contact template from Page Attributes. After that Navigate to&nbsp;<strong>Appearance &gt; Customize &gt; Innerpage Template &gt; Contact Us Template<\/strong><\/li>\n\n\n\n<li>In contact template, You can add elements like Big heading, small heading, Address, Mobile Number, Email, Working hours and Map Address.<\/li>\n\n\n\n<li>Just add the shortcode of form which you have created using Lead form builder plugin. To know how to create a form and get the shortcode. Follow this <a href=\"https:\/\/themehunk.com\/fr\/docs\/lead-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">Doc<\/a>.<\/li>\n\n\n\n<li>Map Address &#8211; To display Map in your Contact page. Just Go to <a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google maps<\/a> &gt; Search your address &gt; Copy the Iframe of your address and Insert it in the Address ( Map ) text area.<\/li>\n\n\n\n<li>You can also pick color &amp; background for each element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"640\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-contact-us.png?resize=283%2C640&#038;ssl=1\" alt=\"innerpage template contact us\" class=\"wp-image-19337\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-contact-us.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-contact-us.png?resize=133%2C300&amp;ssl=1 133w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group about-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">About us Template<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For about us template option, Create a page, Go to Dashboard &gt; Pages &gt; Create new page and select About us template from Page Attributes. After that Navigate to&nbsp;<strong>Appearance &gt; Customize &gt; Innerpage Template &gt; About Us Template<\/strong><\/li>\n\n\n\n<li>In about us template, You can add elements like Services content, Introduction content, testimonial content &amp; counter content.<\/li>\n\n\n\n<li>You can also pick color &amp; background for each element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"679\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-about-us.png?resize=281%2C679&#038;ssl=1\" alt=\"innerpage template about us\" class=\"wp-image-19338\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-about-us.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/innerpage-template-about-us.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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\">Pre loader<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Pre loader, Go to Appearance &gt; Customizer &gt; Pre Loader.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\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=\"292\" height=\"423\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/preloader-open-shop-pro.png?resize=292%2C423&#038;ssl=1\" alt=\"\" class=\"wp-image-16356\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/preloader-open-shop-pro.png?w=292&amp;ssl=1 292w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/preloader-open-shop-pro.png?resize=207%2C300&amp;ssl=1 207w\" sizes=\"(max-width: 292px) 100vw, 292px\" \/><\/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<p class=\"wp-block-paragraph\">For adding social profile links, Go to Appearance &gt; Customize &gt; Social icon.<\/p>\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=\"281\" height=\"674\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/social-icon-open-shop-pro.png?resize=281%2C674&#038;ssl=1\" alt=\"\" class=\"wp-image-16357\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/social-icon-open-shop-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/social-icon-open-shop-pro.png?resize=125%2C300&amp;ssl=1 125w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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<ul class=\"wp-block-list\">\n<li>For WooCommerce setting. First you have to Install WooCommerce Plugin and activate it from the Recommended plugins available in Top Store Options. If you have already did skip this.<\/li>\n\n\n\n<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>\n\n\n\n<li>For WooCommerce Setting, Navigate to Customize &gt; WooCommerce. Here you\u2019ll get all the Woo Setting for your Shop Products.<\/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<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 choose the desired hover style and show your product in a unique way. You can display your product in \u201cZoom\u201d or as \u201cSwap\u201d hover style.<\/li>\n\n\n\n<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>\n\n\n\n<li><strong>Swap<\/strong> \u2013 In swap condition your product gallery images will be displayed while hovering or clicking the mouse over the Product. It will exchange the product image and show other images of product which have some different look. For \u201cProduct Gallery option\u201d Go to a single product page on the rightmost side you can set your product gallery images.<\/li>\n\n\n\n<li><strong>Quick View<\/strong> &#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=\"294\" height=\"275\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-style-woo-open-shop-pro.png?resize=294%2C275&#038;ssl=1\" alt=\"\" class=\"wp-image-16359\"\/><\/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><strong>Up Sell Product<\/strong> \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. 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><strong>Related Product<\/strong> \u2013 Related product are the items which are similar to the product your customer is viewing. 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\n\n\n<li>You can Disable the sidebar in product page 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=\"282\" height=\"675\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-woo-Open-shop-pro-1.png?resize=282%2C675&#038;ssl=1\" alt=\"single product woo Open shop pro (1)\" class=\"wp-image-20576\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-woo-Open-shop-pro-1.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-woo-Open-shop-pro-1.png?resize=125%2C300&amp;ssl=1 125w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/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 > 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=\"259\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/cross-sell-products-big-store-pro.png?resize=663%2C259&#038;ssl=1\" alt=\"cross-sell-products-big-store-pro\" class=\"wp-image-26291\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/cross-sell-products-big-store-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/cross-sell-products-big-store-pro.png?resize=300%2C117&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To display Cross Sell Product, Go to<strong>\u00a0Appearance > Customizer > WooCommerce > Cart Page<\/strong>. Here you can set the No. of column to show and No. of Product to show in your cart page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"347\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/cart-page-open-shop-pro.png?resize=293%2C347&#038;ssl=1\" alt=\"\" class=\"wp-image-16361\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/cart-page-open-shop-pro.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/cart-page-open-shop-pro.png?resize=253%2C300&amp;ssl=1 253w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/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><strong>Display Product View<\/strong> \u2013 You can select shop page product view styling \u2013 Grid or List. In List view your products will appear in vertical list with additional information and Grid view products is a default WooCommerce view of products.<\/li>\n\n\n\n<li><strong>Post Pagination<\/strong> \u2013 It will provide you better navigation for your Shop page. You can choose an option between \u201cNumbered\u201d, \u201cLoad More\u201d and \u201cInfinite Scroll\u201d.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"375\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/shop-page-open-shop-pro-1.png?resize=298%2C375&#038;ssl=1\" alt=\"\" class=\"wp-image-32913\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/shop-page-open-shop-pro-1.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/shop-page-open-shop-pro-1.png?resize=238%2C300&amp;ssl=1 238w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\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 typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can add typography on your site with multiple Google &amp; standard fonts. Using different fonts on your site makes it a creative website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Base Typography<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typography is the best way to show your content in a unique and attractive way. You can add multiple Google &amp; standard fonts using typography in your site. Using different fonts on your site make it a creative website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"687\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/base-typography-open-shop-pro.png?resize=284%2C687&#038;ssl=1\" alt=\"base typography open shop pro\" class=\"wp-image-19347\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/base-typography-open-shop-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/base-typography-open-shop-pro.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Typography, Go to Appearance > Customizer > Typography > Base Typography.<\/li>\n\n\n\n<li>Choose Font family for body text. Adjust the font size, line height and letter spacing. This will be applicable for overall sites body.<\/li>\n\n\n\n<li>You can also adjust \u201cText Transform\u201d set your body text as Capitalize, Uppercase, Lowercase, default or none.<\/li>\n\n\n\n<li>You can choose the &#8220;Font Weight&#8221; for your text.<\/li>\n\n\n\n<li><strong>Title<\/strong> \u2013 Choose font of your title. This will set typography for overall site titles.<\/li>\n\n\n\n<li>You can also customize \u201cText Transform\u201d set your title as Capitalize, Uppercase, Lowercase, default or none.<\/li>\n\n\n\n<li>You can choose the &#8220;Font Weight&#8221; for your text.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"378\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/title-typography-open-shop-pro.png?resize=299%2C378&#038;ssl=1\" alt=\"title typography open shop pro\" class=\"wp-image-19351\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/title-typography-open-shop-pro.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/title-typography-open-shop-pro.png?resize=237%2C300&amp;ssl=1 237w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content<\/strong> \u2013 This will set the overall typography of single page from heading H1 to H6.<\/li>\n\n\n\n<li>Heading (H1) \u2013 Applicable for for all h1 headings like page title, product title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H2) \u2013 Applicable for h2 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H3) \u2013 Applicable for h3 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 4 (H4) \u2013 Applicable for h4 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 5 (H5) \u2013 Applicable for h5 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 6 (H6) \u2013 Applicable for h6 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"648\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/content-typography-open-shop-pro.png?resize=278%2C648&#038;ssl=1\" alt=\"content typography open shop pro\" class=\"wp-image-19348\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/content-typography-open-shop-pro.png?w=278&amp;ssl=1 278w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/content-typography-open-shop-pro.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/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 Six different Widgets which can be used in sidebar, footer and Homepage. Each widget has its own setting and functionality. All widgets are available in Customize Widget Panel. To add Widgets, Go to Appearance > Customize > Widgets.<\/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=\"276\" height=\"610\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/02\/Post-slide-widget-openshop.png?resize=276%2C610&#038;ssl=1\" alt=\"Post-slide-widget-openshop\" class=\"wp-image-20899\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/02\/Post-slide-widget-openshop.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/02\/Post-slide-widget-openshop.png?resize=136%2C300&amp;ssl=1 136w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>About us Widget<\/strong> &#8211; Using About us widget you can showcase details about yourself or your company. You can add title, Member image, About Me Description, Read More button text and link. You can also add your social media links. This widget can be used in Sidebar as well on Footer area too.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"649\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/02\/aboutus-widget-openshop.png?resize=272%2C649&#038;ssl=1\" alt=\"aboutus widget openshop\" class=\"wp-image-20898\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/02\/aboutus-widget-openshop.png?w=272&amp;ssl=1 272w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/02\/aboutus-widget-openshop.png?resize=126%2C300&amp;ssl=1 126w\" sizes=\"(max-width: 272px) 100vw, 272px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product List Slider Widget<\/strong> &#8211; In Product List Slider Widget you can showcase your Shop products in list slide way. You can display this widget in Custom sections, sidebar and Footer area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"605\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/Product-list-slider-widget-open-shop-pro.png?resize=266%2C605&#038;ssl=1\" alt=\"Product list slider widget open shop pro\" class=\"wp-image-20901\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/Product-list-slider-widget-open-shop-pro.png?w=266&amp;ssl=1 266w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/Product-list-slider-widget-open-shop-pro.png?resize=132%2C300&amp;ssl=1 132w\" sizes=\"(max-width: 266px) 100vw, 266px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Slider Widget<\/strong> &#8211; In Product List Slider Widget you can showcase your Shop products in slide way. You can display this widget in Custom sections, sidebar and Footer area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"269\" height=\"611\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-slider-widget-openshop-rpo.png?resize=269%2C611&#038;ssl=1\" alt=\"product slider widget openshop rpo\" class=\"wp-image-20903\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-slider-widget-openshop-rpo.png?w=269&amp;ssl=1 269w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/product-slider-widget-openshop-rpo.png?resize=132%2C300&amp;ssl=1 132w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Category Slider Widget<\/strong> &#8211; Using this widget you can showcase Single Category with slider. You can display this widget in Custom sections, sidebar and Footer area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"682\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-category-widget-open-shop-pro.png?resize=265%2C682&#038;ssl=1\" alt=\"single category widget open shop pro\" class=\"wp-image-20906\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-category-widget-open-shop-pro.png?w=265&amp;ssl=1 265w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-category-widget-open-shop-pro.png?resize=117%2C300&amp;ssl=1 117w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Product Slider Widget<\/strong> &#8211; Using this widget you can showcase Single Product with slider. You can display this widget in Custom sections, sidebar and Footer area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"561\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-openshop-pro.png?resize=265%2C561&#038;ssl=1\" alt=\"single product openshop pro\" class=\"wp-image-20908\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-openshop-pro.png?w=265&amp;ssl=1 265w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/01\/single-product-openshop-pro.png?resize=142%2C300&amp;ssl=1 142w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/figure>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>In this documentation you will come to know how you can use our theme and its various options, It will help you to create a great website. Installing Theme &amp; Plugin For our Shopping Site, you need to install these required plugin &#8211; Woocommerce Woocommerce plugin is a free e-commerce plugin which allows you to [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-16050","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\/16050","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\/16050\/revisions"}],"predecessor-version":[{"id":68964,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/16050\/revisions\/68964"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=16050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}