Home > How to... > Advanced Design > Designing Background Picture of Homepage to Stay In Fixed Position

Designing Background Picture of Homepage to Stay In Fixed Position

You can design the background picture of the homepage to stay in a fixed position so that when customers scroll down on the homepage, the background picture does not move with the scrolling page. 

This can be accomplished by creating a custom page and entering the html code along with the picture link.  

Location:
Content > Custom Page

Instructions:
New pages can be added by clicking the 'Add New Custom Page' button on the left panel.
To change the sort order, simply drag the page title and drop to the desired place.
To apply any single custom page as your home page, click on the page title and tick the checkbox called 'Set as Home Page.'
To apply any single custom page as your splash page, click on the page title and tick the checkbox called 'Set as Splash Page.

Notes:
* If you set a custom page as both homepage and splash page, you must manually link to your internal pages. e.g product listing etc.
* If you set a custom page as a splash page only, visitors will be directed to the splash page once. So you must manually create links back to your homepage or other internal pages.

Code:
<body background="/resources/10/159248/picture/62/64140386.jpg" style="background-attachment: fixed">


Translate and Localize your website with 'Localizer pluggin

Shopping Cart Software by Ashop