{"id":10186,"date":"2023-09-04T08:06:40","date_gmt":"2023-09-04T02:36:40","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=10186"},"modified":"2024-06-12T17:15:52","modified_gmt":"2024-06-12T11:45:52","slug":"shopperline-theme","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/shopperline-theme\/","title":{"rendered":"ShopperLine Lite"},"content":{"rendered":"<section class=\"wp-block-group installing-theme has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Theme &amp; plugin<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, download the <a href=\"https:\/\/downloads.wordpress.org\/theme\/shopline.zip\" rel=\"nofollow noopener\" target=\"_blank\">ShopperLine theme<\/a> zip file.<\/li>\n\n\n\n<li>Login to WordPress dashboard .<\/li>\n\n\n\n<li><strong>Go to \u201cAppearance > Theme\u201d<\/strong>.<\/li>\n\n\n\n<li>Click on \u201cAdd new\u201d button and then click on &#8220;Upload theme&#8221; button. Here upload theme zip file.<\/li>\n\n\n\n<li>Activate the theme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"951\" height=\"543\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/install-shopline.png?resize=951%2C543&#038;ssl=1\" alt=\"\" class=\"wp-image-12000\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/install-shopline.png?w=951&amp;ssl=1 951w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/install-shopline.png?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/install-shopline.png?resize=768%2C439&amp;ssl=1 768w\" sizes=\"(max-width: 951px) 100vw, 951px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>For creating a store, you need to install the following plugin<\/strong><br><strong>Woocommerce \u2013<\/strong><br>Woocommerce plugin is a free e-commerce plugin which allows you to sell anything online.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Plugin > Add new.<\/li>\n\n\n\n<li>Search Woocommerce plugin in the search box and activate the plugin, installation is done.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>YITH Woocommerce wishlist \u2013<\/strong><br>This plugin will allow you to add wishlist functionality to your e-commerce.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Again Go to plugin > Add new<\/li>\n\n\n\n<li>Search YITH Woocommerce wishlist and activate the plugin, installation is done.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group oneclick-setup has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">One Click Setup<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Just Navigate to Appearance > Customize panel<\/strong>. Here option is given for installing plugin and setup homepage in just one click. Just a one click your homepage will be setup.<img data-recalc-dims=\"1\" decoding=\"async\" width=\"280\" height=\"197\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/one-click-setup-customize-shopline-doc.png?resize=280%2C197&#038;ssl=1\" alt=\"\"><br><img data-recalc-dims=\"1\" decoding=\"async\" width=\"293\" height=\"217\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/one-click-setup-customize-1-shopline-doc.png?resize=293%2C217&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group demo-import has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Demo Import<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WP dashboard. Navigate to Appearance > Get started with shopline<\/strong>. Here you will see a option button &#8220;Demo import&#8221;. Click on it.<\/li>\n\n\n\n<li>Before importing demo make sure WooCommerce &amp; ThemeHunk customizer Plugin has been installed on your dashboard.<\/li>\n\n\n\n<li>Click on the Button &#8220;<strong>One Click Install<\/strong>&#8220;. Install and active the plugin. Now you&#8217;ll see a option of Import demo data in your appearance sidebar.<\/li>\n\n\n\n<li>Click on the button &#8220;<strong>Import demo data<\/strong>&#8220;. Wait for few minutes Your demo will import successfully.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"528\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/demo-import.png?resize=563%2C528&#038;ssl=1\" alt=\"demo-import\" class=\"wp-image-12253\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/demo-import.png?w=563&amp;ssl=1 563w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/demo-import.png?resize=300%2C281&amp;ssl=1 300w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group menu-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Menu Setting<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Section Scrolling Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Scrolling menu please follow the below steps \u2013<\/li>\n\n\n\n<li><strong>Go to WP Dashboard > \u201cAppearance > Menus\u201d and create a new custom menu<\/strong>.<\/li>\n\n\n\n<li>Add new link from \u201clinks\u201d tab.<\/li>\n\n\n\n<li>Here you need to add section id in \u201cURL\u201d field.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1164\" height=\"795\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Menus-image-shopline.png?resize=1164%2C795&#038;ssl=1\" alt=\"\" class=\"wp-image-12023\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Menus-image-shopline.png?w=1164&amp;ssl=1 1164w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Menus-image-shopline.png?resize=300%2C205&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Menus-image-shopline.png?resize=768%2C525&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Menus-image-shopline.png?resize=1024%2C699&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can put below id\u2019s for section scrolling menu.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Services &#8211;\u00a0 #services<\/li>\n\n\n\n<li>Woocommerce category slider \u2013 #category_section<\/li>\n\n\n\n<li>Ribbon section \u2013 #ribbon_section<\/li>\n\n\n\n<li>Woocommerce Product section \u2013 #featured_product_section<\/li>\n\n\n\n<li>Product Slider &#8211; #featured_product_section1<\/li>\n\n\n\n<li>Testimonial section \u2013 #testimonial_section<\/li>\n\n\n\n<li>About us \u2013 #aboutus_section<\/li>\n\n\n\n<li>Latest blog section \u2013 #post_section<\/li>\n\n\n\n<li>Three column Ad \u2013 #hot_sell_section<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Front Page Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Dashboard > Appearance<\/strong>. For showing your menu in front page header on your site. <strong>Navigate to Menus > Create menu > Menu Settings<\/strong>. Here three menu options &#8211; FrontPage Menu, Main Menu and Footer Menu.<\/li>\n\n\n\n<li>Now select \u201cFront Menu\u201d as a Theme Location for Section Menus. Display Menu on front page header.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1179\" height=\"754\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/frontpage-menu-shopline.png?resize=1179%2C754&#038;ssl=1\" alt=\"\" class=\"wp-image-12035\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/frontpage-menu-shopline.png?w=1179&amp;ssl=1 1179w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/frontpage-menu-shopline.png?resize=300%2C192&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/frontpage-menu-shopline.png?resize=768%2C491&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/frontpage-menu-shopline.png?resize=1024%2C655&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"main-menu\">Main Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Dashboard > Appearance<\/strong>. For showing your menu in inner pages on your site. <strong>Navigate to Menus > Create menu > Menu Settings<\/strong>.<\/li>\n\n\n\n<li>Now select \u201cMain Menu\u201d as a Theme Location for Section Menus. Display Menu on inner pages header.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1180\" height=\"735\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-menu-shopline.png?resize=1180%2C735&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Footer Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For showing your menu on footer. <strong>Navigate to Menus > Create menu > Menu Settings<\/strong>.<\/li>\n\n\n\n<li>Now select \u201cFooter Menu\u201d as a Theme Location for Section Menus. Display Menu on Footer section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1172\" height=\"737\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Footer-menu-shopline.png?resize=1172%2C737&#038;ssl=1\" alt=\"\" class=\"wp-image-12039\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Footer-menu-shopline.png?w=1172&amp;ssl=1 1172w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Footer-menu-shopline.png?resize=300%2C189&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Footer-menu-shopline.png?resize=768%2C483&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Footer-menu-shopline.png?resize=1024%2C644&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group site-identity has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Site Identity<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To display Site logo or site title tagline and site icon on your site.<\/li>\n\n\n\n<li><strong>Dashboard > Appearance > Customize > Site identity<\/strong>.<\/li>\n\n\n\n<li><strong>Logo<\/strong>&#8211; Upload a logo image with specific width and height.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline<\/strong> &#8211; Display site title &amp; tagline in-place of Logo.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline Show\/Hide<\/strong> &#8211; Check on the radio button display site title and tagline.<\/li>\n\n\n\n<li><strong>Site Icon<\/strong> &#8211; 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=\"280\" height=\"574\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Site-identity-image-shopline.png?resize=280%2C574&#038;ssl=1\" alt=\"\" class=\"wp-image-12053\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Site-identity-image-shopline.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Site-identity-image-shopline.png?resize=146%2C300&amp;ssl=1 146w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Appearance Setting > Typography<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You can add typography on your site. Here multiple google font families are available.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Font subsets &#8211; You can use multiple font subsets for your site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"335\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/font-subsets-typography-shopline.png?resize=297%2C335&#038;ssl=1\" alt=\"\" class=\"wp-image-12057\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/font-subsets-typography-shopline.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/font-subsets-typography-shopline.png?resize=266%2C300&amp;ssl=1 266w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Body &#8211; Choose Font family for body of site. Adjust the font size, line height and letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"412\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/body-typography-shopline.png?resize=291%2C412&#038;ssl=1\" alt=\"\" class=\"wp-image-12058\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/body-typography-shopline.png?w=291&amp;ssl=1 291w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/body-typography-shopline.png?resize=212%2C300&amp;ssl=1 212w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading (H1) &#8211; This will be applicable for all h1 heading like page title, product title in single page. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"474\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h1-typography-shopline.png?resize=295%2C474&#038;ssl=1\" alt=\"heading h1 typography shopline\" class=\"wp-image-12059\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h1-typography-shopline.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h1-typography-shopline.png?resize=187%2C300&amp;ssl=1 187w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading (H2) &#8211; This will be applicable for all h2 heading like slider heading, section heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"489\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h2-typography-shopline.png?resize=294%2C489&#038;ssl=1\" alt=\"heading h2 typography shopline\" class=\"wp-image-12061\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h2-typography-shopline.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h2-typography-shopline.png?resize=180%2C300&amp;ssl=1 180w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading (H3) &#8211; This will be applicable for all h3 heading like product title, blog title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"482\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h3-typography-shopline.png?resize=297%2C482&#038;ssl=1\" alt=\"heading h3 typography shopline\" class=\"wp-image-12062\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h3-typography-shopline.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h3-typography-shopline.png?resize=185%2C300&amp;ssl=1 185w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading 4 (H4) &#8211; This will be applicable for all h4 heading like footer widget title, sidebar widget title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"513\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h4-typography-shopline.png?resize=293%2C513&#038;ssl=1\" alt=\"heading h4 typography shopline\" class=\"wp-image-12063\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h4-typography-shopline.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h4-typography-shopline.png?resize=171%2C300&amp;ssl=1 171w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading 5 (H5) &#8211; This will be applicable for all h5 heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"471\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h5-typography-shopline.png?resize=296%2C471&#038;ssl=1\" alt=\"heading h5 typography shopline\" class=\"wp-image-12064\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h5-typography-shopline.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h5-typography-shopline.png?resize=189%2C300&amp;ssl=1 189w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading 6 (H6) &#8211; This will be applicable for all h6 heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"465\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h6-typography-shopline.png?resize=291%2C465&#038;ssl=1\" alt=\"\" class=\"wp-image-12065\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h6-typography-shopline.png?w=291&amp;ssl=1 291w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/heading-h6-typography-shopline.png?resize=188%2C300&amp;ssl=1 188w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group global-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Global Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Appearance Setting > Global Setting<\/strong>.<\/li>\n\n\n\n<li>Sidebar Alignment &#8211; This setting allows you to set the site layout in all the templates and choose the sidebar alignment for inner page.<\/li>\n\n\n\n<li>Parallax Effect &#8211; Check this option to disable parallax scrolling from complete site ( front page sections and inner pages header ).<\/li>\n\n\n\n<li>If you want to disable parallax scrolling only from Front page hero section. Check this <a href=\"https:\/\/themehunk.com\/fr\/docs\/getting-stretched-zoomed-slider-image-in-shopline\/\" target=\"_blank\" rel=\"noreferrer noopener\">doc<\/a>.<\/li>\n\n\n\n<li>Animation Effect- Check this option to disable Animation Effect from complete site.<\/li>\n\n\n\n<li>Hide back to top button &#8211; You can enable or disable back to top button on your site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"436\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/global-appearance-setting-shopline.png?resize=293%2C436&#038;ssl=1\" alt=\"global appearance setting shopline\" class=\"wp-image-12083\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/global-appearance-setting-shopline.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/global-appearance-setting-shopline.png?resize=202%2C300&amp;ssl=1 202w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group theme-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Theme Color<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Appearance Setting > Theme Color<\/strong>.<\/li>\n\n\n\n<li>Theme Color- Using theme color you can pick the color for those items whose color option is not given.<\/li>\n\n\n\n<li>Background color &#8211; You can pick the background color of inner pages.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"289\" height=\"240\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/theme-color-appearance-shopline.png?resize=289%2C240&#038;ssl=1\" alt=\"\" class=\"wp-image-12085\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group page-container has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Page Container Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Appearance Setting > Page Container Setting<\/strong>.<\/li>\n\n\n\n<li>Set the size (in pixels) for all templates. It will be easy for you to manage the width of your site. By default 1200px has been set. It is the maximum size for homepage and inner pages width.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"253\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/page-container-shopline.png?resize=293%2C253&#038;ssl=1\" alt=\"page container shopline\" class=\"wp-image-12004\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-option has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Header Options<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Admin > Appearance > Customize > Header Options<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"288\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Header-option-hero-shopline.png?resize=297%2C288&#038;ssl=1\" alt=\"\" class=\"wp-image-12078\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In Header option section you can change the styling of your header, front page and inner page.<\/li>\n<\/ul>\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<ul class=\"wp-block-list\">\n<li>Setting &#8211; In header setting you can disable the fixed header, set the header layout and if you want transparent header just check the box (this will be applied for front page template only). You can show last added menu in a custom menu button. You can set the background color and also give color to 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=\"290\" height=\"498\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/header-setting-hero-shopline.png?resize=290%2C498&#038;ssl=1\" alt=\"\" class=\"wp-image-12079\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/header-setting-hero-shopline.png?w=290&amp;ssl=1 290w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/header-setting-hero-shopline.png?resize=175%2C300&amp;ssl=1 175w\" sizes=\"(max-width: 290px) 100vw, 290px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; In style you can pick color for each element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"575\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/header-setting-style-shopline.png?resize=283%2C575&#038;ssl=1\" alt=\"header setting style shopline\" class=\"wp-image-11933\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/header-setting-style-shopline.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/header-setting-style-shopline.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group front-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Front Page Hero<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Header option > Front Page Hero <\/strong>.<\/li>\n\n\n\n<li>Here you can set the styling of front page.<\/li>\n\n\n\n<li>Setting &#8211; Select the height for your front page header using the scroll bar. Choose the hero layout. Six different layouts Slide show, Color, Image, Video, Gradient and one more option is <strong>External plugin<\/strong> if you want to add any slider plugin you can and show your slides. Compatible with all slider plugin<\/li>\n\n\n\n<li><strong>Slide Show &#8211;<\/strong> You can show up-to 3 slides in front page header and also manage the slider speed.<\/li>\n\n\n\n<li><strong>Color &#8211;<\/strong> Pick desired color for your front page header with color transparency.<\/li>\n\n\n\n<li><strong>Image &#8211;<\/strong> Upload any background image in front page header.<\/li>\n\n\n\n<li><strong>Video &#8211;<\/strong> Upload any video with poster image. You can also mute your video.<\/li>\n\n\n\n<li><strong>Gradient &#8211;<\/strong> Three different gradient style for your front page.<br><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"562\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/front-page-hero-shopline.png?resize=278%2C562&#038;ssl=1\" alt=\"front page hero shopline\"><\/li>\n\n\n\n<li>Style &#8211; Choose overlay color or gradient. Six different gradient are there and you can pick color for each element too.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"568\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/front-page-style-setting-shopline.png?resize=282%2C568&#038;ssl=1\" alt=\"front page style setting shopline\" class=\"wp-image-11973\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/front-page-style-setting-shopline.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/front-page-style-setting-shopline.png?resize=149%2C300&amp;ssl=1 149w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/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<h2 class=\"wp-block-heading\">Inner Page Hero<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Header option > Inner Page Hero <\/strong>.<\/li>\n\n\n\n<li>Here you can set the styling of inner pages.<\/li>\n\n\n\n<li>Setting &#8211; Select the height for your inner page header using the scroll bar. Choose the hero layout. Five different layouts Slide show, Color, Image, Video and No header.<\/li>\n\n\n\n<li><strong>Slide Show &#8211;<\/strong> You can show up-to 3 slides in your inner page header and also manage the slider speed.<\/li>\n\n\n\n<li><strong>Color &#8211;<\/strong> Pick desired color for your inner page header with color transparency.<\/li>\n\n\n\n<li><strong>Image &#8211;<\/strong> Upload any background image in header.<\/li>\n\n\n\n<li><strong>Video &#8211;<\/strong> Upload any video with poster image. You can also mute your video.<\/li>\n\n\n\n<li><strong>No header &#8211;<\/strong> If you don&#8217;t want to show any image, color r video you can select the option no header.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"462\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-hero-img-shopline.png?resize=295%2C462&#038;ssl=1\" alt=\"innerpage hero img shopline\" class=\"wp-image-12080\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-hero-img-shopline.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-hero-img-shopline.png?resize=192%2C300&amp;ssl=1 192w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; Choose the overlay as color or gradient. different overlay designs are given.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"407\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-hero-style-shopline.png?resize=296%2C407&#038;ssl=1\" alt=\"innerpage hero style shopline\" class=\"wp-image-12081\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-hero-style-shopline.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-hero-style-shopline.png?resize=218%2C300&amp;ssl=1 218w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group frontpage-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Frontpage section<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Frontpage section<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"531\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/front-page-section-shopline.png?resize=299%2C531&#038;ssl=1\" alt=\"front page section shopline\" class=\"wp-image-11936\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/front-page-section-shopline.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/front-page-section-shopline.png?resize=169%2C300&amp;ssl=1 169w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group category-slider has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Category Slider<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Category Slider<\/strong>.<\/li>\n\n\n\n<li>For this section WooCommerce plugin is required to show Category. So make confirm that you have installed <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WooCommerce<\/a> plugin.<\/li>\n\n\n\n<li>In category slider you can show category slides.<\/li>\n\n\n\n<li>Create <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#create-category\">Category<\/a>.<\/li>\n\n\n\n<li>Navigate to Appearance > Customize panel > category slider. Choose your desired category from category section and show the category in slider. Always remember your category will be only display when you have uploaded the thumbnail image.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"540\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/category-slider-shopline.png?resize=283%2C540&#038;ssl=1\" alt=\"\" class=\"wp-image-11939\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/category-slider-shopline.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/category-slider-shopline.png?resize=157%2C300&amp;ssl=1 157w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\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><strong>Go to Appearance > Customize > Ribbon Section. <\/strong>.<\/li>\n\n\n\n<li>You can add image, video, color with svg, color in this section. Section can be easily disable with disabling heading and sub-heading.<br><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"464\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/ribbon-frontpage-shopline.png?resize=295%2C464&#038;ssl=1\" alt=\"ribbon frontpage shopline\"><\/li>\n\n\n\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-woo has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product (WooCommerce)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Product Section (WooCommerce) <\/strong>.<\/li>\n\n\n\n<li>For this section WooCommerce plugin is required for showing your Category product. So make confirm that you have installed <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WooCommerce<\/a> plugin.<\/li>\n\n\n\n<li>In this section you can show your category product and recent products in a grid layout.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"554\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/product-frontpage-shopline.png?resize=285%2C554&#038;ssl=1\" alt=\"product frontpage shopline\"><\/li>\n\n\n\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-slider has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product Slider<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Product Slider (WooCommerce) <\/strong>.<\/li>\n\n\n\n<li>For this section WooCommerce plugin is required for showing your Category product. So make confirm that you have installed <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WooCommerce<\/a> plugin.<\/li>\n\n\n\n<li>Using product slider you&#8217;ll be able to show your products in a slider. Navigate to Customize > Frontpage section > Product slider. Here choose product type, product category and set the speed of slider.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"549\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/product-slider-shopline.png?resize=284%2C549&#038;ssl=1\" alt=\"product slider shopline\"><\/li>\n\n\n\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group testimonial-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Testimonial Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Testimonial section will help you to show testimonials or reviews of your client. <strong>Go to Customize > Testimonial<\/strong>. Add heading, sub-heading and adjust the slider speed.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"545\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/testimonial-frontpage-shopline.png?resize=277%2C545&#038;ssl=1\" alt=\"testimonial frontpage shopline\" class=\"wp-image-11943\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/testimonial-frontpage-shopline.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/testimonial-frontpage-shopline.png?resize=152%2C300&amp;ssl=1 152w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose testimonial widget. Here you can add author image, author name, testimonial text, website url and link. You can add unlimited testimonial in it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"273\" height=\"494\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/testimonial-widget-shopline.png?resize=273%2C494&#038;ssl=1\" alt=\"\" class=\"wp-image-11967\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/testimonial-widget-shopline.png?w=273&amp;ssl=1 273w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/testimonial-widget-shopline.png?resize=166%2C300&amp;ssl=1 166w\" sizes=\"(max-width: 273px) 100vw, 273px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group service-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Service Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show your services in service section. <strong>Go to Appearance > Customize > Service<\/strong>. Add your desired icon from font awesome icon or upload an image of your service with styling. Pick color for your background and adjust the section padding of top and bottom.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"567\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/services-frontpage-shopline.png?resize=274%2C567&#038;ssl=1\" alt=\"services frontpage shopline\" class=\"wp-image-11944\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/services-frontpage-shopline.png?w=274&amp;ssl=1 274w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/services-frontpage-shopline.png?resize=145%2C300&amp;ssl=1 145w\" sizes=\"(max-width: 274px) 100vw, 274px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group aboutus-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">AboutUs Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display about your company through about us section. <strong>Go to Appearance > Customize > About us<\/strong>. You can upload an image an in the right column and description in the left column. Go to customize > front-page > About us section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"563\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/aboutus-frontpage-shopline.png?resize=283%2C563&#038;ssl=1\" alt=\"\" class=\"wp-image-11945\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/aboutus-frontpage-shopline.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/aboutus-frontpage-shopline.png?resize=151%2C300&amp;ssl=1 151w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group latestblog-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Latest Blog Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Latest blog section allows you to show the your blog. <strong>Go to Appearance > Customize > Latest blog<\/strong>. You can choose latest category, change the text of button, autoplay on\/off the slider.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"545\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/latest-blog-frontpage-shopline.png?resize=284%2C545&#038;ssl=1\" alt=\"latest blog frontpage shopline\" class=\"wp-image-11946\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/latest-blog-frontpage-shopline.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/latest-blog-frontpage-shopline.png?resize=156%2C300&amp;ssl=1 156w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group three-column has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Three column Ad<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show your ad on your site. <strong>Go to Appearance > Customize > Three column Ad<\/strong>. Upload up to Three ad images with image link.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"570\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/three-column-frontpage-shopline.png?resize=284%2C570&#038;ssl=1\" alt=\"three column frontpage shopline\" class=\"wp-image-11947\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/three-column-frontpage-shopline.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/three-column-frontpage-shopline.png?resize=149%2C300&amp;ssl=1 149w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group section-ordering has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Section Ordering<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Section Ordering<\/strong>. Drag and drop any section and change its position according to your need.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"551\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/section-ordering-img-shopline.png?resize=278%2C551&#038;ssl=1\" alt=\"section ordering img shopline\" class=\"wp-image-11964\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/section-ordering-img-shopline.png?w=278&amp;ssl=1 278w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/section-ordering-img-shopline.png?resize=151%2C300&amp;ssl=1 151w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group style-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Style Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Theme contain Style for each section. In style you can pick background color, choose color with SVG (two different design) and color for each element.<\/li>\n\n\n\n<li>If you want to show color in your background. Just select the radio button of color and pick desired color from the color box or put the color code.<\/li>\n\n\n\n<li>If you want to show Color with SVG design in your section. Select the radio button of Color with SVG and choose your desired design of SVG.<\/li>\n\n\n\n<li>If you want to show a background image, just select the radio button of Image, upload an image here and set the overlay transparency.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"545\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/style-setting-shopline.png?resize=280%2C545&#038;ssl=1\" alt=\"style setting shopline\" class=\"wp-image-11971\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/style-setting-shopline.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/style-setting-shopline.png?resize=154%2C300&amp;ssl=1 154w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using Section padding you can adjust the top padding and bottom padding (in px).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"210\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/section-padding-shopline.png?resize=281%2C210&#038;ssl=1\" alt=\"section padding shopline\" class=\"wp-image-11982\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Note &#8211; For Service section you can only choose background color and In Ribbon section you can also choose video for your background.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group shop-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Shop Page setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For creating shopping products. <strong>Navigate to Wp dashboard > Products > Add new<\/strong>. Here create products, fill all the fields and choose category for them.<\/li>\n\n\n\n<li>It allows you to show single product page. You can set the product page left, right or with no sidebar. Choose the product page layout and number of product. Color option will allow you to put desired color in 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=\"282\" height=\"533\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/shop-pages-shopline.png?resize=282%2C533&#038;ssl=1\" alt=\"shop pages shopline\" class=\"wp-image-11949\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/shop-pages-shopline.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/shop-pages-shopline.png?resize=159%2C300&amp;ssl=1 159w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; Change the color of 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=\"284\" height=\"490\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/shop-page-style-shopline.png?resize=284%2C490&#038;ssl=1\" alt=\"shop page style shopline\" class=\"wp-image-11950\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/shop-page-style-shopline.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/shop-page-style-shopline.png?resize=174%2C300&amp;ssl=1 174w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/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<h3 class=\"wp-block-heading\">Footer Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance > Customize > Footer setting<\/strong>.<\/li>\n\n\n\n<li>Upload a footer logo which will be shown in the footer top section.<\/li>\n\n\n\n<li>Add a copyright text in text area.<\/li>\n\n\n\n<li>Add social icon profile links.<\/li>\n\n\n\n<li>You can also show widgets in your footer. For adding widget. Navigate to Widgets option and choose your desired widgets.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"558\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/footer-setting-shopline.png?resize=283%2C558&#038;ssl=1\" alt=\"\" class=\"wp-image-11988\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/footer-setting-shopline.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/footer-setting-shopline.png?resize=152%2C300&amp;ssl=1 152w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group create-category has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Create Category and Product<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP dashboard > Product > Category<\/strong>.<\/li>\n\n\n\n<li>For Category &#8211; Add name, slug, choose parent category, description and upload a thumbnail image.<\/li>\n\n\n\n<li>For Product &#8211; Navigate to products, here add your product and choose desired category for showing your product on site.<\/li>\n\n\n\n<li>Category will be shown in your category slider and products in product section, product slider as well as in shop pages.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1346\" height=\"577\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Create-category-shopline.png?resize=1346%2C577&#038;ssl=1\" alt=\"Create category shopline\" class=\"wp-image-11952\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Create-category-shopline.png?w=1346&amp;ssl=1 1346w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Create-category-shopline.png?resize=300%2C129&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Create-category-shopline.png?resize=768%2C329&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/Create-category-shopline.png?resize=1024%2C439&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br><strong>Note<\/strong> &#8211; For showing Product on your site WooCommerce plugin is must.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group custom-page-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Custom Page Templates<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Dashboard > Pages<\/strong>. Add new page then select the template from page attribute.<\/li>\n\n\n\n<li>Blank template- If you want to hide header and footer from page just use this template. This will only show content in the page .<\/li>\n\n\n\n<li>Contact page template &#8211; If you want to show contact form in page, select this template. Just put the shortcode in contact page setting given in theme options. You can create a form using lead form builder plugin.<\/li>\n\n\n\n<li>Home page template &#8211; Using this template you are able to show default home page sections.<\/li>\n\n\n\n<li>Page Builder template &#8211; You can create multiple pages using any page builder plugin on site.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Note &#8211; For page builder template download any Page Builder plugin from WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to create contact page<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Contact Page template. <strong>Go to Dashboard > Page > Page attributes > Contact Page template<\/strong>. Now publish the page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1340\" height=\"525\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-template-shopline.png?resize=1340%2C525&#038;ssl=1\" alt=\"\" class=\"wp-image-12025\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-template-shopline.png?w=1340&amp;ssl=1 1340w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-template-shopline.png?resize=300%2C118&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-template-shopline.png?resize=768%2C301&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-template-shopline.png?resize=1024%2C401&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to page > click on customize (admin bar). Now you are able to see the Contact Page setting option in customize panel.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"502\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-img-shopline.png?resize=1345%2C502&#038;ssl=1\" alt=\"\" class=\"wp-image-12030\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-img-shopline.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-img-shopline.png?resize=300%2C112&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-img-shopline.png?resize=768%2C287&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-img-shopline.png?resize=1024%2C382&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To create contact form download and activate <a href=\"http:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lead form builder<\/a> on your WP dashboard.<\/li>\n\n\n\n<li>Add the shortcode of form and fill other fields then you are able to show a contact form on page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"570\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-shopline.png?resize=281%2C570&#038;ssl=1\" alt=\"\" class=\"wp-image-12026\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-shopline.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/contact-page-setting-shopline.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group css-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Additional CSS<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add additional CSS go to <strong>Appearance > Customize > Additional CSS<\/strong> and simply put the CSS here.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"321\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/css-section.png?resize=297%2C321&#038;ssl=1\" alt=\"\" class=\"wp-image-9504\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/css-section.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/css-section.png?resize=278%2C300&amp;ssl=1 278w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For more information you can contact our support team at support forum.<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Installing Theme &amp; plugin For creating a store, you need to install the following pluginWoocommerce \u2013Woocommerce plugin is a free e-commerce plugin which allows you to sell anything online. YITH Woocommerce wishlist \u2013This plugin will allow you to add wishlist functionality to your e-commerce. One Click Setup Demo Import Menu Setting Section Scrolling Menu Front [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-10186","docs","type-docs","status-publish","hentry","docscate-lite-themes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/10186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":4,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/10186\/revisions"}],"predecessor-version":[{"id":67655,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/10186\/revisions\/67655"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=10186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}