Zen Cart Logo
Forums / All Other Contributions/Addons / Pure CSS Mega Menu

Pure CSS Mega Menu

Views: 71,340

Results 121 to 140 of 357
16 Apr 2013, 2:41 AM
#121
johnnyscience avatar

johnnyscience

Zen Follower

Join Date:
Jan 2013
Posts:
104
Plugin Contributions:
0

Pure CSS Mega Menu

When I said ghost it out I meant "comment out"

I was always just deleting code when I made changes but someone recently in another thread said its better to comment it out than delete it.

But for some reason when I try commenting out the part I have in red it wasn't working. Suggestions?

I know I can move onto other parts, it's really just this menu & the footer pop up menu that I have left to edit really and I can't figure out how to remove links from either for some reason.

16 Apr 2013, 3:50 AM
#122
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

JohnnyScience:

When I said ghost it out I meant "comment out"

I was always just deleting code when I made changes but someone recently in another thread said its better to comment it out than delete it.

But for some reason when I try commenting out the part I have in red it wasn't working. Suggestions?

I know I can move onto other parts, it's really just this menu & the footer pop up menu that I have left to edit really and I can't figure out how to remove links from either for some reason.

Thanks for the infor.. it helps if you use more common terms.. ("ghost out" really isn't a common term)

I assume form your previous posts that this is the section you want to comment out (the "General Info").. if you comment out EVERYTHING you have in red, you will remove the top level "Info" menu and ALL of the "Info" menu items below it. Simply put the opening comment <!--** at the beginning of this block and the ending comment **--> at the end of this block

        <div class="col_1">
                    <h3><?php echo TITLE_GENERAL; ?></h3>
                    <ul>
            <li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo BOX_INFORMATION_ABOUT_US; ?></a></li>
                    <?php if (DEFINE_SITE_MAP_STATUS <= 1) { ?>
                    <li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo BOX_INFORMATION_SITE_MAP; ?></a></li>
                    <?php } ?>
                      <?php if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') { ?>
                    <li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo BOX_INFORMATION_GV; ?></a></li>
                    <?php } ?>
                    <?php if (MODULE_ORDER_TOTAL_COUPON_STATUS == 'true') { ?>
                    <li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo BOX_INFORMATION_DISCOUNT_COUPONS; ?></a></li>
                    <?php } ?>
                       <?php if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') { ?>
                    <li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo BOX_INFORMATION_UNSUBSCRIBE; ?></a></li>
                    <?php } ?>
                     </ul>   
                 </div>
16 Apr 2013, 3:57 AM
#123
johnnyscience avatar

johnnyscience

Zen Follower

Join Date:
Jan 2013
Posts:
104
Plugin Contributions:
0

Re: Pure CSS Mega Menu

Actually I just figured it out & edited what I needed, thanks.

ETA - seems we posted at the same time & I did exactly what you suggested. Thanks.

16 Apr 2013, 6:57 AM
#124
johnnyscience avatar

johnnyscience

Zen Follower

Join Date:
Jan 2013
Posts:
104
Plugin Contributions:
0

Re: Pure CSS Mega Menu

Wasn't sure where to post this but it seems I'm missing the define_Conditions.php file? I even re-downloaded the main file & it's not in there?

16 Apr 2013, 7:09 AM
#125
design75 avatar

design75

Totally Zenned

Join Date:
Dec 2009
Location:
Amersfoort, The Netherlands
Posts:
2,862
Plugin Contributions:
5

Re: Pure CSS Mega Menu

JohnnyScience:

Wasn't sure where to post this but it seems I'm missing the define_Conditions.php file? I even re-downloaded the main file & it's not in there?

It should be define_conditions.php (all lowercase letters) , and it sits in "includes\languages\english\html_includes".

This file comes with a standard ZC install.

16 Apr 2013, 7:12 AM
#126
johnnyscience avatar

johnnyscience

Zen Follower

Join Date:
Jan 2013
Posts:
104
Plugin Contributions:
0

Re: Pure CSS Mega Menu

"includes\languages\english\html_includes\ has a yorkshire_clean folder & a define_about_us.php file in it. No conditions? It's a new file I just downloaded from the website.

16 Apr 2013, 8:39 AM
#127
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

JohnnyScience:

Wasn't sure where to post this but it seems I'm missing the define_Conditions.php file? I even re-downloaded the main file & it's not in there?

Not the place to post this as it's got nothing to do with the menu.. but if it's not in your template's folder, then simply copy it over from the default_template..

16 Apr 2013, 5:43 PM
#128
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Pure CSS Mega Menu

JohnnyScience:

"includes\languages\english\html_includes\ has a yorkshire_clean folder & a define_about_us.php file in it. No conditions? It's a new file I just downloaded from the website.

Unless the file was changed for the template package, you will not find it in the override directory. The define_conditions.php file is not in the template package.

Thanks,

Anne

16 Apr 2013, 6:18 PM
#129
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

JohnnyScience:

Actually I just figured it out & edited what I needed, thanks.

ETA - seems we posted at the same time & I did exactly what you suggested. Thanks.

Somehow I missed this post last night.. :smile: You're welcome.. Glad it worked out for you..

17 Apr 2013, 9:19 PM
#130
skullman avatar

skullman

New Zenner

Join Date:
Nov 2012
Posts:
33
Plugin Contributions:
0

Re: Pure CSS Mega Menu

Thanks for the addon.
How do I remove under the INFO tab the "GENERAL INFO" and leave everything else in?

17 Apr 2013, 10:09 PM
#131
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

Skullman:

Thanks for the addon.
How do I remove under the INFO tab the "GENERAL INFO" and leave everything else in?

Answer posted on the previous page.. (Hint: See my post to JohnnyScience #122)

17 Apr 2013, 11:13 PM
#132
skullman avatar

skullman

New Zenner

Join Date:
Nov 2012
Posts:
33
Plugin Contributions:
0

Re: Pure CSS Mega Menu

HA. Thanks

28 Apr 2013, 6:01 PM
#133
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

DivaVocals:

Well I hate to come back and ask for help on this again, but I and stumped and I need some help resolving this once and for all.. I made the recommended changes to change my categories dropdown into a two column display. This works fine.. The categories are displayed in two columns..

However, when you hover over the column on the left, the column on the right "jumps" over to the left. I've run out of ideas to fix this.. Hoping that someone in the comunnity can help me sort out what it is I am missing to fix this once and for all.. (PRETTY PLEASE)

You can see what I mean here: http://clientlaserdiscvault(dot)overthehillweb(dot)com/ Hover over the "Our Products" link to see the two column category display.. Now hover over the categories in the left column and see how the categories in the right column "jump" to the left..

lat9:

You're losing 35px of right-margin on the hover. At line 80, you've got

.mega-menu .level2 li {
margin-right: 35px;
}

> and the styling on line 75 sets the margin to 0 on hover.  Just set margin: 0 35px 0 0;

> **DivaVocals:**
>
> Lat9!!! My hero!!! THANK YOU SOOOOO MUCH!!!!!:clap: I have been staring at this so long that it looks like I missed the obvious.. Though I didn't know what the answer was, my gut told me it was in my stylesheet and not in the categories_ul_generator.php (as it had been suggested me was the key to the solution).. So glad I decided to try one more time to ask for help.. :laugh:

Okay so I have one more teensy thing to work out here..

The manufacturers links are shifting/re-ordering themselves when you hover over the links. See http://laserdiscvault(dot)com. The manufacturers menu is the one called "Collections". It's driving me crazy to make this behavior stop..
29 Apr 2013, 3:03 PM
#134
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Pure CSS Mega Menu

So far I have gotten that the li elements on hover are taking all and possibly more of their available half-box width, which is the proximate cause of the jumpiness. There are so many rules that involve li and hover selectors that I haven't found a more precise cause yet. I really need to have a printout so I can cross-reference and highlight rules easier...

29 Apr 2013, 3:44 PM
#135
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Pure CSS Mega Menu

DivaVocals:

Okay so I have one more teensy thing to work out here..

The manufacturers links are shifting/re-ordering themselves when you hover over the links. See http://laserdiscvault(dot)com. The manufacturers menu is the one called "Collections". It's driving me crazy to make this behavior stop..

If you want to take a look and compare stylesheets, I recently made this manufacturers drop down into 6 columns ---shop by size/type:

https://www.aussiesapphire.com.au/

Thanks,

Anne

29 Apr 2013, 5:09 PM
#136
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

gjh42:

So far I have gotten that the li elements on hover are taking all and possibly more of their available half-box width, which is the proximate cause of the jumpiness. There are so many rules that involve li and hover selectors that I haven't found a more precise cause yet. I really need to have a printout so I can cross-reference and highlight rules easier...Yep.. that's what I have figured out thus far too.. I just am not seeing CLEARLY why the manufacturers are misbehaving while the two column products are just fine.. grrrrrrrr...

picaflor-azul:

If you want to take a look and compare stylesheets, I recently made this manufacturers drop down into 6 columns ---shop by size/type:

https://www.aussiesapphire.com.au/

Thanks,

AnneI will take a look, but since they do not have products let alone multi-column products I am not confident this will fully help... But I will take a looksee.. Very frustrating.. I fix one issue and uncover/create another one..

29 Apr 2013, 5:26 PM
#137
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: Pure CSS Mega Menu

DivaVocals:

Okay so I have one more teensy thing to work out here..

The manufacturers links are shifting/re-ordering themselves when you hover over the links. See http://laserdiscvault(dot)com. The manufacturers menu is the one called "Collections". It's driving me crazy to make this behavior stop..

Hmmm ... the Collections item is defined with class dropdown_2columns but then you only have one <div class="col_2a firstcolumn"> defined within that div. I'm pretty sure that the dropdown_2columns is (er) expecting two col_2x class divs within it.

Update: Try defining it with the col_2 class instead of col_2a; that's what's used on the categories ...

29 Apr 2013, 5:39 PM
#138
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

lat9:

Hmmm ... the Collections item is defined with class dropdown_2columns but then you only have one <div class="col_2a firstcolumn"> defined within that div. I'm pretty sure that the dropdown_2columns is (er) expecting two col_2x class divs within it.

Update: Try defining it with the col_2 class instead of col_2a; that's what's used on the categories ...
Shoot forgot about that.. let me look when I get home form work tonight.. I added that stupid col_2a because I thought it would solve the other problem I was having with the categories.. Forgot it was still there..

29 Apr 2013, 7:31 PM
#139
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: Pure CSS Mega Menu

Changing the col_2a to col_2 fixes some, but not all of the 'jumps'. Somewhere in the stylesheet, there's a margin-right: 35px that's being added to the col_2 li's on hover.

29 Apr 2013, 8:07 PM
#140
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Pure CSS Mega Menu

lat9:

Changing the col_2a to col_2 fixes some, but not all of the 'jumps'. Somewhere in the stylesheet, there's a margin-right: 35px that's being added to the col_2 li's on hover.

Ahhhh.. okay.. let me go correct this all when I get home.. I think my earlier efforts to resolve one issue and the susequent fix, might have unveiled this issue..