{"id":23303,"date":"2020-11-04T12:04:13","date_gmt":"2020-11-04T06:34:13","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=23303"},"modified":"2024-06-25T17:27:31","modified_gmt":"2024-06-25T11:57:31","slug":"open-mart","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/open-mart\/","title":{"rendered":"Open Mart"},"content":{"rendered":"\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 Open Mart Lite<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1:\u00a0<\/strong>\u00a0Go to your\u00a0<strong>Wp Dashboard > Appearance > Themes > Add New.<\/strong> Then in the search box,\u00a0 enter the name \u201cOpen Mart\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=\"246\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-1.png?resize=663%2C246&#038;ssl=1\" alt=\"installation-open-mart-step-1\" class=\"wp-image-29466\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-1.png?resize=300%2C111&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>:\u00a0After the installation is completed, click on the\u00a0\u2018<strong>Activate<\/strong>\u2019 button and \u201cOpen Mart\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=\"630\" height=\"486\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-2.png?resize=630%2C486&#038;ssl=1\" alt=\"installation-open-mart-step-2\" class=\"wp-image-29467\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-2.png?w=630&amp;ssl=1 630w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-2.png?resize=300%2C231&amp;ssl=1 300w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3<\/strong>: After activating \u201cOpen Mart\u201d in your dashboard, Go to <strong>Open Mart 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\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"276\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-3.png?resize=663%2C276&#038;ssl=1\" alt=\"installation-open-mart-step-3\" class=\"wp-image-29468\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-3.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-step-3.png?resize=300%2C125&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group installing-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Open Mart Pro<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Installing Open Mart Pro Plugin in your WordPress dashboard, follow the instructions mentioned below \u2013<\/li>\n\n\n\n<li><strong>Step 1<\/strong> : Navigate to ThemeHunk homepage, You will see \u201cThemes\u201d menus on the top, when you hover over it you\u2019ll see <strong><a href=\"https:\/\/themehunk.com\/pro-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pro Themes<\/a>, <\/strong>click on it. In the Pro Themes page you&#8217;ll see <strong>Open Mart Pro<\/strong>, click on <strong><a href=\"https:\/\/themehunk.com\/product\/open-mart\/\" target=\"_blank\" rel=\"noreferrer noopener\">View More<\/a><\/strong> button.<\/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=\"463\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-1.png?resize=663%2C463&#038;ssl=1\" alt=\"installation-open-mart-pro-step-1\" class=\"wp-image-29470\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-1.png?resize=300%2C210&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\u00a0<\/strong>: Open Mart pro sales-page will open, Afterward, just simply hit the <strong>\u2018Upgrade to Pro\u2019<\/strong>\u00a0button and it will directly take you to the\u00a0<strong><a href=\"https:\/\/themehunk.com\/product\/open-mart\/#thunk-pricetable\" target=\"_blank\" rel=\"noreferrer noopener\">\u2018Pricing<\/a>\u2018\u00a0<\/strong>section of Open Mart Pro Plugin.<\/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=\"373\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-2.png?resize=663%2C373&#038;ssl=1\" alt=\"installation-open-mart-pro-step-2\" class=\"wp-image-29471\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-2.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-2.png?resize=300%2C169&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3<\/strong>: Now choose your desired plan from here and hit the button\u00a0<strong>Buy Now\u00a0<\/strong>from desired table.<\/li>\n\n\n\n<li><strong>Step 4\u00a0<\/strong>: Purchase your plugin from here, fill all the required details. Login to your member\u2019s area. Your pro plugin has been added in your member\u2019s area dashboard.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"992\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-4.png?resize=663%2C992&#038;ssl=1\" alt=\"installation-open-mart-pro-step-4\" class=\"wp-image-29473\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-4.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-4.png?resize=201%2C300&amp;ssl=1 201w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 5\u00a0<\/strong>: You\u2019ll see a Open Mart Pro plugin zip file in your Member\u2019s area. Download the zip file of plugin.<\/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=\"385\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-5.png?resize=663%2C385&#038;ssl=1\" alt=\"installation-open-mart-pro-step-5\" class=\"wp-image-29476\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-5.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-5.png?resize=300%2C174&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 6\u00a0<\/strong>: Now, Open your\u00a0<strong>WP Dashboard > Plugins > Add New > Upload the Plugin Zip file and Activate it<\/strong>.<\/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=\"217\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-6.png?resize=663%2C217&#038;ssl=1\" alt=\"installation-open-mart-pro-step-6\" class=\"wp-image-29477\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-6.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/installation-open-mart-pro-step-6.png?resize=300%2C98&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now you can customize your website using Pro features.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group 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<h2 class=\"wp-block-heading\">For Pro Theme<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After installing and Activating Open Mart theme &amp; Pro Addon in your dashboard. Go to your <strong>Plugins > Add New Plugin > Search TH Advance Product Search > You&#8217;ll find the plugin, Click on Install and Activate it in your Dashboard.<\/strong><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"295\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/installing-plugin-advance-search-plugin.png?resize=663%2C295&#038;ssl=1\" alt=\"installing-plugin-advance-search-plugin\"><\/li>\n\n\n\n<li>You can also directly Install and Activate the Search plugin. Download it from here <a href=\"https:\/\/mk0themehunkcomn4ks5.kinstacdn.com\/wp-content\/uploads\/2021\/09\/th-advance-product-search.zip\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TH Advance Product Search plugin<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">For Free Theme<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After installing and Activating theme in your dashboard. Go to your <strong>Appearance > Open Mart options > 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\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1178\" height=\"486\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/Add-search-bar-in-theme.png?resize=1178%2C486&#038;ssl=1\" alt=\"Add search bar in theme\" class=\"wp-image-31812\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/Add-search-bar-in-theme.png?w=1178&amp;ssl=1 1178w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/Add-search-bar-in-theme.png?resize=300%2C124&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/Add-search-bar-in-theme.png?resize=1024%2C422&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/02\/Add-search-bar-in-theme.png?resize=768%2C317&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/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>This will display Search bar in your website.To know how this plugin works, Go with this <a href=\"https:\/\/themehunk.com\/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 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 > Appearance > 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\">How to Import Demo Data ?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To know how to import demo data of Open mart theme, follow this Video tutorial &#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=\"How to import demo data in Open Mart eCommerce theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/yeGKgijByvk?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<h2 class=\"wp-block-heading\">Site Identity<\/h2>\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 > Appearance > Customize > WordPress Default > Site identity<\/strong>.<\/li>\n\n\n\n<li>Logo\u2013 Upload a logo image with specific width and height.<\/li>\n\n\n\n<li>Logo width \u2013 Set the desired logo image width.<\/li>\n\n\n\n<li>Site Title &amp; Tagline \u2013 Display site title &amp; tagline in-place of Logo.<\/li>\n\n\n\n<li>Site Title &amp; Tagline Show\/Hide \u2013 Check on the radio button display site title and tagline.<\/li>\n\n\n\n<li>Site Icon \u2013 You can upload a site icon for your browser.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/site-identity-open-mart.png?resize=663%2C330&#038;ssl=1\" alt=\"site-identity-open-mart\" class=\"wp-image-23541\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/site-identity-open-mart.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/site-identity-open-mart.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/site-identity-open-mart.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 homepage-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Homepage Setting<\/h2>\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 > Page > Add New > Create a Page<\/strong>.<\/li>\n\n\n\n<li>In the right sidebar of your editor you will see Page attributes > Template. Click on the template and select the option Homepage template. Publish it.<\/li>\n\n\n\n<li>Navigate to <strong>Customize panel > WordPress Default > Homepage Settings<\/strong>. In homepage settings. Select the radio button of \u201cA static page\u201d and choose your homepage which you have created as front page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/homepage-setting-open-mart.png?resize=663%2C330&#038;ssl=1\" alt=\"homepage-setting-open-mart\" class=\"wp-image-23543\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/homepage-setting-open-mart.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/homepage-setting-open-mart.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/homepage-setting-open-mart.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 layout-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Layout Setting<\/h3>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Header Setting<\/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. For header setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Header<\/strong>.<\/p>\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<ul class=\"wp-block-list\">\n<li>It appears right above the Main header and allows you to show multiple elements.<\/li>\n\n\n\n<li>You\u2019ll get Three layouts One Column layout, Two Columns layout and Three Columns layout. If you want to disable Above Header from your site, select None layout.<\/li>\n\n\n\n<li>In layout columns you can show elements like social icons, menu, Text and Widgets. There are styling options also like height, bottom border and border color. Use them and Style your Above Header.<\/li>\n\n\n\n<li><strong>Social Icons<\/strong> &#8211; To Setup Social icon, Go to Appearance > Customize > <a href=\"https:\/\/themehunk.com\/docs\/open-mart\/#social-icon\" target=\"_blank\" rel=\"noreferrer noopener\">Social icon<\/a> and add social profile links here.<\/li>\n\n\n\n<li><strong>Menus<\/strong> &#8211; To Setup Menus, Go with this <a href=\"https:\/\/themehunk.com\/docs\/open-mart\/#menus-setup\" target=\"_blank\" rel=\"noreferrer noopener\">Link<\/a>.<\/li>\n\n\n\n<li><strong>Text <\/strong>&#8211; Add desired Text in the text area.<\/li>\n\n\n\n<li><strong>Widgets<\/strong> &#8211; To display widgets, go to Widgets > Above Header Widget > Choose desired widget from the widget panel.<\/li>\n\n\n\n<li>Disable In Mobile &#8211; By checking this box, You can disable Above header from 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\/11\/above-header-openmart.png?resize=663%2C330&#038;ssl=1\" alt=\"above-header-openmart\" class=\"wp-image-23563\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-header-openmart.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-header-openmart.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-header-openmart.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<ul class=\"wp-block-list\">\n<li>There are different layouts in Main Header. You can modify your overall header by adding layout with other content.<\/li>\n\n\n\n<li>(Pro) &#8211; There are five layouts in pro version and One layout in Free version.<\/li>\n\n\n\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 > Appearance > Menus > Add your Menus Items. <a href=\"https:\/\/themehunk.com\/docs\/open-mart\/#menus-setup\" target=\"_blank\" rel=\"noreferrer noopener\">Follow this<\/a>.<\/li>\n\n\n\n<li><strong>Menu Alignment<\/strong> \u2013 You can choose the menu alignment in your Main Header. You can align the menu left, right and center.<\/li>\n\n\n\n<li><strong>Column 1<\/strong> \u2013 Here you can add call to action Button text, number and Email details.<\/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>Off Canvas Sidebar<\/strong> &#8211; You can Add Off canvas sidebar in your Header Before logo or After logo. Whenever you click on the Off canvas Sidebar icon button, it will open a side panel in your website. To setup widgets in Off canvas sidebar, just go to Widgets > Off Canvas Sidebar > add widget from the Widget panel and Publish it.<\/li>\n\n\n\n<li>Enable or Disable Wishlist, Account and Cart icons from 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\/11\/main-header-openmart.png?resize=663%2C330&#038;ssl=1\" alt=\"main-header-openmart\" class=\"wp-image-23564\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/main-header-openmart.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/main-header-openmart.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/main-header-openmart.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 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>To set Blog page. First Create page > Name the page > Publish it. Now Go to Dashboard > 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\n\n\n<li>For Blog setting, Go to <strong>Appearance > Customizer > Layout > 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><strong>Blog Post content<\/strong> \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><strong>Read More Text<\/strong> \u2013 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>(Pro)\u2013 You&#8217;ll get Numbered, Load and Infinite Scroll navigation for 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"blog-openmart\" class=\"wp-image-23567\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-setting 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<\/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\">Above Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It appears right above the Main Footer and allows you to show multiple elements. You\u2019ll get Three layouts. One Column layout, Two Columns layout and Three Columns layout.<\/li>\n\n\n\n<li>In 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\n\n\n<li><strong>Social Icons<\/strong> &#8211; To Setup Social icon, Go to Appearance > Customize > <a href=\"https:\/\/themehunk.com\/docs\/open-mart\/#social-icon\" target=\"_blank\" rel=\"noreferrer noopener\">Social icon<\/a> and add social profile links here.<\/li>\n\n\n\n<li><strong>Menus<\/strong> &#8211; To Setup Menus, Go with this <a href=\"https:\/\/themehunk.com\/docs\/open-mart\/#menus-setup\" target=\"_blank\" rel=\"noreferrer noopener\">Link<\/a>.<\/li>\n\n\n\n<li><strong>Text <\/strong>&#8211; Add desired Text in the text area.<\/li>\n\n\n\n<li><strong>Widgets<\/strong> &#8211; To display widgets, go to Widgets > Above Footer Widget > Choose desired widget from the widget panel.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-footer-openamrt.png?resize=770%2C384&#038;ssl=1\" alt=\"above-footer-openamrt\" class=\"wp-image-23569\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-footer-openamrt.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-footer-openamrt.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-footer-openamrt.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/above-footer-openamrt.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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>In Footer Widget there are 12 different Bottom Footer Layout in Pro version and Two Layouts in Free Version. You can add unlimited widgets in your footer by selecting the layout.<\/li>\n\n\n\n<li>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.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/widget-footer-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"widget-footer-openmart\" class=\"wp-image-23570\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/widget-footer-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/widget-footer-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/widget-footer-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/widget-footer-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Below Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\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 Three layouts. One Column layout, Two Columns layout and Three Columns layout.<\/li>\n\n\n\n<li>In 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\n\n\n<li><strong>Social Icons<\/strong> &#8211; To Setup Social icon, Go to Appearance > Customize > <a href=\"https:\/\/themehunk.com\/docs\/open-mart\/#social-icon\" target=\"_blank\" rel=\"noreferrer noopener\">Social icon<\/a> and add social profile links here.<\/li>\n\n\n\n<li><strong>Menus<\/strong> &#8211; To Setup Menus, Go with this <a href=\"https:\/\/themehunk.com\/docs\/open-mart\/#menus-setup\" target=\"_blank\" rel=\"noreferrer noopener\">Link<\/a>.<\/li>\n\n\n\n<li><strong>Text <\/strong>&#8211; Add desired Text in the text area.<\/li>\n\n\n\n<li><strong>Widgets<\/strong> &#8211; To display widgets, go to Widgets > Below Footer Widget > Choose desired widget from the widget panel.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/below-footer-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"below-footer-openmart\" class=\"wp-image-23571\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/below-footer-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/below-footer-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/below-footer-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/below-footer-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\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<h3 class=\"wp-block-heading\">Sticky Sidebar (Pro)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For sticky sidebar, Go to\u00a0<strong>Customize > Layout > Sticky sidebar<\/strong>. Sticky sidebar will float on the side of your content while the users scroll the site up and down, without disappearing. This will work on Inner pages and 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/sticky-sidebar-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"sticky-sidebar-openmart\" class=\"wp-image-23573\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/sticky-sidebar-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/sticky-sidebar-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/sticky-sidebar-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/sticky-sidebar-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 > Customize > Layout > 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/move-to-top-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"move-to-top-openmart\" class=\"wp-image-23574\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/move-to-top-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/move-to-top-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/move-to-top-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/move-to-top-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group page-layout has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Page Layout<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Page layout, Go to <strong>Customize > Layout > Page layout<\/strong>. Using this option you can stretch your site end to end.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/page-layout-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"page-layout-openmart\" class=\"wp-image-23575\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/page-layout-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/page-layout-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/page-layout-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/page-layout-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group typography-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Typography (Pro)<\/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<ul class=\"wp-block-list\">\n<li><strong>Base Typography<\/strong> &#8211; For Typography, Go to Appearance > Customizer > Typography > Base Typography. 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\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 \u201cFont Weight\u201d 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/base-typography-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"\" class=\"wp-image-23623\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/base-typography-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/base-typography-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/base-typography-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/base-typography-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\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 \u201cFont Weight\u201d 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/title-typography-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"\" class=\"wp-image-23625\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/title-typography-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/title-typography-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/title-typography-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/title-typography-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 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.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/content-typography-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\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 > Customizer > Frontpage Sections > Top slider<\/strong>.<\/li>\n\n\n\n<li>Five different Layouts are given in Pro Version and Two layouts are given in Free version. 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 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/top-slider-open-mart-1.png?resize=770%2C384&#038;ssl=1\" alt=\"top-slider-open-mart (1)\" class=\"wp-image-23605\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/top-slider-open-mart-1.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/top-slider-open-mart-1.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/top-slider-open-mart-1.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/top-slider-open-mart-1.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 > Customizer > Frontpage Sections > Tabbed Product Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>You can showcase your products category wise in tabbed format.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>Show Recent, Featured and Random 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 add banner image and set its position left or right.<\/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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-carousel-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"tabbed-product-carousel-open-mart\" class=\"wp-image-23606\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-carousel-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-carousel-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-carousel-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-carousel-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group vertical-tabbed has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Vertical Tabbed Carousel<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Vertical Tabbed Carousel, Go to <strong>Appearance > Customizer > Frontpage Sections > Vertical Tabbed Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>You can showcase your products category wise in tabbed format.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>You can show Recent, Featured and Random 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>Upload unlimited Banner images and set the position Left or Right. You can on\/off the banner slide auto play.<\/li>\n\n\n\n<li>Select the No. of product column to show.<\/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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/vertical-tabbed-carousel-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"vertical-tabbed-carousel-open-mart\" class=\"wp-image-23607\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/vertical-tabbed-carousel-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/vertical-tabbed-carousel-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/vertical-tabbed-carousel-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/vertical-tabbed-carousel-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group tabbed-banner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Vertical Banner Tabbed Carousel (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Vertical Banner Tabbed Carousel, Go to <strong>Appearance > Customizer > Frontpage Sections > Vertical Banner Tabbed Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>You can showcase your products category wise in tabbed format.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>Show Recent, Featured and Random 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>Select the No. of product column to show.<\/li>\n\n\n\n<li>You can Disable or enable the section anytime you want.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/vertical-banner-tabbed-carousel-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"vertical-banner-tabbed-carousel-open-mart\"><\/li>\n<\/ul>\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 (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Product Carousel, Go to <strong>Appearance > Customizer > Frontpage Sections > Product Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-catousel-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"product-catousel-open-mart\" class=\"wp-image-23609\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-catousel-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-catousel-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-catousel-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-catousel-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 > Customizer > Frontpage Sections > Woo Category<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>There are Three layouts in Pro version and One layout in Free version. You can show categories using these 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<\/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 > Customizer > Frontpage Sections > Product List Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>Your Products will be display in List Way by selecting the Category. You can show recent, featured or random product in this section.<\/li>\n\n\n\n<li>Add the Section title in text area.<\/li>\n\n\n\n<li>You can add banner image and set its position left or right.<\/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=\"770\" height=\"356\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-list-carousel-open-mart.png?resize=770%2C356&#038;ssl=1\" alt=\"product-list-carousel-open-mart\" class=\"wp-image-23610\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-list-carousel-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-list-carousel-open-mart.png?resize=300%2C139&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-list-carousel-open-mart.png?resize=768%2C355&amp;ssl=1 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Big Featured Product, Go to <strong>Appearance > Customizer > Frontpage Sections > Big Featured Product<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>In this section you can showcase your Featured product in the big Column. To set your Product as Featured Product, Go to Dashboard > Products > Select the Star in the featured column. Or you can select Quick Edit and then the Featured option.<\/li>\n\n\n\n<li>In small columns your Recent, Featured and Random products will display which you have set in your particular category.<\/li>\n\n\n\n<li>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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/big-featured-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"big-featured-open-mart\" class=\"wp-image-23611\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/big-featured-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/big-featured-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/big-featured-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/big-featured-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group tabbed-list has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tabbed Product List Carousel Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Tabbed Product List Carousel, Go to <strong>Appearance > Customizer > Frontpage Sections > Tabbed Product List Carousel<\/strong>.<\/li>\n\n\n\n<li>First Create Categories and Assign Products to them to display Products in your site.<\/li>\n\n\n\n<li>Your Products will be display in List Way and your Category will show in Tabbed format. You can show recent, featured or random product in this section.<\/li>\n\n\n\n<li>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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-list-carousel-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"tabbed-product-list-carousel-open-mart\" class=\"wp-image-23612\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-list-carousel-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-list-carousel-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-list-carousel-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/tabbed-product-list-carousel-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 > Customizer > Frontpage Sections > 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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/ribbon-section-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"ribbon-section-open-mart\" class=\"wp-image-23613\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/ribbon-section-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/ribbon-section-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/ribbon-section-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/ribbon-section-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 > Customizer > Frontpage Sections > Banner Section<\/strong>.<\/li>\n\n\n\n<li>Seven banner layouts are given in Pro version and Two banner layouts are given in Free version. In each layout you can showcase Banner Images 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.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/banner-section-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"banner-section-open-mart\"><\/li>\n<\/ul>\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 (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add brand, Go to <strong>Appearance > Customizer > Frontpage Sections > 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<\/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 > Customizer > Frontpage Sections > 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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/highlight-section-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"highlight-section-open-mart\" class=\"wp-image-23615\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/highlight-section-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/highlight-section-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/highlight-section-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/highlight-section-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-testimonial has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Blog &amp; Testimonial (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Blog &amp; Testimonial, Go to <strong>Appearance > Customizer > Frontpage Sections >Blog &amp; Testimonial<\/strong><\/li>\n\n\n\n<li>You can add Blog Heading, Testimonial Heading and Newsletter Heading individually.<\/li>\n\n\n\n<li>In Blog area you can showcase your Blog post.<\/li>\n\n\n\n<li>In Testimonial you can add testimonial contents like image, title and text of your clients. You showcase unlimited testimonials in your site.<\/li>\n\n\n\n<li>To show Newsletter first you have to install and activate Lead form builder plugin in your WP dashboard. Design a form using this plugin then add Shortcode in the newsletter shortcode text area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-testimonial-section-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"blog-&amp;-testimonial-section-open-mart\" class=\"wp-image-23616\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-testimonial-section-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-testimonial-section-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-testimonial-section-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/blog-testimonial-section-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group custom-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Custom Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Custom Section, Go to Appearance > Customizer > Frontpage Sections > Custom Section.<\/li>\n\n\n\n<li>There are four Custom section available. In Each 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 custom 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/custom-section-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"custom-section-open-mart\" class=\"wp-image-23618\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/custom-section-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/custom-section-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/custom-section-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/custom-section-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Section Ordering setting, go to Appearance > Customize > Frontpage Sections > Section Ordering. 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/section-ordering-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"section-ordering-open-mart\" class=\"wp-image-23620\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/section-ordering-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/section-ordering-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/section-ordering-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/section-ordering-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 > In the left side panel you&#8217;ll see Products > 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.<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\"><\/li>\n\n\n\n<li>Now Navigate to Products > 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 inner-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Inner page Template (Pro)<\/h3>\n<\/section>\n\n\n\n<section class=\"wp-block-group faq-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Faq Page (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This Faq page template help your business respond to the needs of your audience more quickly and appropriately. You can display question and their answers in your site.<\/li>\n\n\n\n<li>For Faq template option, Create a page, Go to <strong>Dashboard > Pages > Create new page and select Faq template from Page Attributes<\/strong>. After that Navigate to <strong>Appearance > Customize > Innerpage Template > Faq Template<\/strong>.<\/li>\n\n\n\n<li>In Faq template, You can add elements like Title &amp; Text by adding New Faq. You can add unlimited Faq in your page.<\/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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/faq-template-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"faq-template-open-mart\" class=\"wp-image-23769\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/faq-template-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/faq-template-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/faq-template-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/faq-template-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group contact-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Contact us Page (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using Contact template visitor can contact you using form and you can easily collect leads in your Dashboard.<\/li>\n\n\n\n<li>For Contact template, First you need to Install &amp; activate <a href=\"https:\/\/downloads.wordpress.org\/plugin\/lead-form-builder.zip\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lead form Builder plugin<\/a> after that create a Contact form.<\/li>\n\n\n\n<li>Create a page, Go to <strong>Dashboard > Pages > Create new page and select Contact template from Page Attributes<\/strong>. After that Navigate to <strong>Appearance > Customize > Innerpage Template > 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 and Working hours. Just add the shortcode of form which you have created using Lead form builder plugin.<\/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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/contact-us-template-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"contact-us-template-open-mart\" class=\"wp-image-23770\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/contact-us-template-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/contact-us-template-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/contact-us-template-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/contact-us-template-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<\/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<h2 class=\"wp-block-heading\">Global Color<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Global colors option, Go to <strong>Appearance > Customize > 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/global-color-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"global-color-openmart\" class=\"wp-image-23577\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/global-color-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/global-color-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/global-color-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/global-color-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Header Color (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To change Color in your Header, Navigate to Appearance > Customize > Color > Background > Header. You can pick color for your overall header which includes \u201cMain Header\u201d, \u201cAbove header\u201d, \u201cBelow header\u201d, &#8220;Sticky Header&#8221;, &#8220;Mobile Color&#8221;, &#8220;Off Canvas Sidebar&#8221;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Above Header \u2013<\/h2>\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<h2 class=\"wp-block-heading\">Below Header \u2013<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This Below header color option will work on Layout 1, 3 and 4. You can change the Header Background color, Icon color, text color, link, Button color etc.<\/li>\n\n\n\n<li>You can also pick color fro Category box background and text. You can also pick the color of Drop down Category box.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Main Header \u2013<\/h2>\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.<\/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<h2 class=\"wp-block-heading\">Mobile \u2013<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Header and Background Color \u2013 Pick color for your Mobile\/Pan background and Header Color.<\/li>\n\n\n\n<li>Mobile Content Color \u2013 Pick color for Menu link, Link hover. Close button background color and icon color.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Sticky Header Color &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can do all the above setting for Sticky Header too. You can pick color for Background, Site Title, Menu, Sub menu and Sticky Icon Color<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Off Canvas Sidebar Color &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick for each element like Icon color, Sidebar Background color, whole Content Color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/header-color-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"header-color-open-mart\" class=\"wp-image-23578\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/header-color-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/header-color-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/header-color-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/header-color-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Footer Color (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To change color in your Footer Area, Navigate to Appearance &gt; Customize &gt; Total Color &amp; BG options &gt; Footer. You can pick color for your overall Footer which includes \u201cFooter Widget\u201d, \u201cAbove &amp; Below Footer\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Above Footer \u2013<\/h2>\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<h2 class=\"wp-block-heading\">Footer Widget \u2013<\/h2>\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 > Customize > Layout > 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<h2 class=\"wp-block-heading\">Below Footer \u2013<\/h2>\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>Below 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/footer-color-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"footer-color-openmart\" class=\"wp-image-23579\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/footer-color-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/footer-color-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/footer-color-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/footer-color-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Content Color (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Total Color &amp; Background > Content. From this option you can pick color for Heading h1 to h6 and also change Background color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/content-color-openmart.png?resize=770%2C384&#038;ssl=1\" alt=\"content-color-openmart\" class=\"wp-image-23580\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/content-color-openmart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/content-color-openmart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/content-color-openmart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/content-color-openmart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">WooCommerce Color (Pro)<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Product Color &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Total Color &amp; Background > Products. From this option you can pick color for Product elements on Shop page.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Sale Badge Color &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Total Color &amp; Background > Sale Badge. From this option you can pick color for Sale badge Text color and Background color.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Single Product Color &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Total Color &amp; Background > 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-electromart.png?resize=770%2C384&#038;ssl=1\" alt=\"woocommerce-electromart\" class=\"wp-image-23581\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-electromart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-electromart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-electromart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-electromart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group front-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Frontpage Sections Color (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Total Color &amp; Background > 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/fraontpage-openamrt.png?resize=770%2C384&#038;ssl=1\" alt=\"fraontpage-openamrt\" class=\"wp-image-23582\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/fraontpage-openamrt.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/fraontpage-openamrt.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/fraontpage-openamrt.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/fraontpage-openamrt.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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>You can use a Pre Loader while your website page is loading or you can use it as a welcome screen to engage user.<\/li>\n\n\n\n<li>For Pre loader, Go to <strong>Appearance > Customizer > 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/preloader-electromart.png?resize=770%2C384&#038;ssl=1\" alt=\"preloader-electromart\" class=\"wp-image-23584\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/preloader-electromart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/preloader-electromart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/preloader-electromart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/preloader-electromart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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\u00a0<strong>Appearance > Customizer > Layout > Header > Above Header.\u00a0<\/strong>Select layout > 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\u00a0<strong>Appearance > Customize > 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/social-icon-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"social-icon-open-mart\" class=\"wp-image-23585\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/social-icon-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/social-icon-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/social-icon-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/social-icon-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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 <strong>WooCommerce Plugin<\/strong> and activate it from the Recommended plugins available in Open mart 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\/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 > WooCommerce. Here you&#8217;ll get all the Woo Setting for your Shop Products.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-setting-open-mart-pro.png?resize=770%2C384&#038;ssl=1\" alt=\"woocommerce-setting-open-mart-pro\" class=\"wp-image-23733\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-setting-open-mart-pro.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-setting-open-mart-pro.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-setting-open-mart-pro.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/woocommerce-setting-open-mart-pro.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Product Style<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using this option you can add different style in your shop product.<\/li>\n\n\n\n<li>Product Image Hover Style \u2013 You can display your product in \u201cZoom\u201d hover style in free version and &#8220;Swap&#8221; &amp; &#8220;Zoom&#8221; hover style in Pro version. You can select None if you don&#8217;t need any 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> (Pro) &#8211; In fade 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<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-style-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"product-style-open-mart\" class=\"wp-image-23587\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-style-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-style-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-style-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/product-style-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Single Product<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To setup Up sell Product, Go to WooCommerce > Products and select the product on which you\u2019d like to show in Up-sell. Scroll down to the Product Data panel. Select the Linked Products tab in the left menu. Add the product you wish to link to by searching for it.<\/li>\n\n\n\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.<\/li>\n\n\n\n<li>To display Upsell Product, Go to<strong> Appearance > Customizer > WooCommerce > Single Product<\/strong>. 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. 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\n\n\n<li><strong>Force to disable sidebar in product page<\/strong> &#8211; Using this option you can disable or enable sidebar from your Product pages.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/single-product-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"single-product-open-mart\" class=\"wp-image-23588\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/single-product-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/single-product-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/single-product-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/single-product-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Cart Page<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To setup Cart page. Go to<strong> Dashboard > Pages > Create a page > Name it cart > Add [woocommerce_cart] shortcode<\/strong> and Publish it. Now Navigate to WooCommerce > Setting > Advanced. In Page setup, set Cart Page from the Select Box. Save it.<\/li>\n\n\n\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> Appearance > 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=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/cart-page-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"cart-page-open-mart\" class=\"wp-image-23589\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/cart-page-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/cart-page-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/cart-page-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/cart-page-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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<h2 class=\"wp-block-heading\">Shop Page<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WP dashboard > Pages > add new page > For Shop page \u2013 No Shortcode is needed. Just Create a blank page.<\/li>\n\n\n\n<li>Navigate to WooCommerce > Setting > Products. Set your Shop page from the Select Box. And save it.<\/li>\n\n\n\n<li>For Shop page setting, Navigate to <strong>Appearance > Customize > WooCommerce > Shop page<\/strong>.<\/li>\n\n\n\n<li><strong>Shop Page Pagination<\/strong> (Pro) \u2013 Choose Numbered, Load more and Infinite post pagination and it will provide you better navigation for your shop page. You can also add Load More text.<\/li>\n\n\n\n<li><strong>Display Product View<\/strong> &#8211;\u00a0 You can display your products in shop page in Grid and List view.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/shop-page-open-mart.png?resize=770%2C384&#038;ssl=1\" alt=\"shop-page-open-mart\" class=\"wp-image-23590\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/shop-page-open-mart.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/shop-page-open-mart.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/shop-page-open-mart.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/shop-page-open-mart.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/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\/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 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 different Widgets which can be used in Sidebar of Shop page 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 > Customize > Widgets<\/strong>.<\/li>\n\n\n\n<li><strong>About Us Widget\u00a0<\/strong>\u2013 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\n\n\n<li><strong>Product list Slider Widget<\/strong> (Pro) &#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\n\n\n<li><strong>Product Slider Widget<\/strong> (Pro) -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\n\n\n<li><strong>Single Product Slider Widget<\/strong> (Pro) &#8211; Using this widget you can showcase Single Product with a slider. You can display this widget in Custom sections, sidebar and Footer area.<\/li>\n\n\n\n<li><strong>Multi Product Slide <\/strong>\u00a0(Pro) &#8211; Using this widget you can showcase Multiple slide of your Products. You can use this widget in Custom sections and footer area.<\/li>\n\n\n\n<li><strong>Vertical Product Widget<\/strong> (Pro) &#8211; Using this widget you can showcase your shop products Vertically with their Category. You can use this widget in Custom sections.<\/li>\n\n\n\n<li><strong>Tabbed Product Widget<\/strong> (Pro) &#8211; Using this widget you can showcase Your Shop products. You can use this widget in Custom sections.<\/li>\n\n\n\n<li><strong>Vertical Banner Tabbed Widget<\/strong> (Pro) &#8211; Using this widget you can showcase your shop products Vertically with their Category and Banner image. You can use this widget in Custom sections.<\/li>\n\n\n\n<li><strong>Tabbed Product Widget<\/strong> (Pro) &#8211; Using this widget you can showcase your shop products Vertically with their Category. You can use this widget in Custom sections.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note &#8211;<\/strong> As per as your requirement, You can use these widgets in any Widget area like Custom sections, Footer area, header area etc.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"384\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/multiple-widget-open-mart-1.png?resize=770%2C384&#038;ssl=1\" alt=\"multiple-widget-open-mart (1)\" class=\"wp-image-23592\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/multiple-widget-open-mart-1.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/multiple-widget-open-mart-1.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/multiple-widget-open-mart-1.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/11\/multiple-widget-open-mart-1.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group get-support has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Get Help<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you face any difficulties, feel free to contact our support team at <a href=\"https:\/\/www.support.themehunk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>.<\/li>\n\n\n\n<li>You can also <a href=\"https:\/\/themehunk.com\/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>\n","protected":false},"excerpt":{"rendered":"<p>Installing Open Mart Lite Installing Open Mart Pro How to Add Search Bar in Theme. For Pro Theme For Free Theme How to Setup Menus How to Import Demo Data ? Site Identity Using this Option panel you can display Site logo or site title tagline and site icon in your website. Homepage Setting Layout [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-23303","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\/23303","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":5,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/23303\/revisions"}],"predecessor-version":[{"id":68571,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/23303\/revisions\/68571"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=23303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}