| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | Mark Forums Read | User manuals | Login |
Product Rollover Effect? | ||||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
Product Rollover Effect?
http://www.weckonline.nl/weckonline/home.php?cat=277
I want to try and recreate the effect this shop has when you put the cursor over the product. Not nessecerly after the pink colour, but more just the actual effect. tried searching through the forum to see if anyone else has done this, and cant find anything....so any help or advice would be greatly appreciated. many thanks.
__________________
xcart version 4.1.6 UK - Brighton QVS ELECTRICAL SUPPLIES - http://www.qvsdirect.com We supply a huge range of cables, electrical accessories, heating, ventilation, fire and security products, consumer units & circuit distribution, indoor and outdoor lighting, showers and water heating, tools and fixings, timer switches, sockets, switches, air conditioning, trunking, and much much more. |
|||||||
#2
|
|||||||
|
|||||||
That link doesn't seem to work...
__________________
Padraic Ryan Ryan Design Studio Professional E-Commerce Development |
|||||||
#3
|
|||||||
|
|||||||
works fine for me...
try this one.. http://www.weckonline.nl/home.php?cat=287 works using IE or Firefox
__________________
xcart version 4.1.6 UK - Brighton QVS ELECTRICAL SUPPLIES - http://www.qvsdirect.com We supply a huge range of cables, electrical accessories, heating, ventilation, fire and security products, consumer units & circuit distribution, indoor and outdoor lighting, showers and water heating, tools and fixings, timer switches, sockets, switches, air conditioning, trunking, and much much more. |
|||||||
#4
|
|||||||
|
|||||||
Must have been down earlier. That is just simple css. Simply set the :hover class of that table cell to be a different background color.
__________________
Padraic Ryan Ryan Design Studio Professional E-Commerce Development |
|||||||
#5
|
|||||||||
|
|||||||||
Re: Product Rollover Effect?
bon soir! can some give me a little more detail on how to achieve this? i'm not sure if i'm supposed to be editing the skin1.css and if so, what? or the products_t.tpl directly
this is the first post i found relating to it, hopefully there's another...
__________________
X-Cart Gold 4.4.3 -------------------------------------- |
|||||||||
#6
|
|||||||||
|
|||||||||
Re: Product Rollover Effect?
I'm assuming I'm to edit - PListCell
Thing is, I kinda wanted rollover to alternate. Is this possible or too in-depth for a novice?
__________________
X-Cart Gold 4.4.3 -------------------------------------- |
|||||||||
#7
|
|||||||||
|
|||||||||
Re: Product Rollover Effect?
I found a possible solution here http://www.hypergurl.com/tablehighlight.html
I put the <head> script in between {literal} tags.in the home.tpl I then put the table script to product_t.tpl. It won't work Any suggestions?
__________________
X-Cart Gold 4.4.3 -------------------------------------- |
|||||||||
#8
|
|||||||||
|
|||||||||
Re: Product Rollover Effect?
WOO HOO FOUND ONE. Sorry to bore those of you who are genius but maybe this will help other bewildered...
customer/main/product_t.tpl added - <td width="{$width}%" class="PListCell" onmouseover="style.backgroundColor='#84DFC1';" onmouseout="style.backgroundColor='#84C1DF'"> http://www.basictips.com/table-cell-background-colors-change-mouseover-css.shtml
__________________
X-Cart Gold 4.4.3 -------------------------------------- |
|||||||||
#9
|
|||||||
|
|||||||
Re: Product Rollover Effect?
could you step by step how you do it.
thanks
__________________
Current version: 4.1.5 Centos 4x |
|||||||
#10
|
|||||||||
|
|||||||||
Re: Product Rollover Effect?
Skin1
-Customer -Main -products_t.tpl (if you have set your appearance in admin to display 2-3 columns). If not, you'd edit the products.tpl file for 1 column display. Look for this line <td width="{$width}%" class="PListCell"... and add the above code (changing the colors to whatever you want) behind it. that should do it.
__________________
X-Cart Gold 4.4.3 -------------------------------------- |
|||||||||
|
Thread Tools | Search this Thread |
|
|
|
|||
X-Cart forums © 2001-2020
|