How are 404 Pages Rendered?
To assist with overall site performance, Shift4Shop makes use of a separate template for 404 error pages. In doing so, it helps optimize page load times so your customers can have a better browsing experience.
By default, your store will display the frame.html file as your store's template on every page. In the event that you trigger a 404 error, however, the store will instead use the frame_404.html file. This will serve as a more minified version of your frame and improve site performance overall. This is because if a site is using a full and more complex frame, it could potentially impact site performance due to the amount of resources used to render these pages. Because of this, having a more streamlined frame for these pages helps to improve stability across the entire store.
In the event you do wish to modify this frame (perhaps to have it include your entire main frame.html code), you can. To do so:
At this point you will be taken to the list of files being used by your currently installed template.
If it's your first time trying to access the frame_404.html file, you will need to click on the dropdown menu at the top right beneath the text that says Go to folder: and then select templates/common-core.
Once viewing the list of files within this folder, you will scroll down until you see the frame_404.html file where you can click on it to access it and make any modifications desired.
If you have already accessed the frame_404.html file, then you will see it listed alongside other files for your currently installed template. Simply click on it to access it.
Modifying the 404 Message
If you are just looking to modify the message on your 404 pages, you are also able to do so. It is found in a slightly different location. To do this:
This action will copy the template from the common folder and place it in your Theme Folder so it can be edited as needed.
You are free to design the custom 404 page however you wish. Some popular variations include: