X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   How to give border & mouse over effect to feature produc (https://forum.x-cart.com/showthread.php?t=11937)

GlobalFusion 08-16-2007 03:08 AM

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


Realsecurity 08-17-2007 09:09 AM

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.

Realsecurity 08-17-2007 09:38 AM

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!

KeithXtreme 03-28-2008 04:04 PM

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......

kube 03-28-2008 05:05 PM

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

KeithXtreme 03-28-2008 06:59 PM

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.....

kube 03-28-2008 07:25 PM

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.

KeithXtreme 03-28-2008 07:38 PM

Re: How to give border & mouse over effect to feature produc
 
That did it.....background set to transparent.....fixed it alll.....very cool! Thanks

kube 03-28-2008 07:55 PM

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

rjcbear 02-12-2009 04:36 AM

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


All times are GMT -8. The time now is 04:20 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.