{"id":8856,"date":"2023-08-25T07:05:30","date_gmt":"2023-08-25T01:35:30","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=8856"},"modified":"2024-06-13T17:03:52","modified_gmt":"2024-06-13T11:33:52","slug":"shopperline-pro","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/shopperline-pro\/","title":{"rendered":"Shopper Line Pro"},"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 Theme<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, download the Shopline theme zip file from the <a href=\"https:\/\/members.themehunk.com\/member\" target=\"_blank\" rel=\"noreferrer noopener\">member\u2019s area<\/a>.<\/li>\n\n\n\n<li>Login to WordPress dashboard.<\/li>\n\n\n\n<li>Go to \u201cAppearance &gt; Theme\u201d.<\/li>\n\n\n\n<li>Click on \u201cAdd new\u201d button and then click on \u201cUpload theme\u201d 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=\"946\" height=\"467\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/install-shopline-pro-img-doc.png?resize=946%2C467&#038;ssl=1\" alt=\"install shopline pro img doc\" class=\"wp-image-12293\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/install-shopline-pro-img-doc.png?w=946&amp;ssl=1 946w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/install-shopline-pro-img-doc.png?resize=300%2C148&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/install-shopline-pro-img-doc.png?resize=768%2C379&amp;ssl=1 768w\" sizes=\"(max-width: 946px) 100vw, 946px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">For our Shopline theme, you need to install the required plugin &#8211;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Woocommerce<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Woocommerce plugin is a free e-commerce plugin which allows you to sell anything online.<br>To install this plugin-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to WordPress Admin panel.<\/li>\n\n\n\n<li>Go to Plugin &gt; Add new.<\/li>\n\n\n\n<li>Search Woocommerce plugin in the search box and activate the plugin, installation is done.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">YITH Woocommerce wishlist<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This plugin will allow you to add wishlist functionality to e-commerce.<br>To install this plugin-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Again Go to plugin &gt; Add new<\/li>\n\n\n\n<li>Search YITH Woocommerce wishlist and activate the plugin, installation is done.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group homepage-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Set Homepage<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For creating Homepage on your site follow the below instructions &#8211;<\/li>\n\n\n\n<li><strong>Go to Wp Dashboard &gt; Page &gt; Add New &gt; Create a Page.<\/strong><\/li>\n\n\n\n<li>In the right sidebar of your editor you will see Page attributes &gt; Template. Click on the template and select the option Homepage template. Publish it.<\/li>\n\n\n\n<li>Navigate to Customize panel. In homepage settings. Select the radio button of A Static page and choose your homepage which you have created as front page.<img data-recalc-dims=\"1\" decoding=\"async\" width=\"1355\" height=\"530\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/homepage-shopline-pro-doc.png?resize=1355%2C530&#038;ssl=1\" alt=\"\"><br><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Homepage Setup Shopline Pro Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/xJcWv1E4z0A?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<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\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<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"WordPress Themes - ThemeHunk Template Import\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/TicpvsTeY_Y?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\n\n\n<p class=\"wp-block-paragraph\"><br><strong>Note &#8211;<\/strong> &#8220;This video showing onelinepro template import process, But same will work for all ThemeHunk themes.&#8221;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For more information follow this&nbsp;<a href=\"https:\/\/themehunk.com\/fr\/docs\/how-to-import-themehunk-templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a>.<\/li>\n<\/ul>\n<\/section>\n<\/div>\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 &gt; Appearance &gt; Customize &gt; Site identity.<\/strong><\/li>\n\n\n\n<li><strong>Logo<\/strong>\u2013 Upload a logo image with specific width and height.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline<\/strong> \u2013 Display site title &amp; tagline in-place of Logo.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline Show\/Hide<\/strong> \u2013 Check on the radio button display site title and tagline.<\/li>\n\n\n\n<li><strong>Site Icon<\/strong> \u2013 You can upload a site icon for your browser.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"281\" height=\"565\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/site-identity-shopline-pro.png?resize=281%2C565&#038;ssl=1\" alt=\"site identity shopline pro\" class=\"wp-image-12941\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/site-identity-shopline-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/site-identity-shopline-pro.png?resize=149%2C300&amp;ssl=1 149w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Style<\/strong> &#8211; Pick desired Color for site title &amp; sub title.<\/li>\n\n\n\n<li><strong>Site title Typography<\/strong> &#8211; You can change the typography of site title and site tagline.<\/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=\"554\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/site-identity-style-shopline-pro.png?resize=282%2C554&#038;ssl=1\" alt=\"site identity style shopline pro\" class=\"wp-image-12942\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/site-identity-style-shopline-pro.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/site-identity-style-shopline-pro.png?resize=153%2C300&amp;ssl=1 153w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/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\">How to setup Menu<\/h3>\n<\/section>\n\n\n\n<section class=\"wp-block-group scroll-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\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 &gt; \u201cAppearance &gt; 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.<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=\"\"><\/li>\n\n\n\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>Woocommerce category slider \u2013 #category_section<\/li>\n\n\n\n<li>Ribbon section \u2013 #ribbon_section<\/li>\n\n\n\n<li>Service section &#8211; #services<\/li>\n\n\n\n<li>Woocommerce Product section \u2013 #featured_product_section<\/li>\n\n\n\n<li>Woocommerce Product slider &#8211; #featured_product_section1<\/li>\n\n\n\n<li>Banner section \u2013 #hot_deal_section<\/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>Fact Counter &#8211; #counter<\/li>\n\n\n\n<li>Woocommerce widget section \u2013 #best_sell_section<\/li>\n\n\n\n<li>Three column featured \u2013 #hot_sell_section<\/li>\n\n\n\n<li>Brand section \u2013 #brand_section<\/li>\n\n\n\n<li>Brand section \u2013 #instagram-section<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group front-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\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 &gt; Appearance<\/strong>. For showing your menu in front page header on your site. <strong>Navigate to Menus &gt; Create menu &gt; 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<\/section>\n\n\n\n<section class=\"wp-block-group main-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Main Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Dashboard &gt; Appearance<\/strong>. For showing your menu in inner pages on your site. <strong>Navigate to Menus &gt; Create menu &gt; 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.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><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=\"\" class=\"wp-image-12038\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-menu-shopline.png?w=1180&amp;ssl=1 1180w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-menu-shopline.png?resize=300%2C187&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-menu-shopline.png?resize=768%2C478&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/09\/innerpage-menu-shopline.png?resize=1024%2C638&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\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 &gt; Create menu &gt; 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 mega-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Mega menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Menus. Add a page, category, or custom link.<\/strong><\/li>\n\n\n\n<li>You can create multi column menus, add custom links, page, widgets, post, category in a parent &amp; dropdown menu and change WordPress menu style. This allows you to set additional parent links and submenus (nested menu) within the drop-down menu. You can see more links all at once.<\/li>\n\n\n\n<li><strong>Mega menu setting<\/strong> &#8211; On the &#8220;Dropdown Column&#8221; option panel select the Mega menu and save menu. The menu in which you have selected the mega menu is parent menu.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"485\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/mega-menu-1.png?resize=844%2C485&#038;ssl=1\" alt=\"\"><\/li>\n\n\n\n<li>You can set the header titles above the nested links. You can do this by adding the another level of nested links under the initial nested links. See the below image to do this.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"846\" height=\"578\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Mega-menu-3.png?resize=846%2C578&#038;ssl=1\" alt=\"\" class=\"wp-image-9366\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Mega-menu-3.png?w=846&amp;ssl=1 846w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Mega-menu-3.png?resize=300%2C205&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Mega-menu-3.png?resize=768%2C525&amp;ssl=1 768w\" sizes=\"(max-width: 846px) 100vw, 846px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color option<\/strong> &#8211; Just go to Customize &gt; Header setting &gt; mega menu color, you can pick the color of text, link, text and hover color from here.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"374\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Mega-menu-color-option.png?resize=298%2C374&#038;ssl=1\" alt=\"\" class=\"wp-image-9338\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Mega-menu-color-option.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Mega-menu-color-option.png?resize=239%2C300&amp;ssl=1 239w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\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=\"Menu Setup Shopline Pro theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/H2pAugSw3z8?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 typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Theme Options<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>All changes made in theme options will be applied on whole site.<\/li>\n\n\n\n<li><strong>Go to Appearance &gt; Customize &gt; Theme 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=\"312\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/theme-options-shoplinepro-theme.png?resize=297%2C312&#038;ssl=1\" alt=\"theme options shoplinepro theme\" class=\"wp-image-13002\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/theme-options-shoplinepro-theme.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/theme-options-shoplinepro-theme.png?resize=286%2C300&amp;ssl=1 286w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Inner page Typography<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Theme options &gt; Inner page Typography<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"477\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/inner-page-typography-shopline-pro.png?resize=298%2C477&#038;ssl=1\" alt=\"inner page typography shopline pro\" class=\"wp-image-12948\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/inner-page-typography-shopline-pro.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/inner-page-typography-shopline-pro.png?resize=187%2C300&amp;ssl=1 187w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can add typography in the inner pages of your site. Here multiple google font families are available.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font subsets &#8211; <\/strong>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><strong>Body &#8211;<\/strong> 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><strong>Heading (H1) &#8211;<\/strong> 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\n\n\n<li><strong>Heading (H2) &#8211;<\/strong> This will be applicable for all h2 heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li><strong>Heading (H3) &#8211;<\/strong> 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\n\n\n<li><strong>Heading 4 (H4) &#8211;<\/strong> 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\n\n\n<li><strong>Heading 5 (H5) &#8211;<\/strong> This will be applicable for all h5 heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li><strong>Heading 6 (H6) &#8211;<\/strong> 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=\"700\" height=\"497\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/typography-innerpage-shoplinepro.png?resize=700%2C497&#038;ssl=1\" alt=\"\" class=\"wp-image-13053\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/typography-innerpage-shoplinepro.png?w=700&amp;ssl=1 700w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/typography-innerpage-shoplinepro.png?resize=300%2C213&amp;ssl=1 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/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 &gt; Customize &gt; Theme options &gt; Theme Color &amp; Background setting<\/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 Images &#8211; You can upload bg images in your inner pages and also set the overlay color transparency.<\/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=\"294\" height=\"396\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/theme-color-shoplinepro.png?resize=294%2C396&#038;ssl=1\" alt=\"theme color shoplinepro\" class=\"wp-image-12950\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/theme-color-shoplinepro.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/theme-color-shoplinepro.png?resize=223%2C300&amp;ssl=1 223w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group allpages-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">All pages Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Theme options &gt; All pages Setting<\/strong>.<\/li>\n\n\n\n<li>Page Container Setting &#8211; 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\n\n\n<li>You can also enable the boxed layout for your site.<\/li>\n\n\n\n<li>Parallax Effect &#8211; Parallax effect is given in each section for image. If you want to disable it just check the box.<\/li>\n\n\n\n<li>Animation Effect- Animation effect is given for slider on homepage. If you want to disable it just check the box.<\/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\n\n\n<li>Site Loader &#8211; Disable or enable the site loader.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"560\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/all-pages-setting-shopline-pro.png?resize=283%2C560&#038;ssl=1\" alt=\"all pages setting shopline pro\"><\/li>\n<\/ul>\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<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Theme options &gt; Footer setting<\/strong>.<\/li>\n\n\n\n<li>If you want to align your footer content in center, Check the option &#8220;Enable to align center&#8221;.<\/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>Put a copyright text in text area.<\/li>\n\n\n\n<li>Add social icon profile links.<\/li>\n\n\n\n<li>Add Newsletter by using our plugin <a href=\"https:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">lead form builder <\/a>. Just install this plugin and create an awesome newsletter subscription form for your site.<\/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.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"558\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/footer-setting-shoplinepro.png?resize=283%2C558&#038;ssl=1\" alt=\"footer setting shoplinepro\"><\/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 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 &gt; Customize &gt; Theme options &gt; Section Ordering<\/strong>.<\/li>\n\n\n\n<li>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=\"281\" height=\"545\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/section-ordering-shoplinepro-1.png?resize=281%2C545&#038;ssl=1\" alt=\"section ordering shoplinepro\" class=\"wp-image-12425\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/section-ordering-shoplinepro-1.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/section-ordering-shoplinepro-1.png?resize=155%2C300&amp;ssl=1 155w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\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<h3 class=\"wp-block-heading\">Header Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Admin &gt; Appearance &gt; Customize &gt; Header Setting<\/strong>.<\/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=\"226\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/header-setting-shopline-pro.png?resize=294%2C226&#038;ssl=1\" alt=\"header setting shopline pro\" class=\"wp-image-12957\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In Header setting you can change the styling of your Menu header, front page and inner page.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group setting-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Menu Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Admin &gt; Appearance &gt; Customize &gt; Header Setting &gt; Menu Setting <\/strong>.<\/li>\n\n\n\n<li>To setup the Menu for your site, Navigate to <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#menu-setting\">How to setup menu<\/a>.<\/li>\n\n\n\n<li>In Menu Setting you can change the following setting &#8211;<\/li>\n\n\n\n<li>For FRONTPAGE HEADER &#8211;<\/li>\n\n\n\n<li><strong>Fixed Header<\/strong> &#8211; By checking the box you can disable or enable the fixed header in all your site pages.<\/li>\n\n\n\n<li><strong>Header Transparent<\/strong> &#8211; If you want to show a Transparent header in front page, just check the box.<\/li>\n\n\n\n<li>For INNER PAGES HEADER &#8211;<\/li>\n\n\n\n<li><strong>Header Transparent<\/strong> &#8211; If you want to show a Transparent header in inner pages , just check the box.<\/li>\n\n\n\n<li><strong>Header Visibility<\/strong> &#8211; By checking the box your header will be hide, while scrolling the site it will be visible.<\/li>\n\n\n\n<li>For ALL PAGES &#8211;<\/li>\n\n\n\n<li><strong>Centralizer Logo \/ Site title<\/strong> &#8211; By checking the box you are able to centralize your logo or site title between the menu and icons.<\/li>\n\n\n\n<li><strong>Style Last Menu Like Button<\/strong> &#8211; check the box and show your last added menu item as a Button.<\/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=\"571\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/header-menu-setting-shopline-pro.png?resize=282%2C571&#038;ssl=1\" alt=\"header menu setting shopline pro\" class=\"wp-image-12960\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/header-menu-setting-shopline-pro.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/header-menu-setting-shopline-pro.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; Pick desired 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=\"280\" height=\"571\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/menu-setting-style-shopline-pro.png?resize=280%2C571&#038;ssl=1\" alt=\"menu setting style shopline pro\" class=\"wp-image-12963\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/menu-setting-style-shopline-pro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/menu-setting-style-shopline-pro.png?resize=147%2C300&amp;ssl=1 147w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typography &#8211; Here you can choose desired typography for your menu with 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=\"298\" height=\"505\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/menu-setting-typography-shopline-pro.png?resize=298%2C505&#038;ssl=1\" alt=\"menu setting typography shopline pro\" class=\"wp-image-12964\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/menu-setting-typography-shopline-pro.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/menu-setting-typography-shopline-pro.png?resize=177%2C300&amp;ssl=1 177w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/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 &gt; Customize &gt; Header option &gt; 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, Product show, Color, Image, Video, Gradient and one more option is <strong>External plugin<\/strong> , this will allow you to add any external slider plugin.<\/li>\n\n\n\n<li><strong>Image Slider &#8211;<\/strong> You can show up-to 5 slides in front page header and also manage the slider speed.<\/li>\n\n\n\n<li><strong>Product Slider &#8211;<\/strong> You can show Product slider in your front page. For product slider setting go to <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#product-sliderwoo\">Product slider<\/a> setting.<\/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> Nine different gradient style for your 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=\"299\" height=\"522\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-shoplinepro-doc.png?resize=299%2C522&#038;ssl=1\" alt=\"frontpage hero shoplinepro doc\" class=\"wp-image-12331\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-shoplinepro-doc.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-shoplinepro-doc.png?resize=172%2C300&amp;ssl=1 172w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; Choose overlay color or gradient. Twelve 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=\"275\" height=\"518\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-style-shopline-pro-doc.png?resize=275%2C518&#038;ssl=1\" alt=\"\" class=\"wp-image-12305\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-style-shopline-pro-doc.png?w=275&amp;ssl=1 275w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-style-shopline-pro-doc.png?resize=159%2C300&amp;ssl=1 159w\" sizes=\"(max-width: 275px) 100vw, 275px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typography &#8211; Here you can choose desired typography for this section.<\/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=\"572\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-typography-shopline-pro-doc.png?resize=281%2C572&#038;ssl=1\" alt=\"\" class=\"wp-image-12306\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-typography-shopline-pro-doc.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-hero-typography-shopline-pro-doc.png?resize=147%2C300&amp;ssl=1 147w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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 &gt; Customize &gt; Header option &gt; 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>Image Slider &#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=\"298\" height=\"476\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-shoplinepro-doc.png?resize=298%2C476&#038;ssl=1\" alt=\"innerpage shoplinepro doc\" class=\"wp-image-12333\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-shoplinepro-doc.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-shoplinepro-doc.png?resize=188%2C300&amp;ssl=1 188w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/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=\"294\" height=\"547\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-hero-style-shoplinepro-doc.png?resize=294%2C547&#038;ssl=1\" alt=\"\" class=\"wp-image-12332\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-hero-style-shoplinepro-doc.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-hero-style-shoplinepro-doc.png?resize=161%2C300&amp;ssl=1 161w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group frontpage-woosection has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Frontpage WooCommerce section<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage WooCommerce 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=\"294\" height=\"487\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-woocommerce-shopline-pro.png?resize=294%2C487&#038;ssl=1\" alt=\"frontpage woocommerce shopline pro\" class=\"wp-image-12969\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-woocommerce-shopline-pro.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-woocommerce-shopline-pro.png?resize=181%2C300&amp;ssl=1 181w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/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 Layout)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage WooCommerce section &gt; Category (Slider Layout)<\/strong>.<\/li>\n\n\n\n<li>In category slider you can show your category with two different layouts &#8211; Slider and tile view. Always remember your category will be only display when you have uploaded the thumbnail image.<\/li>\n\n\n\n<li>Create <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#create-category\">Category<\/a>.<\/li>\n\n\n\n<li>Navigate to Appearance &gt; Customize panel &gt; category slider. Choose your desired category from category section and show the category in slider.<\/li>\n\n\n\n<li>Style &#8211; You can add the <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) 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=\"285\" height=\"556\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/category-slider-layout-shopline-pro.png?resize=285%2C556&#038;ssl=1\" alt=\"category slider layout shopline pro\" class=\"wp-image-12974\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/category-slider-layout-shopline-pro.png?w=285&amp;ssl=1 285w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/category-slider-layout-shopline-pro.png?resize=154%2C300&amp;ssl=1 154w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-sliderwoo has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product (Slider Layout)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage WooCommerce section &gt; Product (Slider Layout)<\/strong>.<\/li>\n\n\n\n<li>For adding Product slider, choose &#8220;product slider widget&#8221; from widget panel. Now add the Title, Product type (recent, Featured , random or sale). Choose the desired category and color for each element.<\/li>\n\n\n\n<li>(Note; Product type \u2013 Featured Product, Recent Product &amp; Sale Product are given. Featured Products are those products which you have set as featured ( Specific) while creating the product. Recent products are those products which you have added recently in your product section. Sale products are those which you have selected for sale.)<\/li>\n\n\n\n<li>Setting &#8211; You can add heading and sub-heading and also enable or disable them.<\/li>\n\n\n\n<li>Style &#8211; You can add the <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/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=\"571\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-slider-layout-shopline-pro.png?resize=282%2C571&#038;ssl=1\" alt=\"product slider layout shopline pro\" class=\"wp-image-12976\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-slider-layout-shopline-pro.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-slider-layout-shopline-pro.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-gridwoo has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product ( Grid Layout)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage WooCommerce section &gt; Product ( Grid Layout)<\/strong>.<\/li>\n\n\n\n<li>WooCommerce plugin to display products. So make confirm that you have installed WooCommerce plugin ( https:\/\/wordpress.org\/plugins\/woocommerce\/ ).<\/li>\n\n\n\n<li>You can show your category product and recent products in a Grid layout or Boxed layout.<\/li>\n\n\n\n<li>Style &#8211; You can add the <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) 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=\"281\" height=\"559\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-grid-layout-shopline-pro.png?resize=281%2C559&#038;ssl=1\" alt=\"product grid layout shopline pro\" class=\"wp-image-12977\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-grid-layout-shopline-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-grid-layout-shopline-pro.png?resize=151%2C300&amp;ssl=1 151w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-widget has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Add WooCommerce Widgets<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage WooCommerce section &gt; Add WooCommerce Widgets<\/strong>.<\/li>\n\n\n\n<li>In this section, you can put unlimited WooCommerce widgets from widget panel.<\/li>\n\n\n\n<li>Style \u2013 You can add <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"412\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/add-Woocommerce-widget-shopline-pro.png?resize=597%2C412&#038;ssl=1\" alt=\"add Woocommerce widget shopline pro\" class=\"wp-image-12979\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/add-Woocommerce-widget-shopline-pro.png?w=597&amp;ssl=1 597w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/add-Woocommerce-widget-shopline-pro.png?resize=300%2C207&amp;ssl=1 300w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product Settings (Inner Pages)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage WooCommerce section &gt; Product Settings (Inner Pages)<\/strong>.<\/li>\n\n\n\n<li>To create products. Navigate to Wp dashboard &gt; Products &gt; Add new. Here create products, fill all the fields and choose category for them.<\/li>\n\n\n\n<li>You can choose four different Product Layout to show your product.<\/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\n\n\n<li>Style \u2013 Pick background color for all all WooCommerce page and for other elements too.<\/li>\n\n\n\n<li>Typography \u2013 Here you can choose typography for your section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"560\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-setting-shopline-pro.png?resize=301%2C560&#038;ssl=1\" alt=\"product setting shopline pro\" class=\"wp-image-12981\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-setting-shopline-pro.png?w=301&amp;ssl=1 301w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-setting-shopline-pro.png?resize=161%2C300&amp;ssl=1 161w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>FYI &#8211; You can enable or disable any desired section by &#8220;Disable section&#8221; option. You will find this option in each section. Just check the box to enable or disable the section.<\/strong><\/p>\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 Business section<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage Business 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=\"284\" height=\"565\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-business-section-shopline-pro.png?resize=284%2C565&#038;ssl=1\" alt=\"frontpage business section shopline pro\" class=\"wp-image-12984\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-business-section-shopline-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/frontpage-business-section-shopline-pro.png?resize=151%2C300&amp;ssl=1 151w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\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><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Service section<\/strong>.<\/li>\n\n\n\n<li>Show your services in service section. <strong>Go to Appearance &gt; Customize &gt; Service section<\/strong>. Add your desired icon from font awesome icon or upload an image of your service with styling.<\/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=\"566\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/service-section-shopline-pro.png?resize=277%2C566&#038;ssl=1\" alt=\"service section shopline pro\" class=\"wp-image-12986\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/service-section-shopline-pro.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/service-section-shopline-pro.png?resize=147%2C300&amp;ssl=1 147w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Style &#8211; 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=\"295\" height=\"408\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/service-section-style-shopline-pro.png?resize=295%2C408&#038;ssl=1\" alt=\"service section style shopline pro\" class=\"wp-image-12987\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/service-section-style-shopline-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/service-section-style-shopline-pro.png?resize=217%2C300&amp;ssl=1 217w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/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><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Ribbon section<\/strong>.<\/li>\n\n\n\n<li>Add image, video, color with svg, color in this section. You can disable or enable section, Heading and Sub Heading. You can also choose the alignment of 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=\"523\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/ribbon-section-shopline-pro.png?resize=295%2C523&#038;ssl=1\" alt=\"ribbon section shopline pro\" class=\"wp-image-12988\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/ribbon-section-shopline-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/ribbon-section-shopline-pro.png?resize=169%2C300&amp;ssl=1 169w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/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-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/li>\n<\/ul>\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><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Banner Section <\/strong>.<\/li>\n\n\n\n<li>In this section you can show banner Ad. Two different layout options. In first layout you can show two banner ad images with image overlay color and links. In Second layout you can show four banner images with tile design. You can pick the hover color and link to each image.<\/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=\"571\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/banner-section-shopline-pro.png?resize=282%2C571&#038;ssl=1\" alt=\"banner section shopline pro\" class=\"wp-image-12989\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/banner-section-shopline-pro.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/banner-section-shopline-pro.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/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-pro-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><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Testimonial section<\/strong>.<\/li>\n\n\n\n<li>Testimonial section will help you to show testimonials or reviews of your client. Add heading, sub-heading and adjust the slider speed.<\/li>\n\n\n\n<li>Choose testimonial widget form widget panel. Here you can add author image, author name, testimonial text, website url and link. You can add unlimited testimonials.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"555\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/testimonial-section-shopline-pro.png?resize=285%2C555&#038;ssl=1\" alt=\"testimonial section shopline pro\"><\/li>\n\n\n\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/li>\n<\/ul>\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><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; AboutUs section<\/strong>.<\/li>\n\n\n\n<li>Display about your company through about us section. <strong>Go to Appearance &gt; Customize &gt; About us<\/strong>. You can upload an image an in the right column and description in the left column.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"548\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-us-section-shopline-pro.png?resize=280%2C548&#038;ssl=1\" alt=\"about us section shopline pro\"><\/li>\n\n\n\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/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><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Latest Blog <\/strong>.<\/li>\n\n\n\n<li>Latest blog section allows you to show your blog. You can choose latest post category, change the text of button, 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=\"283\" height=\"522\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/latest-blog-section-shopline-pro.png?resize=283%2C522&#038;ssl=1\" alt=\"latest blog section shopline pro\" class=\"wp-image-12992\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/latest-blog-section-shopline-pro.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/latest-blog-section-shopline-pro.png?resize=163%2C300&amp;ssl=1 163w\" 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-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/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 Featured Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show featured images on your site. <strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Three Column Featured Section<\/strong>. Upload up to Three 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=\"567\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/three-column-feature-shopline-pro.png?resize=284%2C567&#038;ssl=1\" alt=\"three column feature shopline pro\" class=\"wp-image-12993\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/three-column-feature-shopline-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/three-column-feature-shopline-pro.png?resize=150%2C300&amp;ssl=1 150w\" 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-pro-theme\/#style-setting\">Style<\/a> in your section along with overlay of each image.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/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<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Brand section <\/strong>.<\/li>\n\n\n\n<li>Go to Brand section &gt; Setting. Choose Brand widget from widget panel. Upload your brand image and link. This a brand slider you can also 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=\"295\" height=\"498\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/brand-section-shopline-pro.png?resize=295%2C498&#038;ssl=1\" alt=\"brand section shopline pro\" class=\"wp-image-12994\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/brand-section-shopline-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/brand-section-shopline-pro.png?resize=178%2C300&amp;ssl=1 178w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/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-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group fact-counter has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Fact counter Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; customize &gt; Frontpage Business section &gt; Fact counter Section<\/strong> .<\/li>\n\n\n\n<li>Choose the Fact counter Widget from widget panel in which you can set the title, icons, minimum and maximum value.<br><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"514\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/feact-counter-section-shopline-pro.png?resize=290%2C514&#038;ssl=1\" alt=\"fact counter section shopline pro\"><\/li>\n\n\n\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group custom-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Custom Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Custom Section<\/strong>.<\/li>\n\n\n\n<li><strong>Custom section 1<\/strong><\/li>\n\n\n\n<li><strong>Custom section 2<\/strong><\/li>\n\n\n\n<li><strong>Custom section 3<\/strong><\/li>\n\n\n\n<li>In custom section add any desired widget from the widget panel.<\/li>\n\n\n\n<li>Style &#8211; You can change <a href=\"https:\/\/themehunk.com\/fr\/docs\/shopline-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"514\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/custom-widget-section-shopline-pro.png?resize=279%2C514&#038;ssl=1\" alt=\"custom widget section shopline pro\" class=\"wp-image-12996\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/custom-widget-section-shopline-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/custom-widget-section-shopline-pro.png?resize=163%2C300&amp;ssl=1 163w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group newsletter-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Newsletter Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Appearance &gt; Customize &gt; Frontpage Business section &gt; Newsletter section<\/strong>.<\/li>\n\n\n\n<li>You can easily show newsletter on homepage of your site. Just download the Lead form builder plugin from WordPress. Create a form and put the shortcode in the text area. Now your newsletter form will show on your site and visitors will easily contact you.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"561\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/newsletter-section-shopline-pro.png?resize=276%2C561&#038;ssl=1\" alt=\"newsletter section shopline pro\" class=\"wp-image-12997\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/newsletter-section-shopline-pro.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/newsletter-section-shopline-pro.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/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-pro-theme\/#style-setting\">Style<\/a> in your section.<\/li>\n\n\n\n<li>Typography &#8211; Choose the Font family, change the Font size, Line height and Letter-spacing (px) of each element.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group instagram-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Instagram Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to Dashboard &gt; Plugin &gt; Add new &gt; Instagram Feed <\/strong>.<\/li>\n\n\n\n<li>1. Navigate to Configure<\/li>\n\n\n\n<li>2. Click on the button Log in and get your access token from here with User ID. (You have to login in your Instagram account for getting the token and User Id)<\/li>\n\n\n\n<li>3. After login the Access Token and user Id will automatically appeared in the text area.<\/li>\n\n\n\n<li>4. Put this User Id and save your changes.<\/li>\n\n\n\n<li>5. You can customize the Instagram section, multiple customization options are there in the customize panel 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=\"1346\" height=\"541\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Instagram-Feed-shoplinepro-doc.png?resize=1346%2C541&#038;ssl=1\" alt=\"Instagram Feed shoplinepro doc\" class=\"wp-image-12504\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Instagram-Feed-shoplinepro-doc.png?w=1346&amp;ssl=1 1346w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Instagram-Feed-shoplinepro-doc.png?resize=300%2C121&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Instagram-Feed-shoplinepro-doc.png?resize=768%2C309&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Instagram-Feed-shoplinepro-doc.png?resize=1024%2C412&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now navigate to Appearance &gt; Customize panel &gt; Instagram section.<\/li>\n\n\n\n<li>For displaying the feed copy and paste the [instagram-feed].<\/li>\n\n\n\n<li>You can disable or enable the section. Also Drag and drop it anywhere from section ordering.<\/li>\n\n\n\n<li>Adjust the top and bottom padding.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group innerpage-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Inner Page Templates<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1181\" height=\"602\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-template-shopline-pro.png?resize=1181%2C602&#038;ssl=1\" alt=\"innerpage template shopline pro\" class=\"wp-image-13004\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-template-shopline-pro.png?w=1181&amp;ssl=1 1181w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-template-shopline-pro.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-template-shopline-pro.png?resize=768%2C391&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/innerpage-template-shopline-pro.png?resize=1024%2C522&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">There are Five different templates in our theme.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group aboutus-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">About Us Template<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"About US Page Template Shopline Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/tkfUNJram58?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\n\n\n<ul class=\"wp-block-list\">\n<li>For about us page template.<strong> Go to Dashboard &gt; Page &gt; Page attributes &gt; About us page template<\/strong>. Now publish page and click on the browser link &gt; customize. Now you are able to see the about us template 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=\"1167\" height=\"666\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/aboutus-page-shoplinepro.png?resize=1167%2C666&#038;ssl=1\" alt=\"\" class=\"wp-image-10554\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/aboutus-page-shoplinepro.png?w=1167&amp;ssl=1 1167w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/aboutus-page-shoplinepro.png?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/aboutus-page-shoplinepro.png?resize=768%2C438&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/aboutus-page-shoplinepro.png?resize=1024%2C584&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>About service &#8211; In about service you can add services by using service widget in which you can add icons, title, description, link and color to each element. Add heading description text along with their color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"564\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-service-shopline-pro.png?resize=279%2C564&#038;ssl=1\" alt=\"about service shopline pro\" class=\"wp-image-13007\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-service-shopline-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-service-shopline-pro.png?resize=148%2C300&amp;ssl=1 148w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>About Team &#8211; You can add team members in page using team widget. Just select the team widget here you can add member image, designation, link and give color to each element. You can also add heading, sub-heading with their color.<\/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=\"563\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-team-shopline-pro.png?resize=280%2C563&#038;ssl=1\" alt=\"about team shopline pro\" class=\"wp-image-13008\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-team-shopline-pro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-team-shopline-pro.png?resize=149%2C300&amp;ssl=1 149w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>About Skill- Just choose the skill widget and add skill title, percentage along with the desired color. You can also add heading, sub-heading and their color too.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"275\" height=\"573\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-skill-shopline-pro.png?resize=275%2C573&#038;ssl=1\" alt=\"about skill shopline pro\" class=\"wp-image-13009\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-skill-shopline-pro.png?w=275&amp;ssl=1 275w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/about-skill-shopline-pro.png?resize=144%2C300&amp;ssl=1 144w\" sizes=\"(max-width: 275px) 100vw, 275px\" \/><\/figure>\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\">FAQs Page Template<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"FAQ&#039;s Page template Shopline Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/dTKtjZ6mOdo?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\n\n\n<ul class=\"wp-block-list\">\n<li>For FAQs Page template. <strong>Go to Dashboard &gt; Page &gt; Page attributes &gt; FAQs Page template<\/strong>. Now publish page and click on the browser link &gt; customize. Now you are able to see FAQs Page template in the 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=\"1168\" height=\"695\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/faq-shopliepro.png?resize=1168%2C695&#038;ssl=1\" alt=\"\" class=\"wp-image-10542\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/faq-shopliepro.png?w=1168&amp;ssl=1 1168w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/faq-shopliepro.png?resize=300%2C179&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/faq-shopliepro.png?resize=768%2C457&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/faq-shopliepro.png?resize=1024%2C609&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to Customize panel. In FAQs Page template just add a FAQs widget and you are able to put question &amp; answer in site.<\/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\/04\/faq-page-template-shopline-pro.png?resize=296%2C471&#038;ssl=1\" alt=\"faq page template shopline pro\" class=\"wp-image-13010\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/faq-page-template-shopline-pro.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/faq-page-template-shopline-pro.png?resize=189%2C300&amp;ssl=1 189w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group price-page-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Price Page template<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Price page template Shopline Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ML6yytory4o?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\n\n\n<ul class=\"wp-block-list\">\n<li>For Price Page template. <strong>Go to Dashboard &gt; Page &gt; Page attributes &gt; Price Page template<\/strong>. Now publish the page and click on the browser link &gt; customize. Now you are able to see the Price Page template 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=\"1165\" height=\"660\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pricepage-shoplinepro.png?resize=1165%2C660&#038;ssl=1\" alt=\"\" class=\"wp-image-10549\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pricepage-shoplinepro.png?w=1165&amp;ssl=1 1165w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pricepage-shoplinepro.png?resize=300%2C170&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pricepage-shoplinepro.png?resize=768%2C435&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pricepage-shoplinepro.png?resize=1024%2C580&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In price page you can show pricing table by just selecting the price widget. you can show your items with heading, price and currency. You can also pick color in the background and for other elements from style. .<\/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=\"576\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/price-page-shopline-pro.png?resize=281%2C576&#038;ssl=1\" alt=\"price page shopline pro\" class=\"wp-image-13011\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/price-page-shopline-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/price-page-shopline-pro.png?resize=146%2C300&amp;ssl=1 146w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group contact-page-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Contact Page template<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Contact page template Shopline Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Pb7oS2GXkMg?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\n\n\n<ul class=\"wp-block-list\">\n<li>For Contact Page template. <strong>Go to Dashboard &gt; Page &gt; Page attributes &gt; Contact Page template<\/strong>. Now publish the page and click on the browser link &gt; customize. Now you are able to see the Contact Page template 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=\"1168\" height=\"666\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Contact-Page-shoplinepro.png?resize=1168%2C666&#038;ssl=1\" alt=\"\" class=\"wp-image-10546\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Contact-Page-shoplinepro.png?w=1168&amp;ssl=1 1168w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Contact-Page-shoplinepro.png?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Contact-Page-shoplinepro.png?resize=768%2C438&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/Contact-Page-shoplinepro.png?resize=1024%2C584&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In contact page you can show the Map on your site and you can add contact form using lead form builder plugin. Just add the shortcode of form and fill other fields with bg color then you are able to show a contact form on page by style.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"520\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/contact-page-shopline-pro.png?resize=279%2C520&#038;ssl=1\" alt=\"contact page shopline pro\" class=\"wp-image-13012\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/contact-page-shopline-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/contact-page-shopline-pro.png?resize=161%2C300&amp;ssl=1 161w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group page-builder has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Page builder template<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Page builder template. <strong>Go to Dashboard &gt; Page &gt; Page attributes &gt; Page builder template.<\/strong> Now publish the page and click on the browser link &gt; customize. Now you are able to see the Page builder template option in customize panel.<\/li>\n\n\n\n<li>You can create multiple pages using the page builder plugin in site. Just use the any WP builder plugin Like: SiteOrigin, Elementor, Visual Composer, Beaver Builder and many other for creating pages.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1330\" height=\"493\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pagebuilder-shopline-pro-doc.png?resize=1330%2C493&#038;ssl=1\" alt=\"pagebuilder shopline pro doc\" class=\"wp-image-12371\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pagebuilder-shopline-pro-doc.png?w=1330&amp;ssl=1 1330w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pagebuilder-shopline-pro-doc.png?resize=300%2C111&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pagebuilder-shopline-pro-doc.png?resize=768%2C285&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/pagebuilder-shopline-pro-doc.png?resize=1024%2C380&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/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>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>You can show 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=\"284\" height=\"494\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/style-shoplinepro-doc.png?resize=284%2C494&#038;ssl=1\" alt=\"style shoplinepro doc\" class=\"wp-image-12343\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/style-shoplinepro-doc.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/style-shoplinepro-doc.png?resize=172%2C300&amp;ssl=1 172w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/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=\"277\" height=\"203\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/section-padding-shoplinepro-doc.png?resize=277%2C203&#038;ssl=1\" alt=\"section padding shoplinepro doc\" class=\"wp-image-12376\"\/><\/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 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 &gt; Product &gt; 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 productsize-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Product Image Size<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can easily set the product image size. Just go to Dashboard &gt; WooCommerce &gt; settings.<\/li>\n\n\n\n<li>Select Product tab and click on Display, Scroll down to change the parameters for the following options: Catalog image, Single Product image, Product Thumbnails.<\/li>\n\n\n\n<li>Catalog image will change the size of homepage product\/category images. Whereas Single product image will change the size of single\/description page of product.<\/li>\n\n\n\n<li>In order to re-size previously added images, you can use the extension to re-generate the thumbnails.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"223\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/WooCommerce-settings-%E2%80%B9-%E2%80%94-WordPress.png?resize=160%2C223&#038;ssl=1\" alt=\"\" class=\"wp-image-9514\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1171\" height=\"400\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-image-size.png?resize=1171%2C400&#038;ssl=1\" alt=\"\" class=\"wp-image-9511\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-image-size.png?w=1171&amp;ssl=1 1171w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-image-size.png?resize=300%2C102&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-image-size.png?resize=768%2C262&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/04\/product-image-size.png?resize=1024%2C350&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group additionalcss-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 \u201cAppearance &gt; Customize &gt; Additional CSS and simply put your 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 <a href=\"https:\/\/themehunk.com\/fr\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Installing Theme For our Shopline theme, you need to install the required plugin &#8211; Woocommerce Woocommerce plugin is a free e-commerce plugin which allows you to sell anything online.To install this plugin- YITH Woocommerce wishlist This plugin will allow you to add wishlist functionality to e-commerce.To install this plugin- How to Set Homepage Demo Import [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-8856","docs","type-docs","status-publish","hentry","docscate-pro-themes","docstag-shopper-line","docstag-shopping-website","docstag-wordpress","docstag-wordpress-theme"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/8856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":4,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/8856\/revisions"}],"predecessor-version":[{"id":67798,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/8856\/revisions\/67798"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/media?parent=8856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}