Welcome, Guest ( Customer Panel | Login )




 All Forums
 VPCart Forum
 Customization
 Category Mouseover, Click & Stay Highlighted
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Packard40
Starting Member

USA
15 Posts

Posted - July 21 2006 :  17:16:43  Show Profile  Reply with Quote
When I mouseover a category in my category list, the backgound image changes to "highlighted." However, when I click that "highlighted" category, it doesn't remain "highlighted" until I am ready to select another category.

Can someone suggest the change I need to make the background of the category remain highlighted until I mouseover and select another category?

Thanks a lot in advance.

webboy
VP-CART New User

Australia
52 Posts

Posted - July 22 2006 :  22:24:42  Show Profile  Reply with Quote
I'll probably use a css based menu.
The page you'll need to modify is shopproductsubs.asp line 344.

What i would dois get rid of the tables and used divs with an unordered list.

Then add a function that adds the relevant class to the menu that is currently viewed.

I hope to one day blow away all those tables for structure and use divs which would be easier to maintain.

I hope i have been helpful

Built for the future
Go to Top of Page

Packard40
Starting Member

USA
15 Posts

Posted - July 22 2006 :  22:58:46  Show Profile  Reply with Quote
Webboy... thanks a lot for the reply. Per chance do you have an example I can look at? Respectfully, Marshall...
Go to Top of Page

webboy
VP-CART New User

Australia
52 Posts

Posted - August 02 2006 :  00:35:16  Show Profile  Reply with Quote
Sorry for the delay in getting back to you.

Here's what i'll do,

Creat your menu using divs.

submenucontainer {
	BACKGROUND-COLOR: transparent;
	MARGIN: 0px;
	WIDTH: 140px;
	padding-left : 8px;
	FLOAT: left;
	padding-top : 20px;
}

#submenu {
	FLOAT: left;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 12px;
	}

#submenu ul {
	LINE-HEIGHT: 15px;
	MARGIN: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
}

#submenu li {
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
}

#submenu li li {
	padding-left: 10px;
	margin-top: 2px;
	list-style-type: none; 
}

#submenu a {
	BACKGROUND-COLOR: transparent;
	COLOR: #666;
	DISPLAY: block;
	PADDING-LEFT: 5px;
	TEXT-DECORATION: none;
	WIDTH: 123px;
}

#submenu a:hover {
	BACKGROUND-COLOR : transparent;
	COLOR: #092769;
}

#submenu ul a#procat {
	BACKGROUND: transparent;
	COLOR: #092769;
}

/*end sub menu*/



Now creat a function that would highlight the category being viewed,


Function PRDCAT(idkey)
    If cInt( Request.QueryString("id").Item ) = rsG.Fields.Item("cat_id").Value Then
	Response.Write "id=""subcurrent"""
		Else			
         Response.Write ""
     End If
End Function


Now modify your shopproductsubs.asp line 344. to the following.

mylink="<a "& PRDCAT(cid) &" HREF=""rest of the link goes here.

See if this works....i'm about to test it out myself.
So i'll be posting back shortly

Built for the future
Go to Top of Page

Packard40
Starting Member

USA
15 Posts

Posted - August 02 2006 :  01:07:50  Show Profile  Reply with Quote
G'day webboy... Wanted to acknowledge I read your post and thank you very much for your reply. Am off to bed now (03:05) and will study it today.

Respectfully, Marshall...
Go to Top of Page

Packard40
Starting Member

USA
15 Posts

Posted - August 03 2006 :  21:01:33  Show Profile  Reply with Quote
tried the code and no go, guess I didn't understand where the div code goes. If I could see a sample shopproductsubs.asp file, that would help. thanks.
Go to Top of Page

faolie
VP-CART New User

98 Posts

Posted - April 13 2007 :  09:42:35  Show Profile  Visit faolie's Homepage  Reply with Quote
This looks like a useful function. Did anybody get it to work? I tried but had a problem with rsG in rsG.fields.Item
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00