Header Background Image Prestashop 1.7.8.7

[Kreykoui]

Hi there,

I've been trying for a while to introduce a background image into the header of my next store using information found on the web, but it still doesn't work.

Here is my starting point:

#header{
     position:relative;
     z-index:999;
     color:#7a7a7a;
     background:#fff;
     box-shadow:0 2px 5px 0 rgba(0,0,0,0.11)
}

Since color replacement works great, I guess I'm in the right place. But I still haven't found the right way to introduce an image with:

• background-image: url('my-image.png');

So there is something that escapes me. Here are the questions I ask myself and on which I appeal to your knowledge:

• Where should I place my images in the tree structure of my site?
• What is the exact syntax to use in the CSS?
• Are there other manipulations or precautions in order to have the right result?

Thank you for your valuable time.

[ps8modules]

Hi.

Add your image to: themes\your_theme\assets\img\my-image.png

And css:

background-image: url("../img/my-image.png")

[Kreykoui]

Hi 4you.software,

Thanks for your help.

I still have no result. I even cleared the cache of Prestashop as well as the cache of my browser. I also removed the background color.

There is really something that intrigues me. In addition, I use the original theme to avoid conflicts.

[ps8modules]

Send me the store URL in a private message.

I'll look at the inspector.

 

Edited October 9, 2022 by 4you.software (see edit history)

[Kreykoui]

It's on local server. Sorry.

[ps8modules]

You should have written that in the beginning.
On a local computer, e.g. in WAMP, the path is different than on a sharp e-shop.

1. ps_root/img/my-image.png

background-image: url('../img/my-image.png');

Edited October 9, 2022 by 4you.software (see edit history)

[Kreykoui]

Sorry for forgetting. I use wamp64 and working with Classydevs Custom CSS and JS.

Put the image in :

wamp64\www\mysitename\themes\classic\assets\img

wamp64\www\mysitename\prestashop\img

wamp64\www\mysitename\admin***\themes\default\img

wamp64\www\mysitename\img

Still no results. I keep searching...

 

Edited October 9, 2022 by Kreykoui (see edit history)

[ps8modules]

http://forum.wampserver.com/read.php?2,118763,118771

[ps8modules]

The conversion from localhost to a sharp e-shop entails problems. When I make an e-shop for a customer, I do it on a subdomain to a sharp domain on web hosting.

[Kreykoui]

Thanks for the informations.

I checked with the inspector and the note is: Invalid property value

[ps8modules]

And why don't you at least put a screen here?

[Kreykoui]

You are right, here it is!

[ps8modules]

Thanks.

And have you tried adding two dots before the slash directly in the inspector?

Test the url change directly in the inspector.

Edited October 9, 2022 by 4you.software (see edit history)

[Kreykoui]

Yes and I also tried single apostrophe or double apostrophe.

[ps8modules]

../../../../img/ etc.

I don't have Wamp to give you an exact answer. You just have to test. You'll be redoing it anyway at a sharp e-shop.

Edited October 9, 2022 by 4you.software (see edit history)

[Kreykoui]

Thanks a lot for your help. I'll let you know as soon as I find it.