Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

How to give border & mouse over effect to feature produc

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #11  
Old 03-17-2005, 11:48 PM
 
Jerrad Jerrad is offline
 

X-Adept
  
Join Date: Nov 2004
Location: The Netherlands
Posts: 484
 

Default

It works great with IE and Opera, but is it also supposed to work with Firefox?
Or am I doing something wrong?
__________________
X-Cart 4.0.12
Heavy modified with paid, free and forum mods.
PHP 5.2.5 | MYSQL 5.0.51a
Reply With Quote
  #12  
Old 03-18-2005, 10:28 AM
 
Loony2nz Loony2nz is offline
 

Member
  
Join Date: Nov 2004
Posts: 20
 

Default

Quote:
Originally Posted by Jerrad
It works great with IE and Opera, but is it also supposed to work with Firefox?
Or am I doing something wrong?

I use FF primarily. I ditched IE. Code works well in my FF.

visit my site and see if you get the rollovers on the featured products on the homepage.

URL in my sig.

--Loony2nz
__________________
www.TheFrugalDiver.com
Where Diving Won\'t Cost A Lung
------------------------
X-Cart Version 4.0.5
Reply With Quote
  #13  
Old 03-18-2005, 12:43 PM
 
Jerrad Jerrad is offline
 

X-Adept
  
Join Date: Nov 2004
Location: The Netherlands
Posts: 484
 

Default

Thanks for your reply Loony2nz.
The rollovers on your site also work well in my Firefox.

I think the problem is something else (no idea what, btw) because I've
copied the rollover code straight into my skin1.css and in the .tpl
where I want it to show up. And besides that, I'm also having numerous
other browser compability problems...

What I don't understand is the fact that my rollovers look fine in IE and
Opera but simply won't show up in Firefox. Even class="FeaturedDialogBoxOff"
doesn't work, with the result that my boxes are without borders.

Maybe you got any ideas or suggestions?
I like your site by the way - looks great and clean!

Thanks!
__________________
X-Cart 4.0.12
Heavy modified with paid, free and forum mods.
PHP 5.2.5 | MYSQL 5.0.51a
Reply With Quote
  #14  
Old 05-04-2005, 12:36 PM
  lyncca's Avatar 
lyncca lyncca is offline
 

X-Adept
  
Join Date: Nov 2003
Location: Fort Worth, Texas
Posts: 455
 

Default

This worked great on my current client site, thanks!
Reply With Quote
  #15  
Old 05-05-2005, 11:51 AM
  B00MER's Avatar 
B00MER B00MER is offline
 

X-Guru
  
Join Date: Sep 2002
Location: Keller, TX (Cart-Lab.com)
Posts: 3,165
 

Default

Here's an alternate way of achieving the same, may be more FF friendly?

Code:
{literal} <script language="JavaScript"><!-- function classChange(element,newclass) { element.className = newclass; } //--> </script> <style type="text/css"> .rowon { border: 1px black solid; } .rowoff { border: 0px; } </style>

And then the TD tag with the onMouse event handlers and function call:

Code:
<td align=center valign=top width="{$width}%" id="row{$products[product].productid}{%product.index%}" class="rowoff" onMouseOver="classChange(row{$products[product].productid}{%product.index%},'rowon')" onMouseOut="classChange(row{$products[product].productid}{%product.index%},'rowoff')">
__________________
Cart-Lab - 100+ Social Bookmarks for X-Cart.
Reply With Quote
  #16  
Old 05-24-2005, 03:02 PM
 
halestorm halestorm is offline
 

Advanced Member
  
Join Date: Oct 2004
Posts: 44
 

Default

Ok quick question. 2 Actually..

On the 7dana site (http://www.7dana.com/xcart/home.php) the boxes there are long and rectangular and spaced out more.

On mine (www.thegamegeek.net/home.php) the boxes are square and closer together. I want to set it more like what they did.

How can I change that?

Second question. Now that I have these boxes, I want to remove the border lines of the "Featured products" Right now it's these boxes in a box. How can I do that? Homepage only..

Thanks!

Daniel
__________________
...
x-cart-4.0.11

http://www.thegamegeek.net
Reply With Quote
  #17  
Old 05-28-2005, 11:06 AM
 
taltos1 taltos1 is offline
 

Senior Member
  
Join Date: Mar 2005
Location: USA
Posts: 160
 

Default

This is awesome, I was able to get it to work on the "featured Products" area, but I am not sure how to get it to work on the catetory listings? Like on the site, I would like to do this on the category block, with my category links? Can anyone help me?

Thanks
__________________
X-Cart Gold Version 4.0.18
EWDHosting.com is my Host
Unix Servers
Reply With Quote
  #18  
Old 05-30-2005, 07:13 AM
 
taltos1 taltos1 is offline
 

Senior Member
  
Join Date: Mar 2005
Location: USA
Posts: 160
 

Default

Anyone, I played with this all weekend but my CSS skills are not stellar. I am still not sure how to add the color switch over the category links. Please...
__________________
X-Cart Gold Version 4.0.18
EWDHosting.com is my Host
Unix Servers
Reply With Quote
  #19  
Old 06-02-2005, 11:45 PM
  pctechtoys's Avatar 
pctechtoys pctechtoys is offline
 

Advanced Member
  
Join Date: Jul 2004
Location: Orlando, FL
Posts: 36
 

Default

This is SWEEEEEEEEEET. Thank you so much for this. I have absolutely no editing skills what so ever and I had no problems getting this to work.

I have one question though.

If i wanted Rounded edges how would I do that?
__________________
X-Cart version 4.0.12
www.pctechtoys.com
www.ecsidirect.com
Reply With Quote
  #20  
Old 04-04-2007, 12:20 AM
 
gregl gregl is offline
 

Advanced Member
  
Join Date: Jun 2004
Posts: 98
 

Default Re: How to give border & mouse over effect to feature produc

I know this is an old thread, but has anyone tried this on 4.1 series. I'm experimenting and can't get it to work at all.

Greg
__________________
XCart 4.0.19
XConfigurator 4.0.19
AOM 4.0.19
Zeus Server
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 12:47 PM.

   

 
X-Cart forums © 2001-2020