{"id":35917,"date":"2024-03-17T13:06:11","date_gmt":"2024-03-17T07:36:11","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=35917"},"modified":"2026-05-20T17:46:43","modified_gmt":"2026-05-20T12:16:43","slug":"th-shop-mania","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/th-shop-mania\/","title":{"rendered":"Th Shop Mania"},"content":{"rendered":"<section class=\"wp-block-group installing-theme has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Theme<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1:&nbsp;<\/strong>&nbsp;Go to your&nbsp;<strong>Wp Dashboard &gt; Appearance &gt; Themes &gt; Add New.<\/strong> Add <a href=\"https:\/\/themehunk.com\/fr\/?smd_process_download=1&amp;download_id=35878\">Th Shop Mania<\/a> zip file and Then click on the \u2018Install Now\u2019 button.<\/li>\n\n\n\n<li><strong>Step 2<\/strong>:&nbsp;After the installation is completed, click on the&nbsp;\u2018<strong>Activate<\/strong>\u2019 button and \u201cTh Shop Mania\u201d will be activated.<\/li>\n\n\n\n<li><strong>Step 3<\/strong>: After activating \u201cTh Shop Mania\u201d in your dashboard, Go to <strong>Th Shop Mania Options<\/strong> under Appearance and click on it. You&#8217;ll see Recommended options panel, install &amp; activate all the plugins.<\/li>\n\n\n\n<li><strong>Step 4 : <\/strong>Now you can start customizing <strong>Th Shop Mania <\/strong>theme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/installing-th-shop-mania-theme.png?ssl=1\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"639\" height=\"531\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/installing-th-shop-mania-theme.png?resize=639%2C531&#038;ssl=1\" alt=\"\" class=\"wp-image-37441\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/installing-th-shop-mania-theme.png?w=639&amp;ssl=1 639w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/installing-th-shop-mania-theme.png?resize=300%2C249&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/installing-th-shop-mania-theme.png?resize=150%2C125&amp;ssl=1 150w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Watch this video guide<\/strong><\/p>\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=\"Shop Mania Tutorial: Install Theme, Pro Plugin, Activate License, and Import Demo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/b-qE5N6gwTc?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 installing-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Th Shop Mania Pro Plugin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Th Shop Mania Pro Plugin will add Advanced premium features and functionality to Shop Mania free theme.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <a href=\"https:\/\/themehunk.com\/fr\/th-shop-mania\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shop Mania Page Here&gt;<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now choose your <a href=\"https:\/\/themehunk.com\/fr\/th-shop-mania\/#plans\" target=\"_blank\" rel=\"noreferrer noopener\">desired plan<\/a> from here and hit the button&nbsp;Buy Now&nbsp;from the desired table.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 4&nbsp;<\/strong>: Purchase your plugin from here, and fill in all the required details. Login to your <a href=\"https:\/\/members.themehunk.com\/member\" target=\"_blank\" rel=\"noreferrer noopener\">member\u2019s area<\/a>. Your pro plugin has been added in your member\u2019s area dashboard.<\/li>\n\n\n\n<li><strong>Step 5&nbsp;<\/strong>: You\u2019ll see a <strong>Th Shop Mania Pro plugin zip file<\/strong> in your Member\u2019s area. Download the zip file of plugin.<\/li>\n\n\n\n<li><strong>Step 6&nbsp;<\/strong>: Now, Open your&nbsp;<strong>WordPress Dashboard &gt; Plugins &gt; Add New &gt; Upload the Plugin Zip file and Activate it<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/activate-th-shop-pro-plugin.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"279\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/activate-th-shop-pro-plugin.png?resize=663%2C279&#038;ssl=1\" alt=\"\" class=\"wp-image-37437\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/activate-th-shop-pro-plugin.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/activate-th-shop-pro-plugin.png?resize=300%2C126&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/activate-th-shop-pro-plugin.png?resize=150%2C63&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now you can customize your website using Pro features.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group activate-license has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Activate the License Key in Shop Mania<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To Activate the License key for your Shop Mania Theme go to your WordPress <strong>Dashboard<\/strong> &gt; <strong>Shop<\/strong> <strong>Mania<\/strong> <strong>Options<\/strong> &gt; Click on <strong>License<\/strong>. From here you can Enter or Find your license key.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Video Tutorial for activating Licesne Key<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Activate License Key in Shop Mania WordPress Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/l6XVnmIXH_A?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 update-shop-mania-pro has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Update Shop Mania Pro<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"> When your theme is not updated, you can update it from the dashboard. Let&#8217;s see the complete procedure of updating the theme.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your website dashboard.<\/li>\n\n\n\n<li>Go to Appearance and click on Starter Templates.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?resize=1024%2C495&#038;ssl=1\" alt=\"\" class=\"wp-image-95007\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?resize=1024%2C495&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?resize=1536%2C742&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard_-Starter-Templates.png?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>On this page, you will find an update message, where you can see the latest version of the theme. <br>Click on Update, and then on Update Now. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Update-Shop-Mania-Pro.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"416\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Update-Shop-Mania-Pro.png?resize=1024%2C416&#038;ssl=1\" alt=\"\" class=\"wp-image-95008\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Update-Shop-Mania-Pro.png?resize=1024%2C416&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Update-Shop-Mania-Pro.png?resize=300%2C122&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Update-Shop-Mania-Pro.png?resize=768%2C312&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Update-Shop-Mania-Pro.png?resize=48%2C20&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Update-Shop-Mania-Pro.png?w=1435&amp;ssl=1 1435w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Update-Now.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"247\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Update-Now.png?resize=405%2C247&#038;ssl=1\" alt=\"\" class=\"wp-image-95009\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Update-Now.png?w=405&amp;ssl=1 405w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Update-Now.png?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Update-Now.png?resize=48%2C29&amp;ssl=1 48w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Your theme will be updated to the latest version.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Updated.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Updated.png?resize=1024%2C407&#038;ssl=1\" alt=\"\" class=\"wp-image-95015\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Updated.png?resize=1024%2C407&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Updated.png?resize=300%2C119&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Updated.png?resize=768%2C306&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Updated.png?resize=48%2C19&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Pro_-Updated.png?w=1292&amp;ssl=1 1292w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can watch the video below.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Update Shop Mania Pro With The Latest Version | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/xMw9YkLwoCw?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 renew-license has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Renew License<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If it is showing an error on the update page, like below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Theme-Update-Error.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Theme-Update-Error-1024x534.png?resize=1024%2C534&#038;ssl=1\" alt=\"\" class=\"wp-image-95022\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Theme-Update-Error.png?resize=1024%2C534&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Theme-Update-Error.png?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Theme-Update-Error.png?resize=768%2C400&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Theme-Update-Error.png?resize=48%2C25&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Theme-Update-Error.png?w=1414&amp;ssl=1 1414w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It means your license has expired. You need to renew the license to use Shop Mania further.  Click on <a href=\"https:\/\/members.themehunk.com\/signup\/x2CJUNH3t\" target=\"_blank\" rel=\"noreferrer noopener\">this link<\/a> to renew the license.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group installing-search has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Add Search Bar in Theme.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After installing and Activating theme in your dashboard. Go to your <strong>Appearance &gt; Th Shop Mania options &gt; In recommended plugin you&#8217;ll see TH Advance Product Search<\/strong>.<\/li>\n\n\n\n<li>Install and Activate <a href=\"https:\/\/mk0themehunkcomn4ks5.kinstacdn.com\/wp-content\/uploads\/2021\/09\/th-advance-product-search.zip\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TH Advance Product Search plugin<\/a> in your dashboard. This will display Search bar in your website.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Or You can Navigate to your website, On the Header you&#8217;ll see a Notice <strong>Please Install &#8220;th advance product search&#8221; Plugin<\/strong>. Click on it and Install &amp; Activate Th Advanced Search plugin in your dashboard.<\/li>\n\n\n\n<li>To know how this plugin works, Go with this <a href=\"https:\/\/themehunk.com\/fr\/docs\/th-advance-product-search\/\" target=\"_blank\" rel=\"noreferrer noopener\">Doc<\/a>.<\/li>\n\n\n\n<li>For more advance Premium features, you can go with <a href=\"https:\/\/themehunk.com\/fr\/advance-product-search\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\">TH Advance Product Search Pro plugin <\/a>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"296\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/12\/th-advanced-search-amaz-store.png?resize=663%2C296&#038;ssl=1\" alt=\"th-advanced-search-amaz-store\" class=\"wp-image-33947\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/12\/th-advanced-search-amaz-store.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/12\/th-advanced-search-amaz-store.png?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/12\/th-advanced-search-amaz-store.png?resize=150%2C67&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group cart-swatches has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Add Cart &amp; Swatches<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>Appearance &gt; Th Shop Mania options &gt; In recommended plugin you&#8217;ll see TH Variation Swatches and TH All in One Woo Cart <\/strong>.<\/li>\n\n\n\n<li>Install and Activate plugins in your dashboard. This will display Cart and Swatches in your website.<\/li>\n\n\n\n<li>To learn more about Plugins, Navigate to <a href=\"https:\/\/themehunk.com\/fr\/docs\/th-variation-swatches-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">TH Variation Swatches Plugin<\/a> and <a href=\"https:\/\/themehunk.com\/fr\/docs\/th-all-in-one-woo-cart\/\" target=\"_blank\" rel=\"noreferrer noopener\">Th All in One Woo Cart<\/a><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group demo-import has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Import Demo Websites<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Follow this video and learn to import demo data and pre-made website templates of Shop Mania theme.<\/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=\"How to Import Shop Mania Theme Demo or Pre made Websites\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/MjVBKQblHW0?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 menus-setup has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Setup Menus<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To set Menus in your site. First go to your <strong>Dashboard &gt; Appearance &gt; Menus<\/strong>.<\/li>\n\n\n\n<li>Click the \u201cCreate a New Menu\u201d button &amp; Write a menu name on the field. Now Click the \u201cCreate Menu\u201d button.<\/li>\n\n\n\n<li>From the \u201cAdd menus items\u201d you can add menu items to your menus. You can add pages, Create Custom links, categories, posts etc. Select your menu item by checking the box and Add Menu items in your Menu by Clicking on the &#8220;Add to Menu&#8221; Button.<\/li>\n\n\n\n<li>Now you have created your Menu, you need to set it to a <strong>Menu location<\/strong>.<\/li>\n\n\n\n<li>From the Menu Settings, you can display your Menu items in Header, Footer area.<\/li>\n\n\n\n<li>You can Select Location by checking the Box of Header Above Menu, Main ( Frontpage Menu ), Sticky Header and Footer Menu ( Above Footer, Widget footer and Below footer ). Check them according to your requirement. You&#8217;ll only get Main menu in Free version.<\/li>\n\n\n\n<li>Click \u201cSave Menu\u201c button to save the changes.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"455\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/01\/Menus-big-shop.png?resize=663%2C455&#038;ssl=1\" alt=\"Menus--big-store\" class=\"wp-image-24535\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/01\/Menus-big-shop.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/01\/Menus-big-shop.png?resize=300%2C206&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group site-identity has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Site Identity<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using this Option panel you can display Site logo or site title tagline and site icon in your website.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dashboard &gt; Appearance &gt; Customize &gt; WordPress Default &gt; Site identity<\/strong>.<\/li>\n\n\n\n<li>Logo\u2013 Upload a logo image with specific width and height.<\/li>\n\n\n\n<li>Logo width \u2013 Set the desired logo image width.<\/li>\n\n\n\n<li>Site Title &amp; Tagline \u2013 Display site title &amp; tagline in-place of Logo.<\/li>\n\n\n\n<li>Site Title &amp; Tagline Show\/Hide \u2013 Check on the radio button display site title and tagline.<\/li>\n\n\n\n<li>Site Icon \u2013 You can upload a site icon for your browser.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/site-identity-th-shop-mania.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/site-identity-th-shop-mania.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-35925\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/site-identity-th-shop-mania.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/site-identity-th-shop-mania.png?resize=300%2C140&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/site-identity-th-shop-mania.png?resize=150%2C70&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group customize-homepage has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Customize Homepage<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After setting up the homepage, Go to your site &gt; click on Edit with Elementor. Now you can customize your website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-shop-mania.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"314\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-shop-mania.png?resize=663%2C314&#038;ssl=1\" alt=\"\" class=\"wp-image-35928\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-shop-mania.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-shop-mania.png?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-shop-mania.png?resize=150%2C71&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-mania.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-mania.png?resize=663%2C310&#038;ssl=1\" alt=\"\" class=\"wp-image-35930\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-mania.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-mania.png?resize=300%2C140&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-with-elementor-th-mania.png?resize=150%2C70&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group mobile-category has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">How to Show Product Categories in Mobile<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see how you can control the appearance of product categories  in mobile devices.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open your WordPress dashboard and go to <strong>Appearance<\/strong> and click on <strong>Customize<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"858\" height=\"704\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Appearance_-Customize.png?resize=858%2C704&#038;ssl=1\" alt=\"\" class=\"wp-image-98946\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Appearance_-Customize.png?w=858&amp;ssl=1 858w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Appearance_-Customize.png?resize=300%2C246&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Appearance_-Customize.png?resize=768%2C630&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Appearance_-Customize.png?resize=48%2C39&amp;ssl=1 48w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Navigate to <strong>Layout &amp; Options<\/strong> &gt; <strong>Header<\/strong> &gt; <strong>Main Header<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"921\" height=\"544\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Layout_-Header.png?resize=921%2C544&#038;ssl=1\" alt=\"\" class=\"wp-image-98947\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Layout_-Header.png?w=921&amp;ssl=1 921w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Layout_-Header.png?resize=300%2C177&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Layout_-Header.png?resize=768%2C454&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Layout_-Header.png?resize=48%2C28&amp;ssl=1 48w\" sizes=\"(max-width: 921px) 100vw, 921px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You will see two tabs here, i,e, Layouts &amp; Settings, click on Settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"317\" height=\"628\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Main-Header_-Settings.png?resize=317%2C628&#038;ssl=1\" alt=\"\" class=\"wp-image-98948\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Main-Header_-Settings.png?w=317&amp;ssl=1 317w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Main-Header_-Settings.png?resize=151%2C300&amp;ssl=1 151w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Main-Header_-Settings.png?resize=48%2C95&amp;ssl=1 48w\" sizes=\"(max-width: 317px) 100vw, 317px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down to <strong>Choose Categories if you want limited categories<\/strong>, select the categories you want to display in mobile devices<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"286\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Categories.png?resize=584%2C286&#038;ssl=1\" alt=\"\" class=\"wp-image-98949\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Categories.png?w=584&amp;ssl=1 584w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Categories.png?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Categories.png?resize=48%2C24&amp;ssl=1 48w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After selecting the desired categories, click on <strong>Publish<\/strong> button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how it will appear on Mobile Devices.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"476\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/mobile-device-gif-1.gif?resize=250%2C476&#038;ssl=1\" alt=\"\" class=\"wp-image-98956\"\/><\/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<h2 class=\"wp-block-heading\">Header ( Pro Version )<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Using Header Setting you can display and customize your Website Header. For the Main header setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &amp; Options &gt; Header<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/header-472.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"727\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/header-472.png?resize=281%2C727&#038;ssl=1\" alt=\"\" class=\"wp-image-43722\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/header-472.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/header-472.png?resize=116%2C300&amp;ssl=1 116w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/header-472.png?resize=150%2C388&amp;ssl=1 150w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video Tutorial for Setting up Header in your website.<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to setup Header in Th Shop Mania Pro - WooCommerce Theme | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/I88_yYeihSI?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><strong>Off Canvas Sidebar<\/strong> &#8211; You can Add Off canvas sidebar in your Header Before logo or After logo. Whenever you click on the Off canvas Sidebar icon button, it will open a side panel in your website. To setup widgets in Off canvas sidebar, just go to Widgets &gt; Off Canvas Sidebar &gt; add widget from the Widget panel and Publish it.<\/li>\n\n\n\n<li><strong>Choose Categories To Exclude <\/strong>&#8211; By checking the box you can Exclude ( not include ) any desired category from the Category box. You can also add the Category text.<\/li>\n\n\n\n<li><strong>Menu Alignment<\/strong> \u2013 You can choose the menu alignment left, right or center on your desktop device.<\/li>\n\n\n\n<li><strong>Mobile Menu Open <\/strong>\u2013 This option will open your mobile menu panel from left side or from the right side.<\/li>\n\n\n\n<li><strong>Sticky Header<\/strong> \u2013 This option will stick your site header on the top, whenever you scroll your website up or down it will goes with it. You can also choose two different animation effects for your sticky header.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group transparent-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Transparent Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Transparent Header, as the name says, is a see-through header, where users can see what is underneath the header.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see how you can add a transparent header to your website.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your WordPress dashboard<\/li>\n\n\n\n<li>Go to <strong>Appearance<\/strong> &gt; <strong>Customizer<\/strong> &gt; <strong>Layout &amp; Options<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"485\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header.png?resize=616%2C485&#038;ssl=1\" alt=\"\" class=\"wp-image-95146\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header.png?w=616&amp;ssl=1 616w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header.png?resize=300%2C236&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header.png?resize=48%2C38&amp;ssl=1 48w\" sizes=\"(max-width: 616px) 100vw, 616px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Transparent Header<\/strong><\/li>\n\n\n\n<li>Enable the Transparent Header with the first box. You can check the second box too if you want to disable the transparent header for inner pages, which means the transparent header will not be shown on pages other than the Home page.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">And done, below is how your transparent will look.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?resize=1024%2C609&#038;ssl=1\" alt=\"\" class=\"wp-image-95150\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?resize=1024%2C609&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?resize=300%2C178&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?resize=768%2C457&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?resize=1536%2C914&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Transparent-Header_-before-after.png?w=1604&amp;ssl=1 1604w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Glass or Blur Effect Header<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you have ever seen such a header, you must be aware of how professional it looks. When you enable the glass header, the header and background are slightly visible when users scroll through the website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"316\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?resize=1024%2C316&#038;ssl=1\" alt=\"\" class=\"wp-image-95179\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?resize=1024%2C316&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?resize=300%2C93&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?resize=768%2C237&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?resize=1536%2C474&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?resize=48%2C15&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-demo.png?w=1578&amp;ssl=1 1578w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see the complete procedure to enable this header.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Layout &amp; Options &gt; Header &gt; Main Header &gt; Settings<\/strong><\/li>\n\n\n\n<li>Enable the <strong>Sticky Header Pro<\/strong> button<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"386\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-gif.gif?resize=800%2C386&#038;ssl=1\" alt=\"\" class=\"wp-image-95164\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also change the background color from <strong>Total Color &amp; BG Options &gt; Header &gt; Sticky Header.<\/strong><br>Here, you can change the background color, blur radius, and background image. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how it will look.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-2.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Glass-Header-2.gif?resize=800%2C388&#038;ssl=1\" alt=\"\" class=\"wp-image-95173\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group mobile-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Mobile Header ( Pro Version )<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize the mobile header setting, go to <strong>Appearance &gt; Customizer &gt; Layout &amp; Options &gt; Mobile Header<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mobile Top Header Layout<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize 3 different types of Mobile Header layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"271\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Mobile-Header-Layouts.png?resize=284%2C271&#038;ssl=1\" alt=\"\" class=\"wp-image-94955\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Mobile-Header-Layouts.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Shop-Mania-Mobile-Header-Layouts.png?resize=48%2C46&amp;ssl=1 48w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>You can watch the below video to see how it works<\/strong><\/p>\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=\"Mobile Header Settings Shop Mania Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/QvqyNPPJzec?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 bottom-sticky-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Bottom Sticky Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To enable the Bottom Sticky Header on your site. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your WordPress Dashboard<\/li>\n\n\n\n<li>Go to Appearance and click on Customize<\/li>\n\n\n\n<li>Click on Layout &amp; Options and click on Mobile Header<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Move-to-Top.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"564\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Move-to-Top.png?resize=622%2C564&#038;ssl=1\" alt=\"\" class=\"wp-image-95125\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Move-to-Top.png?w=622&amp;ssl=1 622w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Move-to-Top.png?resize=300%2C272&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Move-to-Top.png?resize=48%2C44&amp;ssl=1 48w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Check the button that says <strong>Enable Bottom Sticky Header<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bottom-Sticky-Header.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"459\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bottom-Sticky-Header.jpg?resize=283%2C459&#038;ssl=1\" alt=\"\" class=\"wp-image-95087\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bottom-Sticky-Header.jpg?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bottom-Sticky-Header.jpg?resize=185%2C300&amp;ssl=1 185w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bottom-Sticky-Header.jpg?resize=48%2C78&amp;ssl=1 48w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The file below is a preview of Bottom Sticky Header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bottom-Sticky-Header-_-gif-2.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"664\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bottom-Sticky-Header-_-gif-2.gif?resize=372%2C664&#038;ssl=1\" alt=\"\" class=\"wp-image-95091\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sidebar Setting ( Pro Version )<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For the Sidebar setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Sidebar.<\/strong><\/li>\n\n\n\n<li>You can enable or disable the sticky sidebar from your site pages.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Video Tutorial to Customize Sidebar on your website.<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Add Sidebar in Th Shop Mania Pro | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/gEV1WEz-P58?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 custom-header-and-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">How to Create Custom Header, Footer, and Section Elementor Templates in Shop Mania<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can create header and footer templates with Elementor and then add them to Shop Mania. Let&#8217;s see how to do so,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your WordPress Dashboard<\/li>\n\n\n\n<li>Go to <span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\"><strong>Elementor<\/strong><\/span>&gt; <strong>Editor<\/strong> &gt; <strong>Header And Footer<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Editor.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"655\" height=\"556\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Editor.png?resize=655%2C556&#038;ssl=1\" alt=\"\" class=\"wp-image-98889\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Editor.png?w=655&amp;ssl=1 655w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Editor.png?resize=300%2C255&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Editor.png?resize=48%2C41&amp;ssl=1 48w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on Add New Template<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Add-New-Template.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"176\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Add-New-Template.png?resize=1024%2C176&#038;ssl=1\" alt=\"\" class=\"wp-image-98890\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Add-New-Template.png?resize=1024%2C176&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Add-New-Template.png?resize=300%2C52&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Add-New-Template.png?resize=768%2C132&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Add-New-Template.png?resize=48%2C8&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Add-New-Template.png?w=1424&amp;ssl=1 1424w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the values for Template<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Template.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Template.png?resize=1024%2C557&#038;ssl=1\" alt=\"\" class=\"wp-image-98893\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Template.png?resize=1024%2C557&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Template.png?resize=300%2C163&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Template.png?resize=768%2C418&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Template.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Template.png?w=1129&amp;ssl=1 1129w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First, you need to give it a title. After that, select the type of Template you want to make. You will get three options here<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Type of Template\n<ul class=\"wp-block-list\">\n<li>Header<\/li>\n\n\n\n<li>Footer<\/li>\n\n\n\n<li>Section<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"160\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Type-of-Template.png?resize=544%2C160&#038;ssl=1\" alt=\"\" class=\"wp-image-98929\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Type-of-Template.png?w=544&amp;ssl=1 544w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Type-of-Template.png?resize=300%2C88&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Type-of-Template.png?resize=48%2C14&amp;ssl=1 48w\" sizes=\"(max-width: 544px) 100vw, 544px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select any one from these options. Come to the <strong>Display Rules<\/strong> <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Include &#8211; From the second box, select where you want to display the template.<\/li>\n\n\n\n<li>Exclude &#8211; Select where you don&#8217;t want to display the template.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add another rule, simply click on <strong>Add Rule<\/strong> and select (Include or Exclude) whatever you want to add rule of.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"913\" height=\"505\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Display-Rules.png?resize=913%2C505&#038;ssl=1\" alt=\"\" class=\"wp-image-98930\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Display-Rules.png?w=913&amp;ssl=1 913w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Display-Rules.png?resize=300%2C166&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Display-Rules.png?resize=768%2C425&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Display-Rules.png?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 913px) 100vw, 913px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>User Roles<\/strong>, select the role that you want to show the template to, for example, if you select <strong>Logged In<\/strong>, then the template will be visible to logged in users only. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"717\" height=\"475\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-User-Roles.png?resize=717%2C475&#038;ssl=1\" alt=\"\" class=\"wp-image-98931\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-User-Roles.png?w=717&amp;ssl=1 717w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-User-Roles.png?resize=300%2C199&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-User-Roles.png?resize=48%2C32&amp;ssl=1 48w\" sizes=\"(max-width: 717px) 100vw, 717px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can <strong>Enable Layout for Elementor Canvas Template?<\/strong> if you want to show the template on the Canvas templates also.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After all, click on <strong>Edit with Elementor<\/strong> to create temlplate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"614\" height=\"217\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Edit-with-Elementor.png?resize=614%2C217&#038;ssl=1\" alt=\"\" class=\"wp-image-98932\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Edit-with-Elementor.png?w=614&amp;ssl=1 614w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Edit-with-Elementor.png?resize=300%2C106&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Edit-with-Elementor.png?resize=48%2C17&amp;ssl=1 48w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will open an Elementor page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page.png?resize=1024%2C460&#038;ssl=1\" alt=\"\" class=\"wp-image-98933\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page.png?resize=1024%2C460&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page.png?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page.png?resize=768%2C345&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page.png?resize=1536%2C690&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page.png?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page.png?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Drop two containers, one inside another, you will see its settings on left side.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page-2.png?resize=1024%2C461&#038;ssl=1\" alt=\"\" class=\"wp-image-98934\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page-2.png?resize=1024%2C461&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page-2.png?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page-2.png?resize=768%2C346&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page-2.png?resize=1536%2C691&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page-2.png?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Page-2.png?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the Advanced Tab, you can spot the Sticky Header option.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You need to create a header design into the inner container, as I created below<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"152\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Header-design.png?resize=1024%2C152&#038;ssl=1\" alt=\"\" class=\"wp-image-98935\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Header-design.png?resize=1024%2C152&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Header-design.png?resize=300%2C44&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Header-design.png?resize=768%2C114&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Header-design.png?resize=48%2C7&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor_-Header-design.png?w=1302&amp;ssl=1 1302w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now select the parent container and go to advanced settings. Click on Stick (Header), <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"436\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Sticky.png?resize=526%2C436&#038;ssl=1\" alt=\"\" class=\"wp-image-98936\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Sticky.png?w=526&amp;ssl=1 526w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Sticky.png?resize=300%2C249&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Sticky.png?resize=48%2C40&amp;ssl=1 48w\" sizes=\"(max-width: 526px) 100vw, 526px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After this, select the inner container and go to setting. Enable the Liquid Glass button and adjust the settings below button<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"637\" height=\"508\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Glass-Header.png?resize=637%2C508&#038;ssl=1\" alt=\"\" class=\"wp-image-98937\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Glass-Header.png?w=637&amp;ssl=1 637w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Glass-Header.png?resize=300%2C239&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Header_-Glass-Header.png?resize=48%2C38&amp;ssl=1 48w\" sizes=\"(max-width: 637px) 100vw, 637px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the preview will look.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Liquid-Glass-_-gif-2.gif?resize=640%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-98938\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Likewise, you can create footer and section template.<\/strong><\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group move-to-top has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Move To Top<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Move to Top feature is a must to make a professional website. It looks cool and enables users to move to the top with one click, so they don&#8217;t have to scroll too much.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see how you can add a Move to Top button on your site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your WordPress Dashboard<\/li>\n\n\n\n<li>Go to Appearance and click on Customize<\/li>\n\n\n\n<li>Navigate to <strong>Layout &amp; Options &gt; Move To Top<\/strong><\/li>\n\n\n\n<li><strong>Enable<\/strong> the button and click on the <strong>Publish<\/strong> button to save changes<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Move-to-Top-_-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"386\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Move-to-Top-_-gif.gif?resize=800%2C386&#038;ssl=1\" alt=\"\" class=\"wp-image-95122\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You get an appealing animation that shows how much the website you scrolled.<\/p>\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<p class=\"wp-block-paragraph\">The footer setting is specially used to display and customize your website&#8217;s footer. In footer area you can add important content and a navigation option. For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &amp; Options&gt; Footer.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Tutorial for Setting up Footer on your website.<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Setup Footer in Th Shop Mania Pro - WooCommerce Theme | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/sHSqd0MrEeI?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<h2 class=\"wp-block-heading\">Above Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &amp; Options &gt; Footer &gt; Above Footer<\/strong><\/li>\n\n\n\n<li>It appears right above the Main Footer and allows you to show multiple elements like \u2013 social icons, menu, Text, and Widgets. You\u2019ll get three layouts. One Column layout, Two Columns layout and Three Columns layout.<\/li>\n\n\n\n<li>Using None Layout, you can disable Above Footer from your site.<\/li>\n\n\n\n<li>You can also style your above footer by using options like height, bottom border and border color.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Widget Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &amp; Options &gt; Footer &gt; Widget Footer<\/strong>.<\/li>\n\n\n\n<li>Footer Widget &#8211; In Footer Widget there are eight different Footer Layout. You can add unlimited widgets in your footer by selecting the layout.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Below Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &amp; Options&gt; Footer &gt; Below Footer<\/strong>. It appears below the footer widget.<\/li>\n\n\n\n<li>You can add Copyright text in your footer area.<\/li>\n\n\n\n<li>You&#8217;ll get Three Column layout in which Text, Widget, Menu, and Social media elements are available.<\/li>\n\n\n\n<li>Using None Layout, you can disable the below Footer from your site.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Fixed Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &amp; Options&gt; Footer &gt; Fixed footer.<\/strong><\/li>\n\n\n\n<li>A Fixed footer or sticky floating footer bar allows you to display your footer content to users. Whenever you scroll down or up your website it will display.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group container has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Container<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &amp; Options&gt; Container<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/Container-382.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"400\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/Container-382.png?resize=297%2C400&#038;ssl=1\" alt=\"\" class=\"wp-image-43707\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/Container-382.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/Container-382.png?resize=223%2C300&amp;ssl=1 223w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/Container-382.png?resize=150%2C202&amp;ssl=1 150w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Site Style-<\/strong> You can select your website site style with Wide and, Max Width options.<\/li>\n\n\n\n<li><strong>Container Width-<\/strong> You can select the container width size.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group color-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Total Color &amp; Background Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Color &amp; Background, Go to <strong>Appearance &gt; Customize &gt; Color &amp; Background<\/strong>. You can pick colors for every element and upload a background image.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to customize Color and background in Th Shop Mania Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jVW7fM8A4Ws?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<h4 class=\"wp-block-heading\">Global Color &#8211;<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Global colors option, Go to <strong>Appearance &gt; Customize &gt; Global Colors<\/strong>.<\/li>\n\n\n\n<li>You can change the default color all over the site using Theme Color.<\/li>\n\n\n\n<li>You can pick color for link, link hover color, text color, title color, background color &amp; Background image.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Header Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Header color option, Go to <strong>Appearance &gt; Customize &gt; &gt; Total color &amp; BG options &gt; Header Colors<\/strong>.<\/li>\n\n\n\n<li>You can pick Color for Header, Above Header, Offcanvas sidebar, Pan \/ Mobile Menu Color, Sticky Header, Below Header, Categroy and Main Menus elements.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Footer Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Footer color option, Go to <strong>Appearance &gt; Customize &gt; &gt; Total color &amp; BG options &gt; Footer Colors<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Above Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick the color for the Above footer background color, Text color, Link color, and Link hover color.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Widget Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick colors for the Widget footer background color, Widget Title color, Text color, Link color, and Link hover color.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Below Footer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick the color for the Below footer background color, Text color, Link color, and Link hover color.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group typography-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can add the typography on your site with multiple Google &amp; standard fonts. Using different fonts on your site makes it a creative website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Base Typography<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For Typography, Go to Appearance &gt; Customizer &gt; Typography &gt; Base Typography. Typography is the best way to show your content in a unique and attractive way. You can add multiple Google &amp; standard fonts using typography on your site. Using different fonts on your site makes it a creative website.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose a Font family for the body text. Adjust the font size, line height, and letter spacing. This will be applicable to the overall site body.<\/li>\n\n\n\n<li>You can also adjust \u201cText Transform\u201d and set your body text as Capitalize, Uppercase, Lowercase, default, or none.<\/li>\n\n\n\n<li>You can choose the \u201cFont Weight\u201d for your text.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Title<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the font of your title. This will set typography for overall site titles.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can also customize \u201cText Transform\u201d set your title as Capitalize, Uppercase, Lowercase, default, or none.<\/li>\n\n\n\n<li>You can choose the \u201cFont Weight\u201d for your text.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Content<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This will set the overall typography of single page from heading H1 to H6.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading (H1) \u2013 Applicable for for all h1 headings like page title, product title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H2) \u2013 Applicable for h2 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H3) \u2013 Applicable for h3 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 4 (H4) \u2013 Applicable for h4 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 5 (H5) \u2013 Applicable for h5 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 6 (H6) \u2013 Applicable for h6 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group elemento-addons has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Elemento Addons<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This theme is integrated with Elemento addons which are useful in designing your site pages. There are Two addons integrated into the Free version. You can use the <strong>Product Simple addon <\/strong>and <strong>Simple post addon<\/strong> for designing your website.<\/li>\n\n\n\n<li>To use these add-ons, just go to your Dashboard &gt; Page and Click on Edit with Elementor<\/li>\n\n\n\n<li>Elementor page editor will open, Scroll down the element or elements sidebar, here you&#8217;ll find the <strong>Elemento addons Category<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Product Simple addon<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addon-free.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"324\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addon-free.png?resize=663%2C324&#038;ssl=1\" alt=\"\" class=\"wp-image-39588\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addon-free.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addon-free.png?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addon-free.png?resize=150%2C73&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Simple post addon<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/simple-post-elemento-addon.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"324\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/simple-post-elemento-addon.png?resize=663%2C324&#038;ssl=1\" alt=\"\" class=\"wp-image-39598\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/simple-post-elemento-addon.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/simple-post-elemento-addon.png?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/simple-post-elemento-addon.png?resize=150%2C73&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group elemento-proaddons has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Elemento Addons<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This theme is integrated with Elemento addons which are useful in designing your site pages. There are <strong>18+ addons<\/strong> given in Pro version. They easy-to-use elements those were designed to make your page designing easier.<\/li>\n\n\n\n<li>To use these addons, just go to your Dashboard &gt; Page and Click on Edit with Elementor<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-homepage-th-shop-mania.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"324\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-homepage-th-shop-mania.png?resize=663%2C324&#038;ssl=1\" alt=\"\" class=\"wp-image-38695\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-homepage-th-shop-mania.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/edit-homepage-th-shop-mania.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor page editor will open, Scroll down the elementor elements sidebar, here you&#8217;ll find <strong>Elemento addons Category<\/strong>.<\/li>\n\n\n\n<li>You can choose the desired element from here, and just and drop them to the section and edit them according to your need.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addons-th-shop-mania.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"324\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addons-th-shop-mania.png?resize=663%2C324&#038;ssl=1\" alt=\"\" class=\"wp-image-38696\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addons-th-shop-mania.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/01\/elemento-addons-th-shop-mania.png?resize=300%2C147&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">List of Pro Addons<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product Slider<\/li>\n\n\n\n<li>Elemento Products<\/li>\n\n\n\n<li>Elemento Big Products<\/li>\n\n\n\n<li>Product Slider list<\/li>\n\n\n\n<li>Add to Cart<\/li>\n\n\n\n<li>Product Category<\/li>\n\n\n\n<li>Advance Heading<\/li>\n\n\n\n<li>Posts<\/li>\n\n\n\n<li>Advanced Tabs<\/li>\n\n\n\n<li>Compare Images<\/li>\n\n\n\n<li>Content Switchers<\/li>\n\n\n\n<li>Countdown Clock<\/li>\n\n\n\n<li>Elemento counter<\/li>\n\n\n\n<li>Image pointer<\/li>\n\n\n\n<li>Testimonial lists<\/li>\n\n\n\n<li>Image Animation<\/li>\n\n\n\n<li>Elemento icon list<\/li>\n\n\n\n<li>Price box<\/li>\n\n\n\n<li>Contact form 7<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group login-registration has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Login &amp; Registration Layouts (Pro Version)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Login &amp; Registration Layouts Navigate to <strong>Appearance &gt; Customizer &gt; Layout &amp; Options &gt; Login &amp; Registration Layout<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Here is the Video Tutorial to Customize Login &amp; Registration Layouts on your website.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Customize TH Shop Mania Login &amp; Registration Page\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/QmACUef2hlo?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\">There are 4 Login &amp; Registration Layouts that you can use to create a login page on your website. The 4 Login &amp; Registration Layouts include- <strong>Classic Page, Standard Page, Popup Login Layout 1, and Popup Login Layout 2<\/strong><\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-layout has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Blog Page Layouts (Pro Version)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Blog Page Layouts Navigate to <strong>Appearance &gt; Customizer &gt; Layout &amp; Options &gt; Blog<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Here is the Video Tutorial to Customize the Blog Page on your website.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Setup Blog Page Layout on TH Shop Mania WordPress Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WiaFFRVdKSs?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\"><strong>There are 5 Types of Blog Layouts you can choose from. Layout includes-<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Full Width.<\/li>\n\n\n\n<li>Two Column.<\/li>\n\n\n\n<li>Three Column.<\/li>\n\n\n\n<li>Left Image.<\/li>\n\n\n\n<li>Right Image.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group 404-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">404 Page&nbsp;(Pro Version)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Login &amp; Registration Layouts Navigate to <strong>Appearance &gt; Customizer &gt; Layout &amp; Options &gt; 404 Page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Here is the Video Tutorial to Customize the 404 Page on your website.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Customize 404 Page on TH Shop Mania WordPress Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/yL8w4mbvpoQ?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\"><strong>There are 2 types of 404 pages on the Theme. One is Classic and Another is Standard.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Classic-<\/strong> In this layout, the content of the 404 page will be shown as the default 404 page. Although you can customize the 404 pages by adding an image, subtitle, description, and button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Standard-<\/strong> In this layout, the content of the 404 page will be aligned center. Although you can customize the 404 pages by adding an image, subtitle, description, and button.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group social-icon has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Social Icon<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize the Social icon Navigate to <strong>Appearance &gt; Customizer &gt; Social icon<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/social-icon-325.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"323\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/social-icon-325.png?resize=297%2C323&#038;ssl=1\" alt=\"\" class=\"wp-image-43702\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/social-icon-325.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/social-icon-325.png?resize=276%2C300&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/social-icon-325.png?resize=150%2C163&amp;ssl=1 150w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can enter social media links to display on your website.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group preloader has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Preloader<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize the Social icon Navigate to <strong>Appearance &gt; Customizer &gt; Preloader<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can enable or disable the preloader on the website. You can customize the preloader with Background Color and PreLoader Image.<\/p>\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=\"Preloader Settings for Shop Mania Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ebmu9WeKiqM?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 widgets has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Widgets<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/widgets-79144.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"469\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/widgets-79144.png?resize=297%2C469&#038;ssl=1\" alt=\"\" class=\"wp-image-43705\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/widgets-79144.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/widgets-79144.png?resize=190%2C300&amp;ssl=1 190w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/widgets-79144.png?resize=150%2C237&amp;ssl=1 150w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Widgets Layouts Navigate to <strong>Appearance &gt; Customizer &gt; Widgets<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can create and modify different widgets on your website. Shop Mania comes with 11 widget options.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-pages has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Video Tutorial to Customize WooCommerce pages on your website.<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Customize WooCommerce Setting - Th Shop Mania Pro | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/QYtJxKiTOPg?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 WooCommerce pages. First, you have to Install the <strong>WooCommerce Plugin<\/strong> and activate it from the Recommended plugins available in Th Shop Mania Options. If you have already done skip this.<\/li>\n\n\n\n<li>Now Set the Shop page, Cart Page, Checkout page, and My Account Page on your site. To Know how you can easily set these pages in your site. Navigate to this <a href=\"https:\/\/themehunk.com\/fr\/docs\/how-to-create-woocommerce-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">Post<\/a>.<\/li>\n\n\n\n<li>For WooCommerce Setting, Navigate to <strong>Customize &gt; WooCommerce<\/strong>. Here you&#8217;ll get all the Woo Setting for your Shop Products.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-style has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Product Style<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Product Style Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Product Style&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From here you can Customize Product Image Hover Style and Sales Badefe Text-<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/product-style-31.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"380\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/product-style-31.png?resize=298%2C380&#038;ssl=1\" alt=\"\" class=\"wp-image-43711\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/product-style-31.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/product-style-31.png?resize=235%2C300&amp;ssl=1 235w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/product-style-31.png?resize=150%2C191&amp;ssl=1 150w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Product Image Hover Style-&nbsp;<\/strong> Here you can change the product image hover style with, options like- Zoom, Fade Swap, Slide Swap<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also Enable or Disable Hover on Quick View<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Sale Badge Text-<\/strong> here you can enter your sale badge text.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group shop-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Shop Page<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/shop-page-61-32.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"277\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/shop-page-61-32.png?resize=301%2C277&#038;ssl=1\" alt=\"\" class=\"wp-image-43713\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/shop-page-61-32.png?w=301&amp;ssl=1 301w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/11\/shop-page-61-32.png?resize=150%2C138&amp;ssl=1 150w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Product Style Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Shop Page&nbsp;<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Pagination-&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can select different Pagination from available options- Numbered, Load More, Infinity Scroll. You can watch the below video to get an idea of how your shop page will look after different Pagination styles.<\/p>\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=\"TH Shop Mania Theme Pagination Feature\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/rz5tLSAsge4?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<h3 class=\"wp-block-heading\"><strong>Product Layout-<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can change different Product Layout styles as you can see below video<\/p>\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=\"Shop Page Product Layout Setting for Shop Mania Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/TfBbcYxfd1s?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 checkout-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Checkout Page (Pro Verison)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Checkout Page Layouts Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Checkout Page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are 3 Checkout page Layouts they are-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standard<\/li>\n\n\n\n<li>Vertical<\/li>\n\n\n\n<li>Stepped<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Video Tutorial to Customize Checkout on your website<\/strong><\/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=\"How to Customize Checkout Page on TH Shop Mania WordPress Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/qMDcYOuF0c4?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\"><strong>You can Enable or Disable distraction-free checkout-<\/strong> A distraction-free checkout is one of the easiest ways to minimize cart abandonment rates, ensure a seamless checkout experience, and maximize your store&#8217;s sales<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The checkout page comes with 3 Layout options- Standard, Vertical and Stepped.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Checkout Settings<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Checkout Page Layouts Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Checkout Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From here let you change the appearance of the WooCommerce checkout.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Company Name Field- Hidden, Optional, Required<\/li>\n\n\n\n<li>Address Line 2 Field- Hidden, Optional, Required<\/li>\n\n\n\n<li>Phone Field- Hidden, Optional, Required<\/li>\n\n\n\n<li>Privacy Policy Page- Select the Privacy Policy Page<\/li>\n\n\n\n<li>Terms And Conditions Page- Select a custom page<\/li>\n\n\n\n<li>Privacy Policy- From here you can write a short Privacy Policy and after that a link for the full page.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group cart-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Cart Page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Checkout Page Layouts Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Cart Page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/cart-page-372.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"419\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/cart-page-372.png?resize=299%2C419&#038;ssl=1\" alt=\"\" class=\"wp-image-43695\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/cart-page-372.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/cart-page-372.png?resize=214%2C300&amp;ssl=1 214w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/cart-page-372.png?resize=150%2C210&amp;ssl=1 150w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Enable Distraction Free Cart<\/strong>&#8211; Here you can enable or disable the distraction-free cart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em><strong>&#8221; <\/strong>it is to remove as much clutter and distractions through the checkout procedure \u2013 so customers can focus on completing the checkout entirely and end up buying your products.<strong>&#8220;<\/strong><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Enable Cross Sell Products-&nbsp;<\/strong>Here you can enable or disable cross-sell products<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>&#8220;Cross-selling is the process of offering customer products that are compatible with the ones they&#8217;re purchasing.&#8221;<\/em><\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group store-notice has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Store Notice<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/store-notice-7031.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"313\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/store-notice-7031.png?resize=298%2C313&#038;ssl=1\" alt=\"\" class=\"wp-image-43696\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/store-notice-7031.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/store-notice-7031.png?resize=286%2C300&amp;ssl=1 286w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2022\/10\/store-notice-7031.png?resize=150%2C158&amp;ssl=1 150w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Store Notice Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Store Notice<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can enable or disable hinted store notice to tell your customer any important update or information. for more, you can watch the below video to get an idea about Store Notice.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-catalogue has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Product Catalogue<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Product Catalogue Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Product Catalogue<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can customize Product Catalogue settings. You can watch the below video to get an idea about it.<\/p>\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=\"Product Catalogue Shop Mania Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/TKF540XDe8U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-images has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product Images<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize the Product Images Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Product Images<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can customize image dimensions<\/p>\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=\"Product Image Shop Mania Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ZtE6d-BAa-o?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 single-product-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Single Product Page (Pro Verison)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To customize Single Product Page Layouts Navigate to <strong>Appearance &gt; Customizer &gt; WooCommerce &gt; Single Product<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Product Image Gallery<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are 5 Different product image gallery layouts they are-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Grid Layout<\/li>\n\n\n\n<li>Slider Layout<\/li>\n\n\n\n<li>Vertical Layout<\/li>\n\n\n\n<li>Slider with Lightbox<\/li>\n\n\n\n<li>Vertical slider with lightbox<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You can watch this video to know how it works-<\/p>\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=\"Product Image Gallery Shop Mania Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/K3kgQdnx_U8?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<h2 class=\"wp-block-heading\"><strong>Single Product Product Layout<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are 2 types of single-product page layouts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can watch Video to get an idea about Single Product<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Customize Single Product Page on TH Shop Mania WordPress Theme.\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/p4baTXeciCE?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\">There are 5 Product Image Gallery styles and 2 Single Product Page Layouts you can use. They also come with lots of customizations.<\/p>\n<\/section>\n\n\n\n<section id=\"additional-css\" class=\"wp-block-group additional-css 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>For adding Additional CSS Code to your site. Navigate to <strong>Appearance &gt; Customizer &gt; WordPress default &gt; Additional CSS<\/strong>.<\/li>\n\n\n\n<li>Now simply put your CSS code in the text area and Publish it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><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<\/section>\n\n\n\n<section id=\"variation-gallery-images\" class=\"wp-block-group variation-gallery-images has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Variation Gallery Images<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To add the Variation Gallery Images, open the product in the dashboard and follow the steps shown in the gif below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Variable-Product.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Variable-Product.gif?resize=800%2C390&#038;ssl=1\" alt=\"\" class=\"wp-image-87166\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Scroll down to Product Data and select the product as <strong>Variable Product<\/strong>.<\/li>\n\n\n\n<li>Now, click on Variations.<\/li>\n\n\n\n<li>Click on the variation in which you want to add the variation gallery images. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Variation.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"863\" height=\"312\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Variation.jpg?resize=863%2C312&#038;ssl=1\" alt=\"\" class=\"wp-image-86971\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Variation.jpg?w=863&amp;ssl=1 863w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Variation.jpg?resize=300%2C108&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Variation.jpg?resize=768%2C278&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Variation.jpg?resize=48%2C17&amp;ssl=1 48w\" sizes=\"(max-width: 863px) 100vw, 863px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Add Variation Gallery Images<\/strong> and upload the gallery images.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-Variation-Gallery-Images.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"869\" height=\"612\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-Variation-Gallery-Images.jpg?resize=869%2C612&#038;ssl=1\" alt=\"\" class=\"wp-image-87176\" style=\"width:800px;height:auto\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-Variation-Gallery-Images.jpg?w=869&amp;ssl=1 869w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-Variation-Gallery-Images.jpg?resize=300%2C211&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-Variation-Gallery-Images.jpg?resize=768%2C541&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Add-Variation-Gallery-Images.jpg?resize=48%2C34&amp;ssl=1 48w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it. The Variation Gallery Images are set for the selected product.<br>You can see the result below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Variation-Gallery-Images-1.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"557\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Variation-Gallery-Images-1.gif?resize=800%2C557&#038;ssl=1\" alt=\"\" class=\"wp-image-87175\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group th-bought-together has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">TH Bought Together<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To show the related product on a page. Follow these steps<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-dashboard.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"360\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-dashboard.gif?resize=800%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-87194\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the product in the Dashboard<\/li>\n\n\n\n<li>Scroll down to the Product Data area and click on TH Bought Together<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product_-Bought-Together.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product_-Bought-Together.jpg?resize=1024%2C415&#038;ssl=1\" alt=\"\" class=\"wp-image-81119\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product_-Bought-Together.jpg?resize=1024%2C415&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product_-Bought-Together.jpg?resize=300%2C122&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product_-Bought-Together.jpg?resize=768%2C312&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product_-Bought-Together.jpg?resize=48%2C19&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product_-Bought-Together.jpg?w=1097&amp;ssl=1 1097w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the <strong>Choose Product<\/strong> select the products you want to show in the Bought Together area<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-Products.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"278\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-Products.jpg?resize=552%2C278&#038;ssl=1\" alt=\"\" class=\"wp-image-87190\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-Products.jpg?w=552&amp;ssl=1 552w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-Products.jpg?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-Products.jpg?resize=400%2C200&amp;ssl=1 400w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together-Products.jpg?resize=48%2C24&amp;ssl=1 48w\" sizes=\"(max-width: 552px) 100vw, 552px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you tick the <strong>Choose Default Product<\/strong> option, the products on the product page will be selected by default. If this is disabled, then users have to select the product manually as shown below.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it. Save the changes. The Bought Together products are added.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"483\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Bought-Together.gif?resize=800%2C483&#038;ssl=1\" alt=\"\" class=\"wp-image-87192\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-countdown has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Product Countdown<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To add the Product Countdown to the product, follow the steps.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard-1.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"361\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard-1.gif?resize=800%2C361&#038;ssl=1\" alt=\"\" class=\"wp-image-87273\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the Product in the Dashboard<\/li>\n\n\n\n<li>Scroll down to the Product Data area and click on Product Countdown\n<ul class=\"wp-block-list\">\n<li><strong>Enable<\/strong> &#8211; Enable this button to start the countdown<\/li>\n\n\n\n<li><strong>Countdown Dates<\/strong> &#8211; Set the date for the beginning and end of the sale<\/li>\n\n\n\n<li><strong>Discounted Products<\/strong> &#8211; Enter the number of the products on sale<\/li>\n\n\n\n<li><strong>Already Sold Products<\/strong> &#8211; Enter the quantity of the products that have already been sold (in the image below, 500 products are on discount and 450 have been sold, which means only 50 products are left)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>After all, publish the product to save changes<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"473\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard.jpg?resize=882%2C473&#038;ssl=1\" alt=\"\" class=\"wp-image-87253\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard.jpg?w=882&amp;ssl=1 882w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard.jpg?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard.jpg?resize=768%2C412&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Dashboard.jpg?resize=48%2C26&amp;ssl=1 48w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it, the countdown is added to the product. Below is the preview of the product<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Preview-1.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Preview-1.jpg?resize=1024%2C475&#038;ssl=1\" alt=\"\" class=\"wp-image-87275\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Preview-1.jpg?resize=1024%2C475&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Preview-1.jpg?resize=300%2C139&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Preview-1.jpg?resize=768%2C356&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Preview-1.jpg?resize=48%2C22&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Product-Countdown-Preview-1.jpg?w=1328&amp;ssl=1 1328w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group marquee has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Marquee<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To add the Marquee to your site, follow the steps written below <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the page and edit it with Elementor.<\/li>\n\n\n\n<li>In the left sidebar, search for the Marquee widget or scroll down to Elemento Addons<\/li>\n\n\n\n<li>Drag the widget and drop it on the location.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee.jpg?resize=1024%2C490&#038;ssl=1\" alt=\"\" class=\"wp-image-86917\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee.jpg?resize=1024%2C490&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee.jpg?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee.jpg?resize=768%2C367&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee.jpg?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee.jpg?w=1399&amp;ssl=1 1399w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once the widget is dropped, its settings will appear on the sidebar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?resize=1024%2C489&#038;ssl=1\" alt=\"\" class=\"wp-image-87020\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?resize=1024%2C489&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?resize=768%2C367&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?resize=1536%2C734&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Settings.jpg?w=1568&amp;ssl=1 1568w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You will see Items. When you click on any item, you will see additional options to add content to it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Slide.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"865\" height=\"436\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Slide.jpg?resize=865%2C436&#038;ssl=1\" alt=\"\" class=\"wp-image-86929\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Slide.jpg?w=865&amp;ssl=1 865w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Slide.jpg?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Slide.jpg?resize=768%2C387&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2025\/07\/Slide.jpg?resize=48%2C24&amp;ssl=1 48w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add an Image to any of its items, click on the image section and upload the image.<\/li>\n\n\n\n<li>Once the image is uploaded, it will show in the Marquee. <br>Likewise, you can change the color of the title and button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"815\" height=\"515\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image.jpg?resize=815%2C515&#038;ssl=1\" alt=\"\" class=\"wp-image-87295\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image.jpg?w=815&amp;ssl=1 815w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image.jpg?resize=300%2C190&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image.jpg?resize=768%2C485&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image.jpg?resize=48%2C30&amp;ssl=1 48w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To change the text of the title and button, and to add a link in the button, click on the Content section beside Slide.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image-content.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"856\" height=\"394\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image-content.jpg?resize=856%2C394&#038;ssl=1\" alt=\"\" class=\"wp-image-87296\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image-content.jpg?w=856&amp;ssl=1 856w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image-content.jpg?resize=300%2C138&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image-content.jpg?resize=768%2C353&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee-image-content.jpg?resize=48%2C22&amp;ssl=1 48w\" sizes=\"(max-width: 856px) 100vw, 856px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">With the settings given, you can adjust the alignment of the slides<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marduee-Settings.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"429\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marduee-Settings.jpg?resize=303%2C429&#038;ssl=1\" alt=\"\" class=\"wp-image-87299\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marduee-Settings.jpg?w=303&amp;ssl=1 303w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marduee-Settings.jpg?resize=212%2C300&amp;ssl=1 212w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marduee-Settings.jpg?resize=48%2C68&amp;ssl=1 48w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Slider Style <\/strong>&#8211; There are two layouts of the Slider Style, you can select whichever you like<\/li>\n\n\n\n<li><strong>Slider Direction<\/strong> &#8211; You can select the direction of the slider, whether you want to run it from left to right or right-to-left<\/li>\n\n\n\n<li><strong>Speed<\/strong> &#8211; Control the speed of the slider<\/li>\n\n\n\n<li><strong>On Hover Opacity<\/strong> &#8211; When hovered, a layout appears on the slide, control its opacity from here<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you want to stylize the widget with colors and other measures, go to Styles, which you will find at the top of the widget.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Style.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"617\" height=\"666\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Style.jpg?resize=617%2C666&#038;ssl=1\" alt=\"\" class=\"wp-image-87023\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Style.jpg?w=617&amp;ssl=1 617w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Style.jpg?resize=278%2C300&amp;ssl=1 278w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marquee_-Style.jpg?resize=48%2C52&amp;ssl=1 48w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you can change the background and color it. And so many options given to style it, like border radius, width, padding, margin, etc.<br>The Marquee always keeps moving; you can stop it on hovering cursor by the button given in the Style section.<\/li>\n\n\n\n<li>You can even stylize the Title and Button individually.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">And below is a preview of the Marquee<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marqee-Preview-2.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"551\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Marqee-Preview-2.gif?resize=800%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-87305\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group swipe-slider has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Swipe Slider<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To add the Swipe Slider, open the page and edit with Elementor<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the top of the sidebar, search for the widget or find the Elemento Addons <\/li>\n\n\n\n<li>Drag the Swipe Slider and drop it on the location where you want to add it<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Drag-drop.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Drag-drop.jpg?resize=1024%2C522&#038;ssl=1\" alt=\"\" class=\"wp-image-87052\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Drag-drop.jpg?resize=1024%2C522&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Drag-drop.jpg?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Drag-drop.jpg?resize=768%2C391&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Drag-drop.jpg?resize=48%2C24&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Drag-drop.jpg?w=1434&amp;ssl=1 1434w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once dropped, its settings will appear in the sidebar<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Settings.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"858\" height=\"613\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Settings.jpg?resize=858%2C613&#038;ssl=1\" alt=\"\" class=\"wp-image-87313\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Settings.jpg?w=858&amp;ssl=1 858w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Settings.jpg?resize=300%2C214&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Settings.jpg?resize=768%2C549&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Settings.jpg?resize=48%2C34&amp;ssl=1 48w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In settings, you can see items. 1 item refers to 1 slide. Here you can add an image and give colors to the title, description, and button<\/li>\n\n\n\n<li>To change the text of these things, click on the content beside the Slide in the Item<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the text for the title, description, and button, and provide the link for the button<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To increase the number of slides, click on the Add Item button provided at the end of the items<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Add.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"438\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Add.jpg?resize=595%2C438&#038;ssl=1\" alt=\"\" class=\"wp-image-87054\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Add.jpg?w=595&amp;ssl=1 595w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Add.jpg?resize=300%2C221&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Add.jpg?resize=48%2C35&amp;ssl=1 48w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">With these lines, you can make changes in the width and gap of the content and slides<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Width.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"351\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Width.jpg?resize=302%2C351&#038;ssl=1\" alt=\"\" class=\"wp-image-87055\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Width.jpg?w=302&amp;ssl=1 302w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Width.jpg?resize=258%2C300&amp;ssl=1 258w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Width.jpg?resize=48%2C56&amp;ssl=1 48w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When you go a little down, you will find the content sorting section<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you can sort the different elements of the slide<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Down the Content Sorting, you will find the Slider Navigation<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Sorting.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"593\" height=\"548\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Sorting.jpg?resize=593%2C548&#038;ssl=1\" alt=\"\" class=\"wp-image-87056\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Sorting.jpg?w=593&amp;ssl=1 593w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Sorting.jpg?resize=300%2C277&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Sorting.jpg?resize=48%2C44&amp;ssl=1 48w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can change the icon of the navigation. You can choose from the icon library or upload your also<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Now let&#8217;s see how you can style the Swipe slider to make it look better<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the top of the sidebar, click on Styles<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Style.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"607\" height=\"625\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Style.jpg?resize=607%2C625&#038;ssl=1\" alt=\"\" class=\"wp-image-87057\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Style.jpg?w=607&amp;ssl=1 607w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Style.jpg?resize=291%2C300&amp;ssl=1 291w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe_-Style.jpg?resize=48%2C49&amp;ssl=1 48w\" sizes=\"(max-width: 607px) 100vw, 607px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you can color the background of various things.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">And below is the preview<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Preview.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"597\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Swipe-Slider-Preview.gif?resize=800%2C597&#038;ssl=1\" alt=\"\" class=\"wp-image-87315\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-content-scroll has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sticky Content Scroll<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see how to add Sticky Content Scroll to a website. But before this, you need to create Elementor templates for the content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I have created 4 templates for two slides, each slide has 1 image and 1 its description<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Templates.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"293\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Templates.jpg?resize=570%2C293&#038;ssl=1\" alt=\"\" class=\"wp-image-87318\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Templates.jpg?w=570&amp;ssl=1 570w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Templates.jpg?resize=300%2C154&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Elementor-Templates.jpg?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To add Sticky Content Scroll, open the page and edit it with Elementor<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Search for the Sticky Content Scroll or go to Elemento Addons<\/li>\n\n\n\n<li>Drag the widget and drop it on the location<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-drag.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-drag.jpg?resize=1024%2C619&#038;ssl=1\" alt=\"\" class=\"wp-image-87124\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-drag.jpg?resize=1024%2C619&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-drag.jpg?resize=300%2C181&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-drag.jpg?resize=768%2C464&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-drag.jpg?resize=48%2C29&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-drag.jpg?w=1170&amp;ssl=1 1170w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Having dropped the widget, its settings will appear in the sidebar<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-settings.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"353\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-settings.jpg?resize=316%2C353&#038;ssl=1\" alt=\"\" class=\"wp-image-87125\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-settings.jpg?w=316&amp;ssl=1 316w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-settings.jpg?resize=269%2C300&amp;ssl=1 269w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-settings.jpg?resize=48%2C54&amp;ssl=1 48w\" sizes=\"(max-width: 316px) 100vw, 316px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can adjust the width of the content. You can select from the options whether you want to keep which side sticky.<br>For mobile devices, settings are given too.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add content, click on the <strong>Add Item<\/strong> button<\/li>\n\n\n\n<li>This will create the Item. Add the left and right templates<br>You can add two templates to each Item (as shown in image 3)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-Add.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"616\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-Add.jpg?resize=622%2C616&#038;ssl=1\" alt=\"\" class=\"wp-image-87123\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-Add.jpg?w=622&amp;ssl=1 622w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-Add.jpg?resize=300%2C297&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-Add.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-Add.jpg?resize=100%2C100&amp;ssl=1 100w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Scroll_-Add.jpg?resize=48%2C48&amp;ssl=1 48w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After creating the Item, click on <strong>Select Elementor Left Template<\/strong> and choose the template you created in Elementor. Do the same for the right template (as shown in image 3 above, I selected both templates of Blazer).<\/li>\n\n\n\n<li>If you want to create the next item, click on the Add Item button or duplicate the Item with the button given on the right side of the Item. Then select the template for the other slide.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Below is the preview of the Sticky Content Scroll.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Content-Scroll-Preview.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"597\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Content-Scroll-Preview.gif?resize=800%2C597&#038;ssl=1\" alt=\"\" class=\"wp-image-87332\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-cart-container has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Sticky Cart Container<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see how can you add the Sticky Card Container to your site<br>Remember you need to create the Elementor templates before you add the Sticky Card Container<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add the Sticky Cart Container to your website open your site, and edit with Elementor.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Search for the Sticky Card Container or go to Elemento Addons, drag the Sticky Card Container widget and drop on the location where you want to place it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-drag.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"555\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-drag.jpg?resize=1024%2C555&#038;ssl=1\" alt=\"\" class=\"wp-image-87364\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-drag.jpg?resize=1024%2C555&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-drag.jpg?resize=300%2C163&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-drag.jpg?resize=768%2C416&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-drag.jpg?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-drag.jpg?w=1158&amp;ssl=1 1158w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once you drop the widget, its settings will appear in the sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-settings.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"324\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-settings.jpg?resize=624%2C324&#038;ssl=1\" alt=\"\" class=\"wp-image-87365\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-settings.jpg?w=624&amp;ssl=1 624w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-settings.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-settings.jpg?resize=48%2C25&amp;ssl=1 48w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Item #1<\/strong> to expand it<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">One Item shows one container<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There is an option says <strong>Select Elementor Template<\/strong> click on the box in front of it and select the Elementor template, you want to show here<\/li>\n\n\n\n<li>Line below template option is given to adjust the top margin<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">When you select a template, it will show on the page<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-description.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-description.jpg?resize=1024%2C325&#038;ssl=1\" alt=\"\" class=\"wp-image-87363\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-description.jpg?resize=1024%2C325&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-description.jpg?resize=300%2C95&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-description.jpg?resize=768%2C244&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-description.jpg?resize=48%2C15&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Card-description.jpg?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Likewise, copy the container or click on Add New to add another container<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Add-New.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"291\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Add-New.jpg?resize=500%2C291&#038;ssl=1\" alt=\"\" class=\"wp-image-87361\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Add-New.jpg?w=500&amp;ssl=1 500w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Add-New.jpg?resize=300%2C175&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Add-New.jpg?resize=48%2C28&amp;ssl=1 48w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For layout settings, click on Layout<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Layout.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"373\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Layout.jpg?resize=618%2C373&#038;ssl=1\" alt=\"\" class=\"wp-image-87362\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Layout.jpg?w=618&amp;ssl=1 618w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Layout.jpg?resize=300%2C181&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Stcky-Card-Layout.jpg?resize=48%2C29&amp;ssl=1 48w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When you enable the <strong>Enable Sticky<\/strong> button, all cards will scroll over previous one then after last card all cards will be scrolled.<\/li>\n\n\n\n<li>Additionaly, you can adjust the offset and minimum height with below options<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is how you can add the Sticky Card Container to your site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Cart-Container-Preview.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"602\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Sticky-Cart-Container-Preview.gif?resize=800%2C602&#038;ssl=1\" alt=\"\" class=\"wp-image-87367\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group demo-import-fail has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Demo Stuck Problem While Importing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While importing a premade demo, it sometimes gets stuck on the screen and takes an unusually long time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Demo-Import-Fail.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Demo-Import-Fail.webp?resize=800%2C450&#038;ssl=1\" alt=\"\" class=\"wp-image-102755\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Demo-Import-Fail.webp?w=800&amp;ssl=1 800w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Demo-Import-Fail.webp?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Demo-Import-Fail.webp?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Demo-Import-Fail.webp?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This problem can be corrected in simple steps.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Before importing the template, go to Settings and click on <strong>Permalinks<\/strong>. Click on the <strong>Save Changes<\/strong> button without making any changes.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Permalinks.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"630\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Permalinks.png?resize=1024%2C630&#038;ssl=1\" alt=\"\" class=\"wp-image-102754\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Permalinks.png?resize=1024%2C630&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Permalinks.png?resize=300%2C185&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Permalinks.png?resize=768%2C472&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Permalinks.png?resize=48%2C30&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Permalinks.png?w=1325&amp;ssl=1 1325w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This helps in fixing the Broken Links that may cause such an error.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Temporarily deactivate the plugins, other than <strong>ThemeHunk&#8217;s<\/strong> plugins.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?resize=1024%2C449&#038;ssl=1\" alt=\"\" class=\"wp-image-102767\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?resize=1024%2C449&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?resize=300%2C132&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?resize=768%2C337&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?resize=1536%2C674&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?resize=48%2C21&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2024\/03\/Dashboard-_-Plugins.png?w=1571&amp;ssl=1 1571w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the above screenshot, only ThemeHunk&#8217;s plugins are activated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Leave only the <strong>Shop Mania Pro<\/strong> plugin activated, and then import the demo.<\/li>\n\n\n\n<li>Start activating plugins one by one, and then import the demo and see which plugin is causing this problem.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Method 4<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usually, this problem arises due to the Cache, Security, and Hosting Provider&#8217;s pre-installed plugins. So consider deactivating them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After these steps, hard refresh your page and import the template. It will work fine.<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Installing Theme Watch this video guide Installing Th Shop Mania Pro Plugin Th Shop Mania Pro Plugin will add Advanced premium features and functionality to Shop Mania free theme. Go to Shop Mania Page Here&gt; Now choose your desired plan from here and hit the button&nbsp;Buy Now&nbsp;from the desired table. Activate the License Key in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-35917","docs","type-docs","status-publish","hentry","docscate-lite-themes","docscate-pro-themes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/35917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":90,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/35917\/revisions"}],"predecessor-version":[{"id":102784,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/35917\/revisions\/102784"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=35917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}