{"id":43,"date":"2024-02-08T06:16:08","date_gmt":"2024-02-08T06:16:08","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=43"},"modified":"2024-03-19T07:22:29","modified_gmt":"2024-03-19T07:22:29","slug":"customize-your-front-page-banner-settings","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/customize-your-front-page-banner-settings\/","title":{"rendered":"Customize your front page banner settings"},"content":{"rendered":"\n<p>The front page is the front page of your website. It is very important to be able to manage it, as that is why people visit your website. In StoreFlex, you can customize your front page with various customization options.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Check out our video tutorial for this section<\/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 loading=\"lazy\" title=\"StoreFlex: Complete Customization Tutorial Video\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/JaOcPz3Ma9Y?start=856&#038;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\">To customize your front page&#8217;s banner settings:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>Front Page Settings<\/strong><\/li>\n\n\n\n<li>Go to <strong>Banner settings <\/strong>after you\u2019ve reached inside the front page setting<strong>s<\/strong><\/li>\n\n\n\n<li>First of all, enable the banner for your front page by toggling on the <strong>Enable Banner <\/strong>option<\/li>\n<\/ul>\n\n\n\n<p>There are two sections in your banner settings which you can customize<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Slider Post Settings&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Feature Post Settings<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-frontpage-banner-settings-1024x539.jpg\" alt=\"StoreFlex_ frontpage banner settings\" class=\"wp-image-127\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-frontpage-banner-settings-1024x539.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-frontpage-banner-settings-300x158.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-frontpage-banner-settings-768x404.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-frontpage-banner-settings.jpg 1150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>And you also have the option to customize the layout of your banner in the <strong>Banner Layout <\/strong>section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Slider Post Settings&nbsp;<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Slider Post<\/strong> name drop-down menu from the <strong>Slide Post Settings<\/strong>&nbsp;below Posts on Slider<\/li>\n\n\n\n<li>Write your first slider post\u2019s heading title in the text area on the top of the drop-down menu<\/li>\n\n\n\n<li>Give your slider post description in the input field below headline text area<\/li>\n\n\n\n<li>Provide your slider post button with a URL, and also give the button its name below the URL input field.<\/li>\n\n\n\n<li>If you want to add more slider posts, then click on the <strong>+Add Slider Post <\/strong>button in the blue color below the drop-down menu.<\/li>\n\n\n\n<li>You can also enable auto-slide by toggling on or off the Enable Auto Slide option (PRO VERSION)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Slider-Post-Front-page-banner-settings-1024x527.jpg\" alt=\"Slider Post Front page banner settings\" class=\"wp-image-128\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Slider-Post-Front-page-banner-settings-1024x527.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Slider-Post-Front-page-banner-settings-300x154.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Slider-Post-Front-page-banner-settings-768x395.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Slider-Post-Front-page-banner-settings.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Feature Post Settings<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add or edit your feature post, go to <strong>Feature Post Settings <\/strong>sections below the Slider Post Settings section<\/li>\n\n\n\n<li>Add images to your feature post via hard drive or media files by clicking on the Select Image button<\/li>\n\n\n\n<li>Give your post a heading from the Post Title input field.&nbsp;<\/li>\n\n\n\n<li>Provide the URL and button name for the button of the feature post in the below input fields, respectively.<\/li>\n\n\n\n<li>To add new featured post, click on <strong>+Add New Post <\/strong>button and repeat the same process<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Featured-Post_-Frontpage-banner-settings-1024x459.jpg\" alt=\"Featured Post_ Frontpage banner settings\" class=\"wp-image-129\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Featured-Post_-Frontpage-banner-settings-1024x459.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Featured-Post_-Frontpage-banner-settings-300x135.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Featured-Post_-Frontpage-banner-settings-768x344.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Featured-Post_-Frontpage-banner-settings.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Change your Banner Layout<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There are two layout options for you to change your banner posts<\/li>\n\n\n\n<li>Select one of them as per your preference from the section below the feature post settings.&nbsp;<\/li>\n\n\n\n<li>Check if the banner\u2019s layout is replaced or not from the live preview<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"218\" height=\"152\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/banner-layout-frontpagesettings.jpg\" alt=\"banner-layout-frontpage settings\" class=\"wp-image-130\" style=\"width:288px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p>(<em>if the changes don\u2019t appear, try clearing your cache, saving your settings and opening your site on a new tab.)<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Publish<\/strong> button to save your changes<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Sorting your Banners (Pro-version)<\/h2>\n\n\n\n<p>You can now sort your banners to put either a slider post or a feature post ahead on the front page of your online store. Just drag the section that you want to place ahead at the top.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"221\" height=\"138\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Sortable-Banner.jpg\" alt=\"Sortable Banner\" class=\"wp-image-246\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The front page is the front page of your website. It is very important to be able to manage it, as that is why people visit your website. In StoreFlex, you can customize your front page with various customization options. Check out our video tutorial for this section To customize your front page&#8217;s banner settings: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-43","post","type-post","status-publish","format-standard","hentry","category-front-page-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":4,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/43\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}