Magento 1.9 HTML – How to Add HTML File in Magento CMS Page

htmlmagento-1.9

I am really new to magento,I am trying to add my own html page that I have created using visual studio,
its an html file so I have renamed it to .phmtl
I have places my file in this location

app/design/frontend/default/modern/template/page/profile.phtml

and then I have placed this code

{{block type="core/template" template="page/profile.phtml"}}

in the content area on the cms page.
Once I have done this work nothing happens and page does not use the file profile.phtml
I wanted to know is it possible to add my page this way or am I doing something/everything wrong?
Also the actual profile.html page is not in php its in simple html/css/javascript/jquery file with jquery library tags etc in it.
Please reply if anybody know the answer to my question.
Thanks in advance

Best Answer

So the code was correct but these would be the steps to check if something is wrong with the .phtml content

Try creating a different block

app/design/frontend/default/modern/template/page/test.phtml

And in that test.phtml file just write this:

<?php echo "Test"; ?>

Yes thats fine just try and create this and then add the block

{{block type="core/template" template="page/test.phtml"}}

and see if it works, if yes you know your .phtml file is broken so you should debug this then.

Related Solutions

Magento – Add a JS file to index page for custom jQuery

You can use this in your page.xml:

<action method="addItem"><type>skin_js</type><name>js/jQuery.min.js</name></action>

it should work, and load the js from your skin folder.

Much better idea than using xml to load jQuery is to load it in your header from a CDN go to your head.phtml and add this before <?php echo $this->getCssJsHtml() ?> :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="<?php echo $this->getSkinUrl('js/jquery.min.js'); ?>"%3E%3C/script%3E'))</script>
<script>
    jQuery.noConflict();
</script>

I added jQuery.noConflict(); to fix the conflict with prototype. Also add jquery to your skin inside the JS folder, so if the CDN is not working the system will load it from your template

Magento 2 Template – How to Overwrite Lib Template File

Correct Location

The correct location in this example is actually the first one I tried, I just didn't clear the directories required. So to overwrite lib templates they need duplicating in to the theme directory excluding the lib directory.

Correct location -app/design/frontend/**VENDOR**/**THEME**/web/mage/gallery/gallery.html

Clear pub/static and var/view_preprocessed

I actually placed the file in the correct location the first time, the main issue I had was that I wasn't clearing pub/static and var/view_preprocessed between file moves.