magento2phtmltemplate
I created a few ."phtml" files in my custom theme. Currently, I create a block & widget in the backend to call them on my cms home page.
Is that the correct way?
If I, for example, want to use my custom theme on another magento2 installation, these ".phtml" files aren't included on the cms home page anymore and blocks & widgets need to be created manually.
Should I handle that stuff different? Maybe include into XML? If yes, how?
Thanks a lot for clarification :))
Put your js file in your custom module Vendor_Module/view/frontend/web/js/yourjsfile
Create requirejs-config.js file in your custom_module/view/frontend. add below code in it .
var config = {
"map": {
"*": {
"instapic": "Vendor_Module/js/instapic-slider"
}
}
};
Now call the js file in your .phtml template file by writing below code :
write this at the end of the .phtml file
<script type="text/javascript">
require(['jquery', 'instapic'],function($){
(function() {
})(jQuery);
});
</script>
Also your layout file code should be 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" layout="1column">
<head>
<css src="CompanyName_Modulename/css/abc.css"/>
<css src="CompanyName_Modulename/css/instapic-slider.css"/>
</head>
<body>
<referenceContainer name="content">
<block class="CompanyName\ModuleName\Block\BlockName" name="ModuleName_bytag" template="picsbytag.phtml" />
<block class="CompanyName\ModuleName\Block\BlockName" name="ModuleName_byname" template="picsbyname.phtml" />
</referenceContainer>
</body>
</page>
After that remove your pub/static and var/generation folder and run setup:di:compile and setup:static-content:deploy command
You can follow the bellow technique.
You can also get static file location url directly:-
$block->getViewFileUrl();
Best Answer
app/design/frontend/Vendor/theme/Magento_Cms/layout/cms_index_index.xml
or direclty in CMS home page content as follows