Magento 2 Custom Category Page – How to Customize Layout

categorylayoutmagento-2.0magento2

Could anyone let me know where the Category page layout XML is located, so I can created a custom layout and override the 'out of the box' layout?

Best Answer

There's several layout files available for the category page in Magento 2, the main files being located under app/code/Magento/Catalog/view/frontend/layout folder:

catalog_category_view.xml
catalog_category_view_type_default.xml adds the left side navigation bar
catalog_category_view_type_default_without_children.xml does not add the left side navigation bar

Related Solutions

Magento – Get category ids by page layout name

list.phtml

Get the layout of Current Category

$yourCatId = $this->getCategoryId(); 
echo $this->getLayout()->getBlock('root')->getTemplate($yourCatId);

This is to get list of all category and there layouts:

$categories = Mage::getModel('catalog/category')->getCollection()
->addAttributeToSelect('id')
->addAttributeToSelect('name')
->addAttributeToSelect('url_key')
->addAttributeToSelect('url')
->addAttributeToSelect('is_active');

foreach ($categories as $category)
{
    if ($category->getIsActive()) { // Only pull Active categories
        $entity_id = $category->getId();
        echo $this->getLayout()->getBlock('root')->getTemplate($entity_id);

    }
}

Magento – Show product of a category in a custom page

You copy app/design/frontend/default/Customtheme/template/catalog/product/list.phtml and paste it same folder app/design/frontend/default/Customtheme/template/catalog/product/rename.phtml

Then call this code in your custom page

{{block type="catalog/product_list" category_id="Your Category ID Here" template="catalog/product/rename.phtml"}}

Best Answer

Related Solutions

Magento – Get category ids by page layout name

Magento – Show product of a category in a custom page

Related Topic