{"id":764,"date":"2020-03-24T14:29:22","date_gmt":"2020-03-24T14:29:22","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/how-to-change-background-image-on-splash-page"},"modified":"2021-07-08T13:13:13","modified_gmt":"2021-07-08T10:13:13","slug":"how-to-change-background-image-on-splash-page","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-1-private-sales-package\/v1\/configuration\/splash-page","title":{"rendered":"How to change background image on splash page"},"content":{"rendered":"\n

1. Upload your splash page background image (“YOUR_BG_IMAGE.FORMAT”) over FTP to the folder “Images”, located here: “WEB_DIRECTORY\/skin\/frontend\/memberonly\/default\/images”.<\/p>\n\n\n\n

2. To edit the file “login.phtml”, follow the path “WEB_DIRECTORY\/app\/design\/frontend\/memberonly\/default\/template\/customer\/form\/”.<\/p>\n\n\n\n

3. Find the string ‘<img alt=”” src=…’ in div tag with attribute id=”bg”, which is usulally located in line 51, and has the value<\/p>\n\n\n\n

<\/div>
<div id=\"bg\">\n    <img alt=\"\" src=\"<?php echo $this->getSkinUrl('images\/bg-splash.jpg');?>\" \/>\n<\/div><\/code><\/pre><\/div>\n\n\n\n
Then, edit the src attribute, changing the file name as shown below<\/p>\n\n\n\n
<\/div>
<div id=\"bg\">\n    <img alt=\"\" src=\"<?php echo $this->getSkinUrl('images\/YOUR_BG_IMAGE.FORMAT');?>\" \/>\n<\/div><\/code><\/pre><\/div>\n\n\n\n
4. Save file changes.<\/p>\n\n\n\n
5. Reload splash page in browser.<\/p>\n\n\n\n
6. If you still see the old background image, check if the previous steps have been followed properly or clear the browser page cache.<\/p>\n\n\n\n
\n
Important Information:<\/p>\n\n\n\n
The images used in our script vary in sizes, depending on the website design (template).\nStill, to avoid possible problems we suggest choosing a definite image format for every website.
For instance, in our Demo Store we used the following parameters:<\/p>\n\n\n\n