Add background to site and add images to CMS pages

[princesskayx]

New to using presta shop and managed to set most of the shop myself , but am struggling now to add a background to the shop and also how can i upload pictures under my pages i create under tools/ CMS ? help am not a computer wizz but think i've done well up to now lol any helps better then nothing
thanks in advance

[rocky]

Topic renamed - please use specific titles rather than generic ones like "Help"

You need to edit css/global.css in your theme's directory and add the background to the body block like this:

background: url(../img/body.jpg);

Then upload the background image to the img directory in your theme's directory.

You cannot upload images for CMS pages through the Back Office. You must upload the images via FTP to a folder like "upload/images/" and then enter the URL of the image in the editor to "/upload/images/yourimage.jpg".

[waterfordwebdesigner]

It would be nice if there was a feature to allow end users upload images to the CMS part of the site... I think this would make it a very complete application for people wanting a shop/cms combination site.

[jolvil]

You can add tinybrowser plugin to tinyMCE to upload pictures in CMS
in french (use google translate)
http://www.dev-net.fr/30/module-upload-tinybrowser-prestashop/

[waterfordwebdesigner]

Thanks Jolvil, that's brilliant.

[Andy1]

This is an old topic, but I have been trying to do the same and I hope someone can help.

I have uploaded the image to my ftp site into the IMG folder, and made a change to the global CSS as shown here:

background: url (http://www.mysite.co.uk/public_html/themes/prestashop/img/test.jpg);

Nothing seems to happen, the background is still white.

I am obviously doing something wrong. Please can someone help?

If I change the URL to ftp://....... it does work but I need to type the password to the server every time the page loads.

[indus]

This is an old topic, but I have been trying to do the same and I hope someone can help.<br/><br/>I have uploaded the image to my ftp site into the IMG folder, and made a change to the global CSS as shown here:<br/><br/>background: url (http://www.mysite.co.uk/public_html/themes/prestashop/img/test.jpg);<br/><br/>Nothing seems to happen, the background is still white.<br/><br/>I am obviously doing something wrong. Please can someone help?<br/><br/>If I change the URL to ftp://....... it does work but I need to type the password to the server every time the page loads.

 

 

You need to add the background image to the theme/img folder and edit the global.css in your theme folder.Do not enter the absolute url for the image.Follow the above properly.

 

If it does not appear its a cache thing.Clear cookies, disable cache from Back office and check again.Server might have cached some of it so it should appear if you clear cache from the themes folder.

 

Assuming you have done all that, here is another issue.Scale of the image.

 

Reduce the image to 800x600 and then upload it to the img folder.

Should work this time.Happened to me.Mine was at 1920 resolution and it wont get parsed when loading.

 

How did i find out?Google chrome clearly tells you unable to parse image ,due to size obviously.You can check some css properties to scale image or tile it, but my css knowlegde is zero sorry.

 

 

indus