CSS Dropdown menu for the header- With Categories!

billybonds:

Hi jettrue

Thanks for getting back to me. I'm re-installing the site and have reached the dropdown menu stage, again with the same problem in ie6.

So the url is http://www.africanart&masks.com

One thing I'm not sure of is where you mention the .htaccess file. I have includes/.htaccess but do NOT have root/.htaccess.

I'm not sure that this would be the problem anyway since my understanding is that the modifications are to do with using and not using www. in the url.

(It also wraps now in ie6 using version 1.3, which it did not in version 1.2)

Thanks for your help,

Jim.
This file:

http://www.africanartandmasks.com/includes/csshover.htc

is not online on your site. Make sure it is uploaded. Also, it should be root/.htaccess.

HomsteadMom:

I'm using your drop menu and love it. :smile: But I need a little help...
I've installed a wordpress blog and the integration mod for it. That was a pain :frusty: but finaly got it. But I'd really like to have the blog accessible from the drop menu not the side boxes. However I have no idea how to set that up....If someone could point me in the right direction I'd appreciate it!!

Thanks,

Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php, and put the link inside one of the sections, probably best in the "information" drop down, just add your link after one of the drop down links, like this:

Hi jettrue Once again thanks for taking the time to help others out. I don't know why csshover.htc was not there... anyway I've put it there and still no joy with ie6. As for the .htaccess - where should that file come from? If I use the one from includes then I get a 'Error 403 - forbidden' and cannot access the site. btw... just to be sure that I am clear - the root/.htaccess - is 'root' the folder that I uploaded the Zen Cart files to originally? Jim.

Thanks it worked well :smile:. But what I'm really trying to do is have it in a separate menu not inside one of the others. Such after the shopping cart tab. I've been playing with it but can't get it right yet....:wacko:

I found this site in the wordpress thread.

http://www.mummycare.com.my/shop/

Some how they have got the blog link in the drop menu the same way I want it. I've tried to do this but can't get it in the right place. I know it can't be THAT hard lol but I keep getting it inside or under the other sections... :frusty:

Firefox error using this dropdown menu

It works fine for me in other browsers, but in firefox i get this:

http://www.zen-cart.com/forum/showthread.php?p=444479#post444479

Any ideas?

Many Thanks

Samantha Andrews

:huh:I have the same problem in firefox: the head is separated from the body. I'm not sure it's because of applying the CSS dropdown menu or not (I installed yesterday), since I did not use firefox for a while during site modification. Any help will be appreciated.

Here is my site: http://www.bioland-sci.com

Driving me nuts!
Nothing I try will get Firefox to work it!

argh!!

billybonds:

Hi jettrue Once again thanks for taking the time to help others out. I don't know why csshover.htc was not there... anyway I've put it there and still no joy with ie6. As for the .htaccess - where should that file come from? If I use the one from includes then I get a 'Error 403 - forbidden' and cannot access the site. btw... just to be sure that I am clear - the root/.htaccess - is 'root' the folder that I uploaded the Zen Cart files to originally? Jim.

In the download for this template, there is the "additions_to_.htaccess" file. You simply add that to the folder that contains all of the zen cart files... so the .htaccess would be right before the admin folder. The .htaccess doesn't come from anywhere, if it doesn't exist in the root of your cart, simply create it in notepad, save it as .htaccess, and upload it.

Does the dropdown work at your site without the www? If so, the .htaccess changes will fix that issue. Do you want your site to have the www when people visit it, or not?

HomsteadMom:

Thanks it worked well :smile:. But what I'm really trying to do is have it in a separate menu not inside one of the others. Such after the shopping cart tab. I've been playing with it but can't get it right yet....:wacko:

Just a single item, right, not a drop down list? Add the same thing,

<li><a href="link_here.htm">Name of Link Here</a></li>

Just add it after this:

            <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
            <li class="submenu"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
              <ul class="level2">
                <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
              </ul>
            </li>
            <?php } else { ?>
            <li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
            <?php } ?>

davidandrews:

Firefox error using this dropdown menu

It works fine for me in other browsers, but in firefox i get this:

http://www.zen-cart.com/forum/showthread.php?p=444479#post444479

Any ideas?

Many Thanks

Samantha Andrews

A link to the site would be extremely helpful... the picture doesn't cut it. Also, it may be an issue with your template, this doesn't occur in my test site in Firefox.

biojohn:

:huh:I have the same problem in firefox: the head is separated from the body. I'm not sure it's because of applying the CSS dropdown menu or not (I installed yesterday), since I did not use firefox for a while during site modification. Any help will be appreciated.

Here is my site: http://www.bioland-sci.com

Simply add this after the menu code:

jettrue:

Just a single item, right, not a drop down list? Add the same thing,

[/code]

Thanks that got it in. :smile: Only one problem it's showing up under the Home tab. :huh: You can see here:

www.homestead-acres.com

Does the space in the drop menu need to be increased? If you can help me get it up with the others I'd appreciate it.
Thanks!

Never mind, I found the adjustment in the CSS file.
Thank you for all your help!

:smile:

Thank you Jade. Problem solved. I added it to the end of tpl_drop_menu.php under /CUSTOM/common dir.

Thanks ! That sort of sorted it out for me!!!

CAn't say THANKYOU enough!!

:-)

davidandrews:

Thanks ! That sort of sorted it out for me!!!

CAn't say THANKYOU enough!!

:-)

Good! If now you have a space you want to get rid of, in your css, change the default .clearBoth to this:

.clearBoth {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
}

Thanks jettrue

Yes, having looked the menu does work in ie6 when the address does not include 'www.'

And yes I would like it to use the www.

I made the .htaccess file using the additions as follows:

## Add these to your .htaccess file so that only one way to your site exists, either http://yoursite.com and http://www.yoursite.com ... the following adds the www if it's missing:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^africanartandmasks.com$ [NC]
RewriteRule ^(.*)$ http://www.africanartandmasks.com/$1 [R=301,L]

## If you'd like your site to go to http://mysite.com instead of http://www.mysite.com, add these changes instead:

##RewriteEngine On
##RewriteCond %{HTTP_HOST} ^www.yoursite.com$ [NC]
##RewriteRule ^(.*)$ http://yoursite.com/$1 [R=301,L]

## the following makes sure the correct mime type is sent for the .htc file
AddType text/x-component .htc
```So now when you type africanartandmasks.com the www. is added. However with this addition the menu does not work.

I changed it to 

Add these to your .htaccess file so that only one way to your site exists, either http://yoursite.com and http://www.yoursite.com ... the following adds the www if it's missing:

##RewriteEngine On
##RewriteCond %{HTTP_HOST} ^africanartandmasks.com$ [NC]
##RewriteRule ^(.*)$ http://www.africanartandmasks.com/$1 [R=301,L]

If you'd like your site to go to http://mysite.com instead of http://www.mysite.com, add these changes instead:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.africanartandmasks.com$ [NC]
RewriteRule ^(.*)$ http://africanartandmasks.com/$1 [R=301,L]

the following makes sure the correct mime type is sent for the .htc file

AddType text/x-component .htc

billybonds:

Thanks jettrue

Yes, having looked the menu does work in ie6 when the address does not include 'www.'

And yes I would like it to use the www.

I made the .htaccess file using the additions as follows:

Add these to your .htaccess file so that only one way to your site exists, either http://yoursite.com and http://www.yoursite.com ... the following adds the www if it's missing:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^africanartandmasks.com$ [NC]
RewriteRule ^(.*)$ http://www.africanartandmasks.com/$1 [R=301,L]

If you'd like your site to go to http://mysite.com instead of http://www.mysite.com, add these changes instead:

##RewriteEngine On
##RewriteCond %{HTTP_HOST} ^www.yoursite.com$ [NC]
##RewriteRule ^(.*)$ http://yoursite.com/$1 [R=301,L]

the following makes sure the correct mime type is sent for the .htc file

AddType text/x-component .htc

> 
> I changed it to 
> 
> ```
## Add these to your .htaccess file so that only one way to your site exists, either http://yoursite.com and http://www.yoursite.com ... the following adds the www if it's missing:

##RewriteEngine On
##RewriteCond %{HTTP_HOST} ^africanartandmasks.com$ [NC]
##RewriteRule ^(.*)$ http://www.africanartandmasks.com/$1 [R=301,L]

## If you'd like your site to go to http://mysite.com instead of http://www.mysite.com, add these changes instead:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.africanartandmasks.com$ [NC]
RewriteRule ^(.*)$ http://africanartandmasks.com/$1 [R=301,L]

## the following makes sure the correct mime type is sent for the .htc file
AddType text/x-component .htc
```And all appears to be working (except now the www. is stopped but I can live with that!). I am very grateful for your help, thanks.

Probably in your zen cart configure.php files, you have <http://africanartandmasks.com> instead of <http://www.africanartandmasks.com>. Fix that, then you can use the other .htaccess sample.

Thanks jettrue.