Magento 2 – Removing Category Image and Description from XML File

categorycategory-viewmagento-2.1magento2

I am working on a Magento 2.1.7 shop and I have created a child-theme of Magento Blank.

I need to eliminate the category image and description, more exactly the <div class="category-view"></div> element from the category page.

The file to edit, if I am not wrong, is app/design/frontend/Company_Name/Theme_Name/Magento_Catalog/layout/catalog_category_view.xml.

What is the piece of code I have to edit in order to eliminate the category image and description?

Thank you!

Best Answer

Try adding below code in your

app/design/frontend/Company_Name/Theme_Name/Magento_Catalog/layout/catalog_category_view.xml

<referenceBlock name="category.image" remove="true"/>
<referenceBlock name="category.description" remove="true"/>

Related Solutions

Magento – Magento 2: How to move category description to main column

Personally I did it this way:

<move element="category.description" destination="category.image" />

And then inside:

Magento_Catalog/templates/category/image.phtml

Called:

<?php echo $block->getChildHtml('category.description'); ?>

Because I wanted it inside the image, but you could put it just below instead.

I'm sure there's a better way but can't check atm.

Magento – Remove Css and js from new custom page_layout from header and body Magento 2

Adding new CSS

<theme-dir>/blank/layout/default_head_blocks.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="css/newtheme.css" />
    </head>
</page>

Remove static resources (JavaScript, CSS, fonts) To remove the static resources, linked in a page , make a change similar to the following in a theme extending file app/design/frontend///Magento_Theme/layout/default_head_blocks.xml

<head>
    <!-- Remove local resources -->
    <remove src="css/styles-m.css" />
    <remove src="my-js.js"/>
    <remove src="Magento_Catalog::js/compare.js" />

<!-- Remove external resources -->
    <remove src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"/>
    <remove src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"/>
    <remove src="http://fonts.googleapis.com/css?family=Montserrat" />

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css_remove

Best Answer

Related Solutions

Magento – Magento 2: How to move category description to main column

Magento – Remove Css and js from new custom page_layout from header and body Magento 2

Related Topic