{"id":1540,"date":"2021-01-19T06:50:28","date_gmt":"2021-01-19T06:50:28","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/change-category-page-layout-in-magento-2\/"},"modified":"2025-07-22T17:57:27","modified_gmt":"2025-07-22T12:27:27","slug":"change-category-page-layout-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/change-category-page-layout-in-magento-2\/","title":{"rendered":"How to Change Category Page Layout in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The default&nbsp;Magento 2&nbsp;offers category page layout options that a store owner can select based on the type of store, its design, and the customer habits to browse the store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The admin can&nbsp;<em><strong>change category page layout in Magento 2<\/strong><\/em>&nbsp;store from the backend with easy steps as shown in this post. And if you are getting an notification \u201csomething went wrong while saving category\u201d then here is&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/category-save-error-in-magento\/\">Magento category save error Solution<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, you may have a separate category for Deals that you want to display in a different layout. In such cases, changing page layout for a category is easy with these steps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to Change Category Page Layout in Magento 2:<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/01\/Steps-to-Change-Category-Page-Layout-in-Magento-2.png\" alt=\"Steps to Change Category Page Layout in Magento 2\" class=\"wp-image-12647\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1. <strong>Login<\/strong>&nbsp;to Magento 2 admin panel<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Navigate to&nbsp;<strong>Catalog &gt; Categories<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Select the required categories<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Expand&nbsp;<strong>Design<\/strong>&nbsp;section<br><br>5. Select the required option from \u201c<strong>Layout<\/strong>\u201d dropdown menu<br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/01\/layout-options.png\" alt=\"layout options\" class=\"wp-image-12648\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">6. <strong>Save<\/strong>&nbsp;the configuration<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it.<a href=\"https:\/\/meetanshi.com\/blog\/configure-magento-2-default-page-layout\/\">Magento 2 default page layout configuration<\/a>&nbsp;allows you to set the initial appearance and structure of your online store\u2019s web pages, ensuring a consistent and user-friendly design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also read:&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/change-search-result-page-layout-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Change Search Result Page Layout in Magento 2<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also, do share the post with the Magento Community via social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The default&nbsp;Magento 2&nbsp;offers category page layout options that a store owner can select based on the type of store, its design, and the customer habits&#8230;<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1540","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1540"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1540\/revisions"}],"predecessor-version":[{"id":14548,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1540\/revisions\/14548"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}