Background image
 

In our current stir at www.ross-co.co.uk/shop we have an image of a speaker set as the background. How do I go about setting this image as the background in X-Cart?

Thanks

Assign a class to the cell that you want the image to appear in. Most likely this will be in customer/home.tpl, the cell for the central space. So your <td> tag would look like this <td class="speaker">.

Now go into skin1.css and add this:


Upload the image to the skin1/images folder.

That will set the background image to be centered in the cell and non-repeating. Hope this helps!

Thanks for the quick response.

As yet I still cant get the image to display.

Is there any particular place in customer/home.tpl that I should be placing the text <td class="speaker">

Thanks again and please excuse my stupidity

Ok. I got it to display but it shifts the product display down the page quite a bit. Also the background image is slightly cropped.

http://www.ross-co.co.uk/xcart/home.php

Check it out

Sorry, I guess I wasn't clear. Don't ADD that <td> tag, replace the one that is there just below the note.

Cheers

With your assistance and a website of CSS I got it done,

Thanks again

Just one more question. Is there a way to stop the head from scrolling, ie keep the company logo and speed bar fixed?

Glad I could help.

You could keep the 'head' from scrolling by using frames, but I highly discourage it. Not only will it be a bear to implement, but it is considered an outdated method of coding, and frankly I don't even know if X-cart would work in a frame. Best to stick with what works :)

I really want to keep away from frames anyway. Our current shop uses it and SEO is a nightmare with it.

Thanks again