| Author |
 Topic  |
|
RCpilot
Ecommerce Template Guru
USA
1041 Posts |
 Posted - 05/25/2012 : 16:15
|
Hello,
We have all of the links such as "more details", "add to cart", etc, replaced with buttons. Since each of these images are defined as an includes parameter, rather than a CSS class, how can I use a CSS "on hover" property to display a slightly lighter or darker button image when the user hovers over it? Or is there a different method I should use? I have created "3D" buttons, but they look static when you hover and they don't do anything.
Thanks!
P.S. has anyone done anything similar and have any feedback as to whether they think lighter or darker is a better "on hover" effect? Our page background is white. Thanks |
Edited by - RCpilot on 05/25/2012 16:17 |
|
Sinbad
Administrator
USA
53560 Posts |
Posted - 05/25/2012 : 16:57
|
Hi I've haven't tried it but you might be able to do something like:
a.hover {
color:#333;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
background-attachment: scroll;
background-image: url(../topnavbk.png);
background-repeat: no-repeat;
}
Winners never quit, quitters never win
User Manual for Ecommerce Templates
|
 |
|
RCpilot
Ecommerce Template Guru
USA
1041 Posts |
Posted - 05/25/2012 : 21:54
|
Hi Marlene,
Thanks for the info, but I'm not sure what you mean to do with it. Wouldn't a.hover affect any hyperlink that is hovered? Are there separate classes for all of the buttons? I would assume this is the case, as one might want to format each link (whether text or image) to a different size, etc.
I am on board with you as far as the hover effect being correct, but I am not sure how to work it into the existing parameters/buttons.
Thanks,
Alex |
|
|
Sinbad
Administrator
USA
53560 Posts |
|
RCpilot
Ecommerce Template Guru
USA
1041 Posts |
Posted - 05/26/2012 : 14:30
|
Hi Marlene,
Yes, I previously created 3D shaded buttons for "add to cart", "details", "continue shopping", etc. etc. etc.
I would like to create a 2nd version of each with a different color or shading, and have each button display the alternate version when hovered.
I think if the buttons were defined by CSS rather than image files, you would just change the background image, text color, etc. with CSS hover effects. But I am not sure in this case since the button is already defined as an image actual (?).
Thanks! |
Edited by - RCpilot on 05/26/2012 14:31 |
|
|
threecrow
Ecommerce Template Expert
USA
734 Posts |
|
RCpilot
Ecommerce Template Guru
USA
1041 Posts |
Posted - 05/28/2012 : 19:39
|
John,
Thanks - that is the CSS portion.
What I need to know is the CSS class for each of the buttons. I guess what I was asking is: does ECT have a list of the button CSS classes? If not, I suppose I'll go read through each of the applicable pages and figure out what they are. A list of the applicable classes would be a big time-saver though! 
Thanks! |
|
|
insight
ECT Moderator
USA
2983 Posts |
Posted - 05/28/2012 : 20:35
|
Unfortunately, a majority of the 38 store generated buttons don't have any CSS classes applied to them so I don't think you'll get far with this 
Peter
ServeLink
Professional ecommerce web hosting for ASP & PHP
http://servelink.com
Take a look at our image upload/resize tool for the ASP cart
https://servelink.com/cart?gid=7 |
|
|
RCpilot
Ecommerce Template Guru
USA
1041 Posts |
Posted - 05/28/2012 : 20:59
|
Thanks for the info Peter. That's the primary reason I'm here asking ECT for further guidance. I figured if the buttons were CSS, they wouldn't need to be defined in the includes file.
Vince what is the best way to apply CSS hover effects to the buttons? We are using the new "css" version recently purchased.
Is there some way to apply the CSS (like Marlene's suggestion above) to the buttons via the includes file? I must be missing the obvious.
Thanks!
Alex |
Edited by - RCpilot on 05/28/2012 21:03 |
|
|
Andy
Administrator
69006 Posts |
|
RCpilot
Ecommerce Template Guru
USA
1041 Posts |
Posted - 05/29/2012 : 16:10
|
Oh,
I thought the cart buttons would use CSS as part of the "CSS-based template." Would it be too much to ask for some CSS classes in the next round of updates?
Couldn't they be added to the relevant buttons on the cart pages, but not actually added to the style sheet, and thus the new classes would not cause any new affects until each user included the relevant classes in the style sheet?
Thanks! |
|
|
Andy
Administrator
69006 Posts |
|
Andy
Administrator
69006 Posts |
|
| |
Topic |
|
use rollover action on buttons (images)?
