Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Adding a graphic

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 05-25-2015, 03:00 PM
 
richardjknox richardjknox is offline
 

Advanced Member
  
Join Date: Sep 2004
Posts: 44
 

Default Adding a graphic

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
__________________
xcart 4.0
Reply With Quote
  #2  
Old 05-26-2015, 02:21 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default 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.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #3  
Old 05-31-2015, 05:23 AM
 
richardjknox richardjknox is offline
 

Advanced Member
  
Join Date: Sep 2004
Posts: 44
 

Default Re: Adding a graphic

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
Attached Thumbnails
Click image for larger version

Name:	bar.png
Views:	106
Size:	72.5 KB
ID:	4163  
__________________
xcart 4.0
Reply With Quote
  #4  
Old 06-02-2015, 12:53 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Adding a graphic

I'm assuming that you are using the ideal_responsive skin. look in skin/ideal_responsive/css/altskin.css
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #5  
Old 06-02-2015, 10:26 PM
 
richardjknox richardjknox is offline
 

Advanced Member
  
Join Date: Sep 2004
Posts: 44
 

Default Re: Adding a graphic

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
Attached Thumbnails
Click image for larger version

Name:	Untitled.png
Views:	119
Size:	189.0 KB
ID:	4166  
__________________
xcart 4.0
Reply With Quote
  #6  
Old 06-03-2015, 05:32 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,095
 

Default 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.
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #7  
Old 06-03-2015, 08:29 AM
 
richardjknox richardjknox is offline
 

Advanced Member
  
Join Date: Sep 2004
Posts: 44
 

Default Re: Adding a graphic

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

But thanks anyway
__________________
xcart 4.0
Reply With Quote
  #8  
Old 06-07-2015, 05:40 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Adding a graphic

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.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
neonrider (09-09-2017)
  #9  
Old 09-09-2017, 09:28 AM
  neonrider's Avatar 
neonrider neonrider is offline
 

X-Adept
  
Join Date: Oct 2005
Posts: 640
 

Default 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

Thanks!
__________________
X-Cart Ancient - 4.1.9
X-Cart Gold - 4.7.12
Windows 8.1 and none beyond
Reply With Quote
  #10  
Old 11-16-2017, 11:41 AM
 
richardjknox richardjknox is offline
 

Advanced Member
  
Join Date: Sep 2004
Posts: 44
 

Default Re: Adding a graphic

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
__________________
xcart 4.0
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:40 PM.

   

 
X-Cart forums © 2001-2020