How to add a HTML Home page to a prestashop page - html

I've developed a custom HTML homepage for my prestashop site, but it seems I do not know how to incorporate it, I've tried looking into the prestashop forums, but all it shows are for .tpl files, is there a way for me to link them to the homepage?
Can I just link it as an html page or do I really need to put it inside a tpl page for it to work?

Create your .html file (say 'test.html).
In test file you need to
add these lines of code before your html code
<?php
include(dirname(__FILE__).'/config/config.inc.php');
Tools::displayFileAsDeprecated();
include(dirname(__FILE__).'/header.php');?>
Also add these lines after your html code
<?php include(dirname(__FILE__).'/footer.php');?>
Place the test.html file in the public_html folder.
Now you need to add the page to link with your site.
If it is home page you need to add it to index.php otherwise you can just add the url (http://mysite/test.html) to menu bar or footer links, where ever you want to put it.
I have placed my php page link in the footer information part using anchor tag as shown in the image

In prestashop you can find "Home Editorial" module, in this module you can put your html obviously the module need to be transplant in displayHome position.

Related

CSS not linking to new HTML pages (Breaks on other pages except for index.html)

This is pretty much my first go at HTML and CSS. I thought I was getting a hang of it until I added more pages. I wanted each page to have the same top navigation bar format, but when I linked the same CSS Stylesheet to all of my pages it just doesn't want to work? How should I go about fixing this?
Also, somehow my google fonts link did work at first, but once I added in the pages and tried linking the single stylesheet to all the pages, it stopped working completely.
Here's what is going on:
index.html file code & link href to css
Preview of index.html/my homepage
menu.html file code & link href to the same css stylesheet
Preview of menu.html/menu page
My CSS stylesheet
The preview works with index.html, but when I navigate to the menu page, or contact page I have created through the preview, it completely breaks and doesn't have the navigation bar I created across all the pages at all.
Did I do something wrong here? I tried creating multiple CSS files and gave them different names since each page is going to look different anyways, but kept the html the same across all the other html pages and the css the same.
The reason why the css script is working for the index page only is because index.html is the only script that has the right directory to your css script. So the browser can't find the css script as a result. Remember that the other pages are not in the same location as index.html (they are in Pages instead of the root directory). All you would have you do is just change the directory path on the other scripts.
Add this on all your other scripts (excluding index.html):
<link rel="stylesheet" href="../CSS/style.css"/>
It should work after this.
Here is an example:
Your actual problem is not knowing how to navigate from one/folder to another. This link below will help you further on how to navigate around folders.
https://learn-the-web.algonquindesign.ca/topics/paths-folders/
Don't take out the files from Pages but leave them where they, all you need to do is to change the path to the different files. You'll see how I did on the screenshots above.
If I had more time I would go more in detail but this should be sufficient info for you to solve the problem and understand what mistakes you made. I hope this helps.

How to create another html page in visual studio code?

I need to create another page for my website, because I AM DONE with my homepage, i am newer to coding, so please explain it very thouroghly and remember IM USING VISUAL STUDIO CODE thankyou anyone!
Simply add a new file at the top left corner. then give it a name of you liking and an extension that you usign like .html
Then you write that new page like you wrote the first page and add links beween both sites with the link tag.
I would say save your index.html as about.html. This way all you need to do then is edit the content. The CSS file and all other items will still be linked.
FILE > SAVE AS > about.html
Edit the content for the about page and repeat the steps for each page.
In your index.html file you can link to your about.html file like this
<a href="about.html>ABOUT US</a>
This will be the quickest way. Then you wont have to start from scratch with every page.

Possible to open/read an .md/.html file automatically in my main HTML for blog site?

I'm trying to create a blog using HTML/CSS. So far, I've created and styled the page and I want to start adding blog posts.
Instead of filling up my HTML document with the blog article in a <p> or <h*something*> tag, I was hoping I can link to a local .md file in a blog-articles folder. That way, I can write the blogs in as .md files, stash them in the folder, and link them into my website.
Is this possible?
edit
I'd basically like to replace the typed out blog post in the main HTML with a link to either a .md or .html file that opens/reads automatically.
https://codepen.io/kremebey/pen/RJdQJp
[I've commented out the part of the HTML where the adjustment would likely occur]
You could use something like: https://github.com/evilstreak/markdown-js which is a great markdown visualizer. Or you could convert it to HTML with this: http://sebastianraschka.com/Articles/2014_markdown_syntax_color.html Hope this helps!

Custom wordpress theme

So I have been using the foundation framework to create my website. Its full of HTML,CSS,JS and images. I was looking at a tutorial from HTML to Wordpress conversion. I understanding having separate files called header.php, footer.php, aside.php and index.php.
What I don't understand that has not been spoken about is I have 3 pages in my website. HOME , ABOUTUS and FAQ. They all have the same footer and header. Is the index.php a template for the actual theme from which I can build upon to create the other pages or do I have to do this process manually for each file.
the index.php is your front page. The page.php file includes your pages but you have to create the file. Please read a tutorial how to do this. If you would like to create a page you should copy the content from your HOME, ABOUTUS, FAQ in the textfield in wordpress where you create your pages. HTML is allowed it should be no problem but you have to remove the header and footer from HOME, ABOUTUS and FAQ because you include it in your theme. If you would like to use a menu on your website which display the links to your pages you have to register a menu in your functions.php and to include it in the header, footer, page.php, index.php etc. But read a tutorial, please. After that you should know how to create a WordPress theme

How I can do this on html

I have a website and I've been searching a lot for this question and can't find anything yet.
Anyone knows how to make links take you to another folder and show the html page without page in URL? Example:
I have a html page called service.html and its on folder /service. I want a link to take me there without displaying in the URL my html file like:
click me
And it takes you to the html file and shows your content without displaying the html name in the URL. just www.example/service/ :D
Calling the file index.html instead of service.html should work, if the website is currently hosted.
You can use the method #tasteslikejava mentioned, or you can create a .htaccess in the services directory and put in the following information:
DirectoryIndex service.html
Is that what you want?
link
How to link html pages in same or different folders?