Magento 2 – How to Change Block Order in Layout XML

blockslayoutmagento2xml

I'm using the luma demo for practicing.
I want to create and add a new block in my homepage like this:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="page.wrapper">
            <block name="myblock"/>
        </referenceContainer>
    </body>
</page>

It worked but I want to change this block's order before the tag "main" which class name is "page-main".

I've tried this code :

<referenceContainer name="page.wrapper" before="main"> or
<referenceContainer name="page.wrapper" before="page.main"> or
<referenceContainer name="page.wrapper" before="page-main">

None of this works.
Even I put a move tag like this:

<move element="myblock" destination="page.wrapper" before="main" /> or
<move element="myblock" destination="page.wrapper" before="page.main" /> or
<move element="myblock" destination="page.wrapper" before="page-main" />

How can I put my block before that?

Best Answer

You can try with below code

<referenceContainer name="someuniquename" before="main.content">

Use some unique name.

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="someuniquename" before="main.content">
            <block name="myblock"/>
        </referenceContainer>
    </body>
</page>

Make sure, you have proper block and template insted of <block name="myblock"/>. Then only you can identify wheter your block and template is at the right place.

Related Solutions

Magento – XML Block Layout

You could do this without calling remove and then having to recreate each block. Simply use the unsetChild and insert actions, they will allow you to move blocks around. The following xml should give you your desired results.

<default>
    <reference name="left">
        <action method="unsetChild">
            <name>left.newsletter</name>
        </action>
    </reference>
    <reference name="footer">
        <action method="insert">
            <block>left.newsletter</block>
        </action>
    </reference>
</default>
<cms_index_index>
    <reference name="footer">
        <action method="unsetChild">
            <name>left.newsletter</name>
        </action>
    </reference>
    <reference name="content">
        <action method="insert">
            <block>left.newsletter</block>
        </action>
    </reference>
</cms_index_index>

Magento 2 – How to Rewrite TierPrice Block

Suppose package:Learning and module: Custom

Module.xml looks like

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="Learning_Custom" setup_version="2.0.0">
        <sequence>
            <module name="Magento_Catalog"/>
        </sequence>
    </module>
</config>

And then create a layout xml following path -> app/code/Learning/Custom/view/frontend/layout/catalog_product_prices.xml

<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/layout_generic.xsd">
    <referenceBlock name="render.product.prices">
        <arguments>
            <argument name="default" xsi:type="array">
                <item name="prices" xsi:type="array">
                    <item name="tier_price" xsi:type="array">
                        <item name="render_template" xsi:type="string">Learning_Custom::product/price/tier_prices.phtml
                    </item>
                </item>
            </argument>
        </arguments>
    </referenceBlock>
</layout>

Create template inside your module or copy base template file inside your module path should be -> app/code/Learning/Custom/view/frontend/templates/product/price/tier_prices.phtml

Related Topic