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
  #21  
Old 08-16-2007, 03:08 AM
 
GlobalFusion GlobalFusion is offline
 

Advanced Member
  
Join Date: Feb 2007
Posts: 82
 

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

I was looking for something else and found this threat. Just tried on my site and works like a charm. Just follow the CSS and products_t.tpl changes and you are all set. I am not sure though about changing the background of my pics since it kind of looks nice the way it is.

Quote:
Originally Posted by gregl
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
__________________
------------------------------------------------------------------
X-Cart Gold V 4.1.8 + Mods
Reply With Quote
  #22  
Old 08-17-2007, 09:09 AM
 
Realsecurity Realsecurity is offline
 

Senior Member
  
Join Date: Apr 2005
Location: Bexhill
Posts: 128
 

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

Strange is the CCS sheet, seems a little messed up, have edited the text, hover on the home page so it has red highlight witout underline! when going to catagories which then shows sub catagories the list is bold black text which doesnt do anything other then red underline! would like the text to be none nold which is easy using itemslist font weight = none, but when selecting hover = color #FF3300 there is no red high light? even selecting direct in the list to fontweight bold on hover absoulutely nothing? the only way is by changing A.hover = fontweight bold but then the whole site links all go bold which is not good!

xcart havnt given much detail to css file for all areas of the site, they should have a detailed description of what each part of the css file changes!

there is articals on the forum but most seem related to featured products and changing styles directly in the templates! although an idea, who knows what and where to add a style sheet in subcatagories, tried a few lines in the <td> for nmouseover? no change here either, the text just refuses to be changed, strange that in html its simpler, php seems to be quite complex.!!

any ideas appreciated.
__________________
SURECOM XCART V4.1.8
Reply With Quote
  #23  
Old 08-17-2007, 09:38 AM
 
Realsecurity Realsecurity is offline
 

Senior Member
  
Join Date: Apr 2005
Location: Bexhill
Posts: 128
 

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

Just found the quickest solution instead of adding styles in the .tpl file found that in the css file there is Itemslist which can make font bold and change colour, but wouldnt do the mouseover effects, just found it had a A. infront of the itemslist once i removed the A. from it i was able to CONTROL the text, mouseover effects colour no problem, good to experiment although such simple things should be in the user manual ! there must be so many new users that waste hours finding solutions to simple tasks!
__________________
SURECOM XCART V4.1.8
Reply With Quote
  #24  
Old 03-28-2008, 04:04 PM
 
KeithXtreme KeithXtreme is offline
 

Advanced Member
  
Join Date: Mar 2008
Location: Oklahoma
Posts: 46
 

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

This works fine in 4.1......but I want the feature to not have a background, just the products have a back ground.

Of course if I delete the CSS dialog background color I lose the back ground in the detailed products page.....So How do I have no main back ground in the feature and leave the bmain background on the products page and detail products page......
__________________
http://www.chopworx.com
Gold Version 4.1.11
Fancy Categories
Shipper Per Product
Featured Products
Gallery V3
Store Manager
Reply With Quote
  #25  
Old 03-28-2008, 05:05 PM
  kube's Avatar 
kube kube is offline
 

X-Adept
  
Join Date: Sep 2005
Location: London: a small place East of Wales
Posts: 529
 

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

I couldn't see any distinguishing differences between the areas. Perhaps one simple way would be to get the skin1/customer/main/featured.tpl and start and end with a custom div like so...

<div class="featured_items"> {*starting featured div *}
{* The featured.tpl content goes here untouched *}
</div> {* ending div at end of tpl *}

and in the main css file add a new featured_items class called from the new div (more or less a duplicate of TD.DialogBox but with a different bg colour)...

.featured_items TD.DialogBox {
background-color: #ff0000; /* demo colour red */
/* remaining class content */
}

this way only the featured items are affected and the product pages remain unscathed - hopefully
__________________
Doms
kube v4.1.9
Reply With Quote
  #26  
Old 03-28-2008, 06:59 PM
 
KeithXtreme KeithXtreme is offline
 

Advanced Member
  
Join Date: Mar 2008
Location: Oklahoma
Posts: 46
 

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

I cannot get that to work the DIV does nothing to the feature.tpl When I tried it other ways ˆ could it to change colors but I want it gone, not just changed colors.....

If you went to my site to try and look, the site is locked you where looking at an OSC site.....
__________________
http://www.chopworx.com
Gold Version 4.1.11
Fancy Categories
Shipper Per Product
Featured Products
Gallery V3
Store Manager
Reply With Quote
  #27  
Old 03-28-2008, 07:25 PM
  kube's Avatar 
kube kube is offline
 

X-Adept
  
Join Date: Sep 2005
Location: London: a small place East of Wales
Posts: 529
 

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

I thought this was a simpler way of going around it - rather than duplicating a whole bunch of tpls (or adding vars) just to rid a class. The example of changing colours maybe poor but it should work, it's only a simple div surrounding the featured products table and aids in giving control over feat. products if needed. And you could set the css background property to transparent/inherit.

I tested this on a fresh install.
__________________
Doms
kube v4.1.9
Reply With Quote
  #28  
Old 03-28-2008, 07:38 PM
 
KeithXtreme KeithXtreme is offline
 

Advanced Member
  
Join Date: Mar 2008
Location: Oklahoma
Posts: 46
 

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

That did it.....background set to transparent.....fixed it alll.....very cool! Thanks
__________________
http://www.chopworx.com
Gold Version 4.1.11
Fancy Categories
Shipper Per Product
Featured Products
Gallery V3
Store Manager
Reply With Quote
  #29  
Old 03-28-2008, 07:55 PM
  kube's Avatar 
kube kube is offline
 

X-Adept
  
Join Date: Sep 2005
Location: London: a small place East of Wales
Posts: 529
 

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

Cool. As my other suggestion to rid the class from featured products wouldn't have been an elegant one ;D
__________________
Doms
kube v4.1.9
Reply With Quote
  #30  
Old 02-12-2009, 04:36 AM
  rjcbear's Avatar 
rjcbear rjcbear is offline
 

X-Adept
  
Join Date: Jun 2004
Location: Alabama,U.S.A
Posts: 503
 

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

Quote:
in /customer/main/products_t.tpl:

Changed:
<TD align="center" valign="top" width="{$width}%" class="DialogBox">

to:
<TD class="FeaturedDialogBoxOff" align="center" valign="top" width="{$width}%" onMouseOver="this.className='FeaturedDialogBoxOn'" onMouseOut="this.className='FeaturedDialogBoxOff'" >

This is acutally the smarter and better way to go. I need to start using CSS more instead of directly making changes to the templates themselves. It detracts from the uniformity of development of the rest of the site.

You might want to give this a try too.

--Chris

I have try to apply this to 4.1.11 but the code is so different will some one can show me what to do in the customer/main/products_t.tpl

Thank you so much for your help
__________________
X-CART Gold version 4.0.14 & 4.1.11
Apache Version 1.3.29 (Unix)
EWDHosting-Quality X-cart Hosting
We will always sell you the right shoe and the left one is free.
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:40 AM.

   

 
X-Cart forums © 2001-2020