{"id":230,"date":"2024-02-16T05:23:38","date_gmt":"2024-02-16T05:23:38","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=230"},"modified":"2024-03-19T07:27:11","modified_gmt":"2024-03-19T07:27:11","slug":"front-page-middle-content-section-in-storeflex-pro","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/front-page-middle-content-section-in-storeflex-pro\/","title":{"rendered":"Front Page Middle Content Section in StoreFlex Pro"},"content":{"rendered":"\n<p>In the premium version of StoreFlex, there is an additional section in which you can further customize the front page of your website. This section will help you add additional products for more engagement with your existing and possible customers.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section_-StoreFlex-Pro-1024x545.jpg\" alt=\"Middle Content Section_ StoreFlex Pro\" class=\"wp-image-231\" style=\"width:800px;height:auto\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section_-StoreFlex-Pro-1024x545.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section_-StoreFlex-Pro-300x160.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section_-StoreFlex-Pro-768x409.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section_-StoreFlex-Pro.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><sub>The image doesn&#8217;t showcase the full middle content section.<\/sub><\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Check out video guidance 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=1187&#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 do so,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to your <strong>WordPress dashboard<\/strong>.<\/li>\n\n\n\n<li>Navigate to <strong>Appearance &gt; Customize<\/strong>, then go to <strong>Front Page Settings<\/strong> &gt; <strong>Middle Content Section<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section-1024x545.jpg\" alt=\"Middle Content Section\" class=\"wp-image-232\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section-1024x545.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section-300x160.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section-768x409.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Middle-Content-Section.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the middle content section, you have the option to place the sidebar on either side of your screen. Enable the toggle option at the top of the customizer to enable the middle content sidebar.<\/li>\n\n\n\n<li>Choose the position of your sidebar (either right or left) from the given options.<\/li>\n<\/ul>\n\n\n\n<p>There are two default blocks for the middle content section of StoreFlex Pro. You can add blocks as per your needs. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the gear (\u2699) icon and name your block in the given input field.<\/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=\"233\" height=\"279\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Block-editor-Middle-content-section.jpg\" alt=\"Block editor Middle content section\" class=\"wp-image-233\" style=\"width:257px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the edit (pencil-like) icon beside Block Query and add your product category to the block.<\/li>\n\n\n\n<li>Choose the <strong>Display option<\/strong> from the given drop-down menu and choose the order to sort your products.<\/li>\n\n\n\n<li>Select the number of posts you&#8217;d like to display in the input section below. Then, click on the <strong>&#8220;X&#8221;<\/strong> icon to close the editor.<\/li>\n\n\n\n<li>Given the text to your button. Or leave it if you want to hide the title.<\/li>\n\n\n\n<li>Click on <strong>Add New <\/strong><b>Block, <\/b>and do the same to edit the block.<\/li>\n\n\n\n<li>Click on the <strong>eye icon<\/strong> to hide the block from the page but not delete it. <\/li>\n\n\n\n<li>Close the block editor and save by clicking on the <strong>Publish <\/strong>button.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In the premium version of StoreFlex, there is an additional section in which you can further customize the front page of your website. This section will help you add additional products for more engagement with your existing and possible customers. Check out video guidance for this section To do so, There are two default blocks [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-230","post","type-post","status-publish","format-standard","hentry","category-pro-modules"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/230","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=230"}],"version-history":[{"count":2,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/230\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/230\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}