Magento 2.2.4 – Fix Invalid Template File Error

magento2magento2.2.4

I am a newbie to Magento and I am trying to create a child theme with the parent as blank.

Now my task is to override the full layout and map bootstrap CSS so I don't want to read the CSS structure of Magento as will I could create responsive layouts easily. In simple words, I can have better control over the template.

I was able to override default.xml file in my theme. Now if I map the .phtml file from the templates folder, I am getting the error as

1 exception(s):
Exception #0 (Magento\Framework\Exception\ValidatorException): Invalid template file: 'Magento_Theme::html/navbar.phtml' in module: '' block's name: 'header.container_schedule_block0'

default.xml

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
     <referenceContainer name="header.container">
           <block class="Magento\Framework\View\Element\Template" template="Magento_Theme::html/navbar.phtml"></block>
        </referenceContainer> 
    </body>
</page>

navbar.phtml

<?php

echo "Hello world" ?>

My folder structure is as attached.

I am sure, I didn't understand the documentation properly. So please do not refer the documentation link. Please point the mistake and how to clear the error.

Magento Version 2.2.4

Thanks.

Best Answer

<block class="Magento\Framework\View\Element\Template" template="Magento_Theme::html/navbar.phtml"></block>

According to your folder structure, it should be like below

<block class="Magento\Framework\View\Element\Template" template="Magento_Theme::navbar.phtml"></block>

Related Solutions

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

Magento 2 Customization – How to Customize HTML and CSS

I do not know of any way to bypass standard theming layer to be honoest, so my only advice would be to learn it.

A good thing to start off doing is extending an existing theme and use layout xmls to remove everything then add it back in and modify the corresponding templates according to your bootstrap markup.

You need to check some general theming resources:

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create.html

http://blog.magestore.com/how-to-create-custom-theme-on-magento-2-part-1/

Also check other threads: How to create theme in magento 2 stable version?

Note that many guides where created before release so things might have changed.

Removing a block is done like this:

<referenceBlock name="messages" remove="true"/>

This is how default_head_blocks.xml looks in my theme:

<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/app.css" />
    <css src="css/foundation-icons/foundation-icons.css" />
</head>

This tells magento2 to add these css files to head.

I hope this might help you get started.

Related Topic