{"id":790,"date":"2020-02-02T06:29:07","date_gmt":"2020-02-02T06:29:07","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/02\/02\/move-cms-static-block-before-breadcrumbs-in-magento-2-category-page\/"},"modified":"2025-05-22T15:03:00","modified_gmt":"2025-05-22T09:33:00","slug":"move-cms-static-block-before-breadcrumbs-in-magento-2-category-page","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/move-cms-static-block-before-breadcrumbs-in-magento-2-category-page\/","title":{"rendered":"How To Move CMS Static Block Before Breadcrumbs In Magento 2 Category Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The post gives a programmatic solution to <strong>move CMS static block before breadcrumbs in Magento 2 category page<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Why do you need to do so?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Because design matters!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The webpage design is its ID that helps outstand among the overcrowded competitors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Placing the webpage elements of the correct size in the right position affects the user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Placing the breadcrumbs in the right position according to the nature of your site can be helpful and this solution gives the programmatic solution to make the task easier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method to Move CMS Static Block Before Breadcrumbs In Magento 2 Category Page:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Create file <strong>catalog_category_view.xml<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?xml version=\"1.0\"?>\n\n&lt;page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" layout=\"2columns-left\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n    &lt;body>\n       &lt;move element=\"category.cms\" destination=\"page.top\" after=\"breadcrumbs\"\/> \n    &lt;\/body>\n&lt;\/page><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do share the solution with fellow developers via social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The post gives a programmatic solution to move CMS static block before breadcrumbs in Magento 2 category page. Why do you need to do so?&#8230;<\/p>\n","protected":false},"author":5,"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-790","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/790","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=790"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/790\/revisions"}],"predecessor-version":[{"id":15101,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/790\/revisions\/15101"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}