Mod to Cart Module

<< < (2/18) > >>

lbeetles:
cheers for this very nice.

vokaldesign:
I've just tried this out and I'm loving it! So thanks!  :)

By the way... Can I edit the button that takes the customer to the contents of the cart? Can I insert a picture instead of showing a text button? I've also tried to change the colour of the background and text of the text button - but so far with no luck...

bombknex:
Hi there,
Thanks much for this mod  ;D, but I noticed a problem. What happens if you add many items to the cart? ... Eventually the display in your mod gets cutoff.

Any ideas?

- Jonah

macallf:
Quote from: bombknex on April 27, 2006, 15:39:18 PM

Hi there,
Thanks much for this mod  ;D, but I noticed a problem. What happens if you add many items to the cart? ... Eventually the display in your mod gets cutoff.

Any ideas?

- Jonah


I know that is a problem, on my test site I designed a position for the cart in the J! template that has scrollbars if the limit is passed. This is done with css. It is the best way around the problem. See the enclosed screenshot.

If anyone could think of a better solution than let me know.

Mark

macallf:
Quote from: vokaldesign on April 24, 2006, 08:13:21 AM

I've just tried this out and I'm loving it! So thanks!  :)

By the way... Can I edit the button that takes the customer to the contents of the cart? Can I insert a picture instead of showing a text button? I've also tried to change the colour of the background and text of the text button - but so far with no luck...


I have set the class of the button to be showbutton (Why I don't know ???). Set up a style in your css file for the J! template youre using to change the style of the button.

this is how mine is defined

Code:

.showbutton {
border: 1px solid #8AAACF;
display: inline;
background: url(../images/bg_w.png) repeat-x;
height: 21px;
padding: 3px;
font-weight: normal;
color: #ffffff;
text-transform: none;
text-decoration: none;
font-size: 10px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}


.showbutton:link , .showbutton:visited , .showbutton:hover, .showbutton:focus:active {

border: 1px solid #8AAACF;
background: url(../images/bg_w.png) repeat-x;
height: 21px;
vertical-align:middle;
padding: 3px;
font-weight: normal;
color: #0033CC;
font-size: 10px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
}


.showbutton:hover , .showbutton:focus:active {
background: #999 url(../images/bg_b.gif) bottom;
color: #ffffff;
}

Hope this helps

Mark

Navigation

[0] Message Index

[#] Next page

[*] Previous page