Magento 2 – Load a PHTML for Homepage

magento2

i just installed magento 2.1 on localhost, in \app\design\frontend there is only a Magento folder. The logo is using luma.

i've read this post
How to load a phtml file only for homepage? (Magento 2)

But my problems is if i create this

/app/design/frontend/name/themename/Magento_Cms/layout/cms_index_index.xml

What is the name and themename (exact path) should be, anyone know? And if i use this code in above xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
   <referenceContainer name="page.top">
     <block class="Magento\Framework\View\Element\Template" name="startphoto" template="Magento_Theme::html/startphotos.phtml">
        <arguments>
            <argument name="section" xsi:type="string">homepage</argument>
            <argument name="position" xsi:type="number">0</argument>
        </arguments>
     </block>
  </referenceContainer>         
</page>

What is the exact path of startphotos.phtml should be?

"UPDATE 1"

i have placed the cms_index_index.xml at

C:\xampp\htdocs\m2\app\design\frontend\randomname\theme-frontend-luma\Magento_Theme\layout

and startphotos.phtml at

C:\xampp\htdocs\m2\app\design\frontend\randomname\theme-frontend-luma\Magento_Theme\template\html

But nothing appear in homepage, any ideas? Should i need to use any command make it appear?

"UPDATE 2"

i have created a theme copy from vendor\magento\theme-frontend-luma to C:\xampp\htdocs\m2\app\design\frontend\randomname\luma_clone

layout location: app\design\frontend\randomname\luma_clone\Magento_Theme\layout

phtml location: app\design\frontend\randomname\luma_clone\Magento_Theme\template\html

nothing appear.

"UPDATE 3"
The problem was solved because of template**(s)**

Best Answer

The path you have given looks for the template in

/app/design/frontend/name/themename/Magento_Theme/template/html/startphotos.phtml

edit: Oh, I see it is a multi-part question.

The name and themename should be your company and you childthemes name. Please see the official documentation on how to create a theme:

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

To create a child-theme, please see this: How to create a Child Theme in Magento 2

Related Solutions

How to Load a .phtml File Only for Homepage in Magento 2

As per as, Magento2, default.xml is call at every page.If you add this code at default.xml then it would be automatically call every pages of your current theme.

If you know about Magento 1.x handler concept then you can understand that default is a handle which is called at every pages.In Magento 2.X,every handler is individual layout files.

So if want to add a phtml file only at home page then you need to add that code at cms_index_index.xml (/app/design/frontend/name/themename/Magento_Cms/layout/cms_index_index.xml) layout file because of cms_index_index is handler which call only called at home

Magento 2 – How to Override Luma Theme Home Page

When creating any new theme or module you need to define registration.php file at root of your module or theme folder.

Always use theme name in lowercase, Because Magento used this standard for theme name declaration.

You haven't any problem for keep Theme name in camelcase but use standard way is much appreciated.

You have to define registration.php file inside Magento_Theme folder, its in wrong place.

Correct diagram of theme structure will be below,

magento2
 |_ app
   |_ design
      |_ frontend
        |_ Custom
            |_theme
              |_Magento_Theme
                |_templates
                  |_root.phtml     - Copy of Luma
              |_registration.php
              |_theme.xml

Your path for registration.php is app\design\frontend\Custom\theme\registration.php

registration.php file :

<?php
   \Magento\Framework\Component\ComponentRegistrar::register(
     \Magento\Framework\Component\ComponentRegistrar::THEME,
      'frontend/Custom/theme',
      __DIR__
);

your theme.xml file path will be,

app\design\frontend\Custom\theme\theme.xml

theme.xml file :

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
   <title>Custom Theme</title>
   <parent>Magento/luma</parent>
   <media>
      <preview_image>media/preview.jpg</preview_image>
   </media>
</theme>

After all setup is completed, don't forget to run deploy command for the theme,

php bin/magento setup:static-content:deploy

Check inside your admin panel, Content -> Design -> Configuration for set your custom theme.

Remove cache and check in the frontend.

Best Answer

Related Solutions

How to Load a .phtml File Only for Homepage in Magento 2

Magento 2 – How to Override Luma Theme Home Page

Related Topic