{"id":31730,"date":"2024-10-30T16:36:15","date_gmt":"2024-10-30T15:36:15","guid":{"rendered":"https:\/\/nelkodev.com\/blog\/eliminar-el-sidebar-en-storefront-tutorial-paso-a-paso\/"},"modified":"2024-11-17T14:48:38","modified_gmt":"2024-11-17T13:48:38","slug":"eliminar-el-sidebar-en-storefront-tutorial-paso-a-paso","status":"publish","type":"post","link":"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/","title":{"rendered":"Removing the Sidebar in Storefront: Step-by-Step Tutorial"},"content":{"rendered":"<p>If you&#039;re looking for how to remove the sidebar in Storefront, you&#039;ve come to the right place. In this tutorial, I&#039;ll show you step-by-step how to get rid of the sidebar on your online store with Storefront, the free WordPress eCommerce theme.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/autopost.nelkodev.com\/uploads\/gallery\/articles\/8416527746\/9979523952.jpg\" alt=\"Image 0\" \/><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #ffffff;color:#ffffff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #ffffff;color:#ffffff\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#%C2%BFQue_es_el_sidebar\" >What is the sidebar?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#Eliminando_el_sidebar_en_Storefront\" >Removing the sidebar in Storefront<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#Paso_1_Accede_al_personalizador_de_WordPress\" >Step 1: Access the WordPress Customizer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#Paso_2_Abre_la_seccion_%22Barra_lateral%22\" >Step 2: Open the &quot;Sidebar&quot; section<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#Paso_3_Desactiva_la_barra_lateral\" >Step 3: Disable the sidebar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#Paso_4_Guarda_los_cambios\" >Step 4: Save changes<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#Preguntas_frecuentes\" >Frequently asked questions<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#1_%C2%BFPuedo_volver_a_activar_el_sidebar_en_Storefront\" >1. Can I re-enable the sidebar in Storefront?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#2_%C2%BFPerdere_algun_contenido_al_eliminar_el_sidebar_en_Storefront\" >2. Will I lose any content when removing the sidebar in Storefront?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nelkodev.com\/en\/blog\/remove-sidebar-in-storefront-step-by-step-tutorial\/#3_%C2%BFExisten_alternativas_al_sidebar_en_Storefront\" >3. Are there alternatives to the sidebar in Storefront?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_el_sidebar\"><\/span>What is the sidebar?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The sidebar, also known as the sidebar, is a vertical section that runs along the side of a web page. It is used to display additional information, such as links, banner ads, widgets, and more. However, sometimes we want to remove this section to achieve a cleaner, more minimalist design.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/autopost.nelkodev.com\/uploads\/gallery\/articles\/8416527746\/1270219838.jpg\" alt=\"Image 1\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Eliminando_el_sidebar_en_Storefront\"><\/span>Removing the sidebar in Storefront<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To remove the sidebar in Storefront, follow these steps:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Paso_1_Accede_al_personalizador_de_WordPress\"><\/span>Step 1: Access the WordPress Customizer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In your WordPress admin panel, head to \u201cAppearance\u201d and click \u201cCustomize.\u201d This will take you to the WordPress customizer, where you can make changes to your website in real-time.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Paso_2_Abre_la_seccion_%22Barra_lateral%22\"><\/span>Step 2: Open the &quot;Sidebar&quot; section<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Inside the customizer, look for the section called &quot;Sidebar&quot;. This section will allow you to edit options related to your store&#039;s sidebar.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Paso_3_Desactiva_la_barra_lateral\"><\/span>Step 3: Disable the sidebar<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In the &quot;Sidebar&quot; section, disable the option to show the sidebar. Depending on the version of Storefront you&#039;re using, the option may be labeled &quot;Enable Sidebar&quot; or &quot;Show Sidebar.&quot; Uncheck this option to disable the sidebar on your site.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Paso_4_Guarda_los_cambios\"><\/span>Step 4: Save changes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Once you have disabled the sidebar, select the \u201cSave\u201d or \u201cPublish\u201d option in the WordPress customizer to apply the changes to your website.<\/p>\n<p>Congratulations! You have successfully removed the sidebar from your online store in Storefront. You can now enjoy a cleaner, more product-focused design.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/autopost.nelkodev.com\/uploads\/gallery\/articles\/8416527746\/1170108147.jpg\" alt=\"Image 2\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Preguntas_frecuentes\"><\/span>Frequently asked questions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"1_%C2%BFPuedo_volver_a_activar_el_sidebar_en_Storefront\"><\/span>1. Can I re-enable the sidebar in Storefront?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can re-enable the sidebar in Storefront by following the same steps you used to disable it. Simply check the corresponding option in the \u201cSidebar\u201d section of the WordPress Customizer.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_%C2%BFPerdere_algun_contenido_al_eliminar_el_sidebar_en_Storefront\"><\/span>2. Will I lose any content when removing the sidebar in Storefront?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>No, removing the sidebar in Storefront will not result in losing any content. You will only be removing the section that displays the sidebar, but your main content will remain intact.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_%C2%BFExisten_alternativas_al_sidebar_en_Storefront\"><\/span>3. Are there alternatives to the sidebar in Storefront?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, there are alternatives to the sidebar in Storefront. For example, you can use custom page sections or content blocks to display additional information in your online store.<\/p>\n<p>I hope this tutorial was helpful and allows you to remove the sidebar from your online store with Storefront. If you have any other questions, feel free to leave them in the comments.<\/p>","protected":false},"excerpt":{"rendered":"<p>Si est\u00e1s buscando c\u00f3mo eliminar el sidebar en Storefront, has llegado al lugar correcto. En este tutorial, te mostrar\u00e9 paso a paso c\u00f3mo deshacerte del sidebar en tu tienda online con Storefront, la plantilla gratuita de WordPress para comercio electr\u00f3nico. \u00bfQu\u00e9 es el sidebar? El sidebar, tambi\u00e9n conocido como barra lateral, es una secci\u00f3n vertical [&hellip;]<\/p>","protected":false},"author":1,"featured_media":31732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[420,2215],"tags":[],"class_list":["post-31730","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-tutorial"],"_links":{"self":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/posts\/31730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/comments?post=31730"}],"version-history":[{"count":0,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/posts\/31730\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/media\/31732"}],"wp:attachment":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/media?parent=31730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/categories?post=31730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/tags?post=31730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}