X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Adding a graphic (https://forum.x-cart.com/showthread.php?t=72168)

richardjknox 05-25-2015 03:00 PM

Adding a graphic

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

any help here would be greatly appreciated


totaltec 05-26-2015 02:21 AM

Re: Adding a graphic
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 05-31-2015 05:23 AM

Re: Adding a graphic
1 Attachment(s)
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

Richard K

totaltec 06-02-2015 12:53 AM

Re: Adding a graphic
I'm assuming that you are using the ideal_responsive skin. look in skin/ideal_responsive/css/altskin.css

richardjknox 06-02-2015 10:26 PM

Re: Adding a graphic
1 Attachment(s)
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 06-03-2015 05:32 AM

Re: Adding a graphic
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 06-03-2015 08:29 AM

Re: Adding a graphic
It's just the standard Ideal Responsive template....

But thanks anyway

totaltec 06-07-2015 05:40 AM

Re: Adding a graphic
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 09-09-2017 09:28 AM

Re: Adding a graphic
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


richardjknox 11-16-2017 11:41 AM

Re: Adding a graphic

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


All times are GMT -8. The time now is 12:19 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.