(SOLVED)Images missing in cart & contact form

[Virtual Assistant]

Hello:

 

I am a PS newbie. After many hours of creating a shop I fear I have messed it up, as some backround images do not show on the cart on any page http://www.braincozy.com/ , or on the contact form https://www.braincozy.com/contact-us.htm.

 

I have modified the css quite a bit, but cannot find the missing images, or reason for the large grey question mark where the content is missing.

 

Your help amd advice is much appreciated.

 

Cheers

 

Karen

[Guest aritali]

It is the image linking in your css file. Try moving your images to the braincozy/img folder.

[Virtual Assistant]

I will try and let you know. Thanks

[Virtual Assistant]

I see where the css was wrong. I have pointed the images to Braincozy/img/, but I have not fixed it . My images are in public/themes/prestashop/img/.

 

I don't understand why there are duplicate files in both public and in themes/prestashop. Maybe I have really messed it up.

 

I am a little confused, any help you may offer is appreciated.

 

Thanks

 

Karen

[Dh42]

My guess would be the images are messed up and need re uploading after they are linked correctly. going to https://www.braincozy.com/themes/prestashop/img/block_exclusive_bg.jpg doesn't render an image, nor a 404 error. Also the correct path for that location would be ../img/imagefile.ext the ../ brings you one directory up, which is in the prestashop folder, then it goes into the img folder and finds the image file.

[Virtual Assistant]

I will go over it all and post late tonight or tomorrow. Thanks so much for your help.

 

Cheers

Karen

[Virtual Assistant]

I re-uploaded all the images, that did not work, so I used a back up.

I am still unclear on what the path should be in css for images.

 

Thanks

Karen

[Dh42]

Karen,

You might try refreshing your browser. The images are loading on the cart form for me. Also the header images seem to be loading across the site now too.

[Virtual Assistant]

I have refreshed, cleared cache. They are not the images I want. What I did was edit some site images and re-upload them exactly where I found them, but they do not show.

[Dh42]

With the images working, I am guessing that you did not upload them to http://www.braincozy.com/themes/prestashop/img/ that is where the images are loading from.

[tdr170]

Have you completely cleared your browser's cache files not just the Prestashop cach files.

 

 

If you need assistance sorting out the img folders you can PM me log in details to your FTP and I will have a look and advise.

[Virtual Assistant]

I manually cleared cache -

tools/smarty/ compile – delete all files

tools/smarty/ cache – delete all files

as did not work in PS back office, also cleared browser cache and restarted. It is not product images I am trying to change, it is the default images in design that I have edited. eg see below I have edited the image at top of cart and colours for viewed products links etc. It displays correctly locally.

 

 

 

I find the PS file system difficult. What do think about perhaps using something like Firebug to help me out?

[tdr170]

When you edited the file ie block_header_exclusive.gif and block_header_exclusive.png did you rename the file or change the extension such as to .jpg.

 

Oh yes you did the blockcart.css file is calling for block_header_exclusive.png, If I change in my developer tool to .jpg the correct header shows.

 

So you have two options use your editor and save the image to the correct extention .png and .gif or edit you blockcart.css file as follows

 

 

 

change this

#cart_block H4

background-imageurl: (../../../img/block_header_exclusive_cart.png)

 

to this

#cart_block H4

background-imageurl: (../../../img/block_header_exclusive_cart.jpg)

 

My adivce is to change the file to the correct format it will save you a lot of editing in the future.

You will need to do this for each file you have already edited.

Then when making other changes be sure to know the file format and save to that format.

[Dh42]

Oh, snap. I think I get it. You are wanting the headers to be the red color that they are on your computer. That is not using an image, that is using css. Which is fine, but you have the images still loading over top of them and covering them up. You need to take out the lines that load the images. I wouldn't recommend using dreamweaver for editing. Notepad++ is pretty swift and free. I would just be afraid drewamweaver would add extra tags and mess things up.

[Virtual Assistant]

Yes. you got it, I am using dreamweaver, I think that is where I got messed up on local and remote files.

[tdr170]

For this just to be the red color you will need to do two things, edit your global.css file and find the header: DIV.block H4

 

So as you can see there is also an image associated with this these blocks but if you remove the image file form the background-image line and change background-color you will get the desired effect.

 

change this

DIV.block H4

background-image: url(../img/block_header.png); BORDER-BOTTOM: #595a5e 1px solid;

background-color: #d41c14;

 

to this

DIV.block H4

background-image: url(); BORDER-BOTTOM: #595a5e 1px solid;

background-color: red;

 

 

 

[tdr170]

Ok so now on to your Featured Products block in the same global.css file find the heading: #center_column DIV.block H4

I used red just to match your the colors you can use any color you need.

If you need a color other then basic where you would need an HTML code such as

#000000 (black) some image editing software will show this on the color picker.

Otherwise you can use red, white, blue, black and other standard color names.

 

change this

#center_column DIV.block H4

background-image: url(../img/block_header_large.png); BACKGROUND-COLOR: #ff6600

height: 17px

 

(This height change will make your text fit inside the red area)

 

to this

#center_column DIV.block H4

background-image: url(); BACKGROUND-COLOR: red

height: 22px

 

 

[Virtual Assistant]

Thank you so much for the detailed instructions, you were a big help!

 

Cheers

Karen