Magento 2: create new category layout for specific category

If you want to set a different look for a specific category, then you can make new layout for that category like below.

First you need to create new file under your theme Magento_Catalog\layout\catalog_category_view_id_{{id of category}}.xml

then you can move and add your block which you need to require like below

<?xml version="1.0"?>
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="columns.top">
<container name="category.view.custom" htmlTag="div" htmlClass="newconwrap" after="-"/>
</referenceContainer>
<move element="category.image" destination="category.view.custom" before="-"/>
<move element="category.view.container" destination="category.view.custom"/>
</body>
</page>

<?xml version="1.0"?>

<!--

/**

* See COPYING.txt for license details.

-->

<body>

</referenceContainer>

</body>

</page>

Note: I have tried this way with Magento 2.4.3

Fill the below form if you have any Magento programming need.

Make your site sales-friendly by optimizing the search box
The search box is the most underrated functionality that is...
Why should you have a Magento support agency?
Managing and customizing Magento site can be a daunting task,...
Hire Magento Developers as Per Your Flexibility and Requirements
Having an in-house eCommerce developer is very costly, and it...
5 Mistakes in Magneto are killing your conversion rates!!
Have you wonder why your conversions are less compare to...
Is your eCommerce well maintained?
According to a research, around 68% of eCommerce stores are...

Author Info

Magento Developer

Hire T. Baldha

Fill the form & Get Installation Support