[checkout] How do I change the graphic box next to 'add photo to cart'?

Landis

Joined: 2006-02-24
Posts: 15
Posted: Sat, 2006-02-25 00:32

How do I change the graphic box next to 'add photo to cart'? The little box doesn't quite look right and I'd like to make something a little more obvious.

Thanks!


Gallery version = 2.0.2 core 1.0.0.2
PHP version = 5.1.2 apache
Webserver = Apache/1.3.33 (Darwin) PHP/5.1.2
Database = mysql 4.1.18-standard
Toolkits = ArchiveUpload, Exif, ImageMagick, Gd
Operating system = Darwin Tierra-Madre.local 8.5.0 Darwin Kernel Version 8.5.0: Sun Jan 22 10:38:46 PST 2006; root:xnu-792.6.61.obj~1/RELEASE_PPC Power Macintosh
Browser = Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/417.9 (KHTML, like Gecko) Safari/417.8
 
turnbulm

Joined: 2004-10-03
Posts: 431
Posted: Sat, 2006-02-25 09:00

This is because the IconPack you are using doesn't have an icon for the "checkout" links. I don't know exactly how to fix that, but I'd suggest going through the icon pack files, and maybe duplicating the settings they have for the cart module.
 
Landis

Joined: 2006-02-24
Posts: 15
Posted: Sat, 2006-02-25 18:54

I'm using the default 'Paul Armstrong Designs' IconPack. I see that it's got a 'cart.gif' and 'add_cart.gif'. And they will appear if I turn on the 'cart' module but not the 'checkout' module.

I can't quite figure out where the cart module calls the icons, otherwise I'd attempt to duplicate that in the checkout module.

Any ideas?
 
turnbulm

Joined: 2004-10-03
Posts: 431
Posted: Sat, 2006-02-25 19:28

The modules themselves don't call the icons - the icon packs provide icons that Gallery puts against various links. Somewhere in the icon pack there should be something (probably a .inc file) that maps the 'add_cart.gif' icon to the 'cart->add to cart' link. What you'd need to do is duplicate that mapping for the equivalent 'checkout->add to cart'.
 
Landis

Joined: 2006-02-24
Posts: 15
Posted: Sat, 2006-02-25 20:27

I did a search for all documents in the gallery/icons/ directory for anything that includes 'cart'. I found two files: 'icons.css' and 'icons-rtl.css' that had:

.gbLink-cart_ViewCart {
  background: url(cart.gif) right center no-repeat;
}
.gbLink-cart_AddToCart {
  background: url(add_cart.gif) right center no-repeat;
}

I tried duplicating those lines and changing 'cart' to 'checkout' but it did no good. The only .inc files in the icons directory are 'IconsSiteAdmin.inc' and 'module.inc' and 'iconpack.inc' in the 'paularmstrongdesigns' directory. None of these .inc files have anything referencing a cart.

Any other ideas?
 
turnbulm

Joined: 2004-10-03
Posts: 431
Posted: Sat, 2006-02-25 20:58

I'd have tried changing .gbLink-cart_AddToCart ...to... .gbLink-checkout_AddToCart

Then also you may need to flush your templated cache as well. If that doesn't work then I'm afraid I can't give you any hints at the moment (although I will put it on my list to work out how to make the icon pack work with the modules...)
 
Landis

Joined: 2006-02-24
Posts: 15
Posted: Sat, 2006-02-25 21:54
turnbulm wrote:
I'd have tried changing .gbLink-cart_AddToCart ...to... .gbLink-checkout_AddToCart

That's what I did. And now that you mentioned to flush the templated cache (Site Admin/ Maintenance / Delete Template Cache) the 'Add to cart' icon is now there. Unfortunately the 'View cart' icon is still a plain box, but this is better than nothing. If anyone has an idea of how to get the 'View cart' icon to work, I'm all ears.

Thanks for helping me with this!
 
hemlockz

Joined: 2006-03-11
Posts: 5
Posted: Fri, 2006-04-07 14:25

TRY THIS in icons.css:

.gbLink-checkout_SelectProducts {
background: url(cart.gif) left center no-repeat;
 
joemonster
joemonster's picture

Joined: 2006-04-12
Posts: 236
Posted: Thu, 2006-09-07 14:42

For you who still need this resolved, this solved it for me.

Open up icons.css

If you dont know where yours is, it will vary depending on your install setup and what icon pack you are using. But in general it should look similar to this:

Quote:
gallery2/modules/icons/iconpacks/paularmstrongdesigns/icons.css

Find the line that says:

Quote:
/* Commerce */

Dont delete anything, and put this code under it:

Quote:

.gbLink-checkout_AddToCart {
background: url(add_cart.gif) left center no-repeat;
}

.gbLink-checkout_SelectProducts {
background: url(cart.gif) left center no-repeat;
}

Save the file.

Upload the file to your site (saving over your old one).

Finally, though it was not neccesary for me, you may need to go to your admin panel and flush the template by doing Maintenance -> Delete Template Cache -> Run Now.

There you go - easy checkout image link ;)

Hope this helped.

~Fujilives
 
smartdroid

Joined: 2005-11-24
Posts: 4
Posted: Fri, 2006-10-13 06:32
joemonster wrote:
For you who still need this resolved, this solved it for me.

Open up icons.css

If you dont know where yours is, it will vary depending on your install setup and what icon pack you are using. But in general it should look similar to this:

Quote:
gallery2/modules/icons/iconpacks/paularmstrongdesigns/icons.css

Find the line that says:

Quote:
/* Commerce */

Dont delete anything, and put this code under it:

Quote:

.gbLink-checkout_AddToCart {
background: url(add_cart.gif) left center no-repeat;
}

.gbLink-checkout_SelectProducts {
background: url(cart.gif) left center no-repeat;
}

Save the file.

Upload the file to your site (saving over your old one).

Finally, though it was not neccesary for me, you may need to go to your admin panel and flush the template by doing Maintenance -> Delete Template Cache -> Run Now.

There you go - easy checkout image link ;)

Hope this helped.

~Fujilives

This was good but I found that the text was being placed over the nice image - so I did this instead to better place and wrap the image - 

.gbLink-checkout_AddToCart {
background: url('add_cart.gif') no-repeat; relative:left
}

the "left center" was removed and the " relative:left" was added
 
jackfr

Joined: 2006-10-19
Posts: 3
Posted: Wed, 2006-11-29 13:40

Hi guys, thanks so much for the above. I have been messing about for days...five minutes and it's fixed. Well done, works great, easy to follow directions too.
 
brianb_adk

Joined: 2006-11-09
Posts: 48
Posted: Tue, 2007-03-13 00:47

Thanks for the heads up on changing that icon... it worked great.

Any idea where to change the icon for the Checkout & Checkout by Paypal icons within 'Site Admin'? It's still the default grey square.