osCommerce Community Support Forums > Rollover navigation (category) images

jasonabc

Mar 7 2006, 08:16 AM

Hi there,

I've just finished a store where I was able to replace the HTML text links in the category box with really nice rollover Javascript images. If you expend the category (to reveal subcategories) the Category box also dynamically displays the "over" state of the image.

I haven't found a contribution that does this (Easy Rollover does ordinary buttons but not the main navigation). Before I submit as an OSC contribution, would anyone find this useful, and more importantly - has it already been done? I don't want to submit a duplicate contribution.

cheers

Jason

undeRliRcs

Mar 22 2006, 12:16 AM

QUOTE (jasonabc @ Mar 7 2006, 12:16 AM)

Hi there,

I've just finished a store where I was able to replace the HTML text links in the category box with really nice rollover Javascript images. If you expend the category (to reveal subcategories) the Category box also dynamically displays the "over" state of the image.

I haven't found a contribution that does this (Easy Rollover does ordinary buttons but not the main navigation). Before I submit as an OSC contribution, would anyone find this useful, and more importantly - has it already been done? I don't want to submit a duplicate contribution.

cheers

Jason

Do you have an example that I can view?

GlobalBus

Oct 16 2007, 11:27 PM

Hii!! I Am using this contribution, very good. BUT, i have just one problem...i am using more than one language for the site. You have the images linked to a folder in catalog. If i change the language of catalog, the images will remain the old language...
How can I fix this?

Thank you

Bruno

jpipitone43

Feb 24 2008, 10:06 PM

Great contribution. I just have a question - I want to get rid of the subcategory text - is there an easy way to do that?

Also, I have some static images that need to be part of the navigation, such as an About Us item, as well as a Contact Us item. Is there an easy way using your contribution to add these static images to the navigation, and have them rollover and display the over state if they're clicked on?

I appreciate any help. This is one of the last things I need to do to complete the site I'm working on.

jpipitone43

Feb 24 2008, 11:03 PM

Here's what I've commented out so far - this code taken from your categories.php page - for some reason I'm still seeing some sort of a break after the first category image that has a subcategory. Is there an easy way to get rid of that break?

CODE

# if a subcategory, just write out the name in HTML text:
 //else if (isset($cPath_array) && in_array($counter, $cPath_array)) {
 # if subcategory is the one selected, wrap tags round it:
 //$categories_string .= '';
 //$categories_string .= $tree[$counter]['name'];
 //$categories_string .= '';
 //}
 # else just write out the name with no bold tags:
 //else {
 // $categories_string .= $tree[$counter]['name'];
 //}

 # if a subcategory, close the subNav span tag:
 for ($i=0; $i<$tree[$counter]['level']; $i++) {
 $categories_string .= "";
 }

 $categories_string .= '</a> ';

 if ($tree[$counter]['next_id'] != false) {
 tep_show_category($tree[$counter]['next_id']);
 }
 }
?>

QUOTE (jpipitone43 @ Feb 24 2008, 05:06 PM)

Great contribution. I just have a question - I want to get rid of the subcategory text - is there an easy way to do that?

Also, I have some static images that need to be part of the navigation, such as an About Us item, as well as a Contact Us item. Is there an easy way using your contribution to add these static images to the navigation, and have them rollover and display the over state if they're clicked on?

I appreciate any help. This is one of the last things I need to do to complete the site I'm working on.

bkellum

Apr 17 2008, 03:51 AM

I didn't see your post until today but I think I commented out the same lines to get rid of the plain text subcategory links (I only wanted the Top categories to display horizontally):

CODE

# if a subcategory, just write out the name in HTML text:
// Comment lines below to remove subcategory listings from Top Category Menu
/* else if (isset($cPath_array) && in_array($counter, $cPath_array)) {
 # if subcategory is the one selected, wrap tags round it:
// $categories_string .= '';
 $categories_string .= $tree[$counter]['name'];
// Rollover Image EOF
 $categories_string .= '';
 }
// Rollover Image BOF
# else just write out the name with no bold tags:
else {
 $categories_string .= $tree[$counter]['name'];
}*/
// Comment lines above to remove subcategory listings from Top Category Menu

# if a subcategory, close the subNav span tag:
for ($i=0; $i<$tree[$counter]['level']; $i++) {
 $categories_string .= "";

OSCOMMERCE SUPPORT CALL 702-453-3332