Magento 2.1.7 – How to Add a Div in Main Tag with Custom PHTML Template

layoutlayout-updatemagento-2.1.7page-layouts

I would like to add a div inside <main id="maincontent" class="page-main"> from my custom module please look at screen shoot:

Can you see a class="MYCUSTOMBLOCKHERE" in the image I need to add this div.

Any help I Appreciate. Thanks

Best Answer

<referenceContainer name="columns.top">
    <container name="custom.view.container" htmlTag="div" htmlClass="custom-view" before="page.messages">
        <block class="company\module\Block\entity" name="customView" template="company_module::custom.phtml" />
    </container>
</referenceContainer>

Flush cache and clear cache and check it.

you can find all block name into

vendor\magento\module-theme\view\frontend\layout\default.xml

Related Solutions

Magento – How add div after image block in Magento 2

copy the gallery.phtml file from vendor/magento/module-catalog/view/frontend/templates/product/view path to paste app/design/frontend/theme/themename/Magento_Catalog/templates/product/view path and modifie below code.

<div class="gallery-placeholder _block-content-loading" data-gallery-role="gallery-placeholder">
    <div data-role="loader" class="loading-mask">
        <div class="loader">
            <img src="<?php /* @escapeNotVerified */ echo $block->getViewFileUrl('images/loader-1.gif'); ?>"
                 alt="<?php /* @escapeNotVerified */ echo __('Loading...') ?>">
        </div>
    </div>
</div>
<div>
    Magento 2
</div>
.......
//core code

it will appear your code see pic.

Magento 2 – How to Add .phtml File on All Pages

Add this code in your custom theme or module in default.xml:

app/design/frontend/Namespace/Themename/Magento_Theme/layout/default.xml

<referenceContainer name="after.body.start">
    <block class="Magento\Framework\View\Element\Template" 
           name="custom.file" 
           before="-" 
           template="Magento_Theme::html/custom.phtml"
    />
</referenceContainer>

you can also place it in your module:

app/code/Vendor/Module/view/frontend/layout/default.xml

<referenceContainer name="after.body.start">
    <block class="Vendor\Module\Block\Blockname" 
           before="-" 
           template="Vendor_Module::html/custom.phtml"
    />
</referenceContainer>

In this case the template must be saved under app/code/Vendor/Module/view/frontend/templates/html/custom.phtml

Best Answer

Related Solutions

Magento – How add div after image block in Magento 2

Magento 2 – How to Add .phtml File on All Pages

Related Topic