Magento – Conditionally add CSS class to body tag

configurationlayoutmagento2

In Magento 1 it was possible to conditionally add class to body tag through layout. It could be done with addBodyClass action with an additional condition in the ifconfig. For example:

<reference name="root">
    <action method="addBodyClass" ifconfig="yoursection/yourgroup/yourfield_value"><className>big-font</className></action>
</reference>

Without any additional conditions, in Magento 2 a class can be added like this:

<body>
    <attribute name="class" value="big-font" />
</body>

Is there any way to add similar condition in Magento 2?

This of course does not work, ifconfig is ignored:

<body>
    <attribute name="class" value="big-font" ifconfig="yoursection/yourgroup/yourfield_value" />
</body>

Best Answer

Unfortunately, as of Magento 2.1, the <attribute> tag does not allow the ifconfig attribute. It only supports two attributes : name and value you can find out from lib/internal/Magento/Framework/View/Layout/etc/body.xsd :

<xs:complexType name="bodyAttributeType">
    <xs:simpleContent>
        <xs:extension base="xs:string">
            <xs:attribute type="xs:string" name="name" use="optional"/>
            <xs:attribute type="xs:string" name="value" use="optional"/>
        </xs:extension>
    </xs:simpleContent>
</xs:complexType>

Related Solutions

Magento – Conditionally add CSS file in layout XML (local.xml)

Bottom line: you need to have a value calculated by PHP, therefore the approach of using a helper is appropriate. I think it makes sense to use the addCss convenience method rather than addItem a it's a little cleaner and should work fine for your needs:

<{handle}>
    <action block="head" method="addCss">
        <stylesheet helper="my_module/my_helper/getFileName" />
    </action>
</{handle}>

Your helper seems to be calculating the path to the CSS files using the design model, but this will be done again by the page/html_head block. Change your helper to simply return the file paths relative to the theme (i.e. not using the design model) and your problem is solved.

Magento – Add phtml before tag

You could try adding a new structural block and echo this out before the tag where you require.

<default>
    <reference name="root">
        <block type="core/text_list" name="my_before_body" as="my_before_body" translate="label">
            <label>My before body</label>
        </block>
    </reference>
    <reference name="my_before_body">
        <block type="core/template" name="marketplace_player" template="magenetwork/list.phtml">
    </reference>
</default>

You would then need to echo out this new structural block in your page templates before the body tag

<?php echo $this->getChildHtml('my_before_body') ?>

Best Answer

Related Solutions

Magento – Conditionally add CSS file in layout XML (local.xml)

Magento – Add phtml before tag

Related Topic