X-Cart forums

[richardjknox]

Hi

I'm new to all this, need to add a .jpg file to the bottom.tpl...

any help here would be greatly appreciated


thanks
rjk

[totaltec]

Richard, you can upload the image to your skin directory or anywhere else on your site, and then reference the image in your template.

A good place to start learning would probably be some of my tutorials.

[richardjknox]

Hi Mike

Thanks for that .. slowly getting there but could you please point me in the right direction, on another change I want to make.

All it is I want to do is change the color of the search bar ... firebug tells me it's in altskin .. but just can't find it .. appreciate it if you could help

cheers
Richard K

[totaltec]

I'm assuming that you are using the ideal_responsive skin. look in skin/ideal_responsive/css/altskin.css

[richardjknox]

Thanks for the input but I need a bit more of an A-Z of how to do it.

All I need is to add some logos etc the bottom .. I've included a screenshot of where they need to go

if anyone can help it would be much appreciated.

Many Thanks

[cflsystems]

You will have to modify the css file to include the styling you need. Also customer/bottom.tpl file to add the images where you want them to show.
It is a combination of both. It will be hard for anyone to provide you with exact instruction of where and what to insert/change as all this depends on your site and how it is setup.

[richardjknox]

It's just the standard Ideal Responsive template....

But thanks anyway

[totaltec]

Richard,
Did my tutorials not help?
I have so many, surely one would be able to guide you through this task.

To add an image, you first need to find the correct template. Use Webmaster mode to figure out which template you need. I think the footer is customer/bottom.tpl or maybe customer/main/bottom.

Then you need to upload your image somewhere. I recommend skin/ideal_responsive/images if that is your template. Once the image is in that directory, you can reference it in the template like this:

<img src="{$AltImagesDir}/myImage.jpg" />

But if you want it to be responsive, it is best to also add a class( class="myImageClass"). Then you can add some CSS in your skin/ideal_responsive/css/altskin.css:
.myImageClass {
height: auto;
width: 100%;
max-width: 500px;
}

You can use the max-width to scale your image properly for the different screen sizes by including different values in each media query.

Of course, this is the tip of the iceberg. In order to accomplish this thing properly, you need to have a thorough understanding of the web in general, understand file paths, file types, image compression, encoding, permissions, how to unlock X-Cart (if you plan to use the built in editor), FTP or Cpanel, HTML, CSS and the list goes on. That is why I recommend watching tutorials and studying, or just hiring a professional.

[neonrider]

I couldn't find this issue in your X-cart 4 tips. Does {$AltImagesDir} change depending on the directory name? My image location is /skin/ideal_responsive/images/custom/image.jpg

Thanks!

[richardjknox]

Hi

I never got round to this ... I need to add some pictures to the right_bar.

Can find left_bar.tpl, but not the right_bar ... please could someone help and tell me which file I need to edit

Cheers
rjk