X-Cart forums

[rossco]

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

[balinor]

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:

.speaker {
       BACKGROUND: URL(images/yourimagename.jpg);
       BACKGROUND-REPEAT: no-repeat;
       BACKGROUND-POSITION: 50% 50%;
}

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!

[rossco]

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

[rossco]

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

[balinor]

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

[rossco]

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?

[balinor]

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

[rossco]

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

Thanks again