We want to change the thumbnail rollover action on the product page grid. ( http://dev.analogcraftsman.com )
Essentially, we want to remove the the "Select Options" button altogether, and make the entire thumbnail clickable — taking the user to the individual product page.
It would be great if when the user rolled over the product thumbnail, the following happened:
• "Show Details" rollover button remains as-is, but is centered in the thumbnail. (I assume this will happen automatically when the other button is taken out.)
• We like how the entire thumbnail space activates the rollover state. We also want the entire thumbnail space to be clickable—not just he button that fades in—enabling the user to click anywhere on the thumbnail to be taken to the individual product page.
• Is it possible to fade the opacity of the thumbnail image down by 25% on the rollover state? Or, alternatively, fade in a new color layer on top of the thumbnail image at 25% opacity? We love the transition effects the current buttons have — and we'd want this to also have the smooth rollover-state-fade transition.
How might this be possible?