Magento 2 - Add custom attribute to layout container

Question

I try to add a new container to my layout. The container needs the attribute data-block='minicart'

<container name="minicart-wrapper" htmlTag="div" htmlClass="minicart-wrapper" data-block='minicart'/>

If I try this I get

Element 'container', attribute 'data-block': The attribute 'data-block' is not allowed.

More Code:

<referenceContainer name="header-wrapper">
    <container name="header-row" label="Header Bootstrap" as="header-row" htmlTag="div" htmlClass="row">

        <container name="header-row-col-a" htmlTag="div" htmlClass="col-2"/>
        <container name="header-row-col-b" htmlTag="div" htmlClass="col-7"/>
        <container name="header-row-col-c" htmlTag="div" htmlClass="col-3">

            <container name="minicart-row" label="Wrapper" htmlTag="div" htmlClass="row no-gutters minicart-wrapper">  <--- Need data-block="minicart" here

                <container name="mini-wk" label="Top" htmlTag="div" htmlClass="col-9 offset-3 mini-wk">

                    <container name="mini-wk-top" label="Top" htmlTag="div" htmlClass="mini-wk-top">
                        <container name="mini-wk-top-row" label="Top Row" htmlTag="div" htmlClass="row no-gutters">

                            <container name="mini-wk-top-row-col-a" label="Benutzerkonto" htmlTag="div" htmlClass="col-6"/>
                            <container name="mini-wk-top-row-col-b" label="Anmelden/Abmelden" htmlTag="div" htmlClass="col-6"/>
                        </container>
                    </container>

                    <container name="mini-wk-content" label="Minicart-Main" htmlTag="div" htmlClass="mini-wk-content row no-gutters"/>
                </container>
            </container>
        </container>
    </container>
</referenceContainer>

Ben Crook · Accepted Answer · 2020-01-17 11:24:11Z

1

This is not possible in core Magento 2, the container node only supports these attributes:

name
label
before
after
as
output
htmlTag
htmlId
htmlClass

You would need to load a template inside that container and add your attribute there.

answered Jan 17, 2020 at 11:24

Ben Crook

15.8k4 gold badges53 silver badges105 bronze badges

Add a comment |

Msquare · Accepted Answer · 2020-01-18 06:31:53Z

0

You should Try

<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
    <css src="Vendor_ModuleName::css/style.css"/>
</head>
   <body>
        <attribute name="class" value="new-class-name"/>
        <attribute name="data-block" value="minicart"/>
    </body>
</page>

[Update answer for add attribute ]

use jQuery to add attibute to your container

please use container class name to add atrribute

$('.minicart-wrapper').attr("data-block", "minicart");

I hope it helps you

edited Jan 18, 2020 at 6:31

answered Jan 17, 2020 at 11:53

Msquare

9,4627 gold badges30 silver badges71 bronze badges

@BenCrook is right here is alternative way to do

Msquare
– Msquare

2020-01-17 11:56:45 +00:00
Commented Jan 17, 2020 at 11:56
Why update handle customer_account ?

Black
– Black

2020-01-17 12:25:27 +00:00
Commented Jan 17, 2020 at 12:25
@Black this is used in Customer Dashboard. Here it's not Require. I update my Answer.

Msquare
– Msquare

2020-01-17 13:58:18 +00:00
Commented Jan 17, 2020 at 13:58
I don't understand. How is this code supposed to add the attribute data-block to my container with name minicart-wrapper ?

Black
– Black

2020-01-17 14:04:22 +00:00
Commented Jan 17, 2020 at 14:04
@Black BenCrook already said It's not possible in Magento , Here I am show add attribute in Main Body Tag of This Layout only , and other is You would need to load a template inside that container and add your attribute there.

Msquare
– Msquare

2020-01-17 14:45:39 +00:00
Commented Jan 17, 2020 at 14:45

| Show 7 more comments

Infinri · Accepted Answer · 2023-08-19 17:33:06Z

So there's not really a good way to solve this but it is duable.

If you must add a new attribute to a container or block you will need to modify the file:vendor/magento/framework/View/Layout/etc/elements.xsd

Here we will want to look for the type of tag you are wanting to modify.

ex. if i wanted to change a reference container i'd look for containerReferenceType under this section you'll find an <xs:attribute in this area is where you want to define your attribute.

I recommend doing this via patch as this makes it easier to maintain the modification through entire project without the need of changing the xsi:noNamespaceSchemaLocation to point to the path of YOUR .xsd file. As this might get tricky later on down the road if you find yourself needing this attribute in other parts of your project.

Stack Exchange Network

Magento 2 - Add custom attribute to layout container

3 Answers 3

Your Answer

Hot Network Questions

Magento 2 - Add custom attribute to layout container

3 Answers 3

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions