Abbington Mega Template [Support Thread]

[chadderuski]

How to Style the Drop Menus...

Hi Anne,

I was hoping you could provide a little insight into stylizing the drop menus. I kind of like a roll over (hover) box effect. Something like what I did here:

http://royalindustriesinc.com/

But adjusted to fit in with my clients color scheme.

The mega-menu is really nice, but a bit more complex to style than what I used at Royal's website which all I had to do was style the #div hover:li {}.

Also, is it possible to target one drop menu only? I think it is from what I understand of CSS class specifiers, but I'm really a CSS NOOB ;p

-chadd

[picaflor-azul]

How to Style the Drop Menus...

Hi Anne,

I was hoping you could provide a little insight into stylizing the drop menus. I kind of like a roll over (hover) box effect. Something like what I did here:

http://royalindustriesinc.com/

But adjusted to fit in with my clients color scheme.

The mega-menu is really nice, but a bit more complex to style than what I used at Royal's website which all I had to do was style the #div hover:li {}.

Also, is it possible to target one drop menu only? I think it is from what I understand of CSS class specifiers, but I'm really a CSS NOOB ;p

-chadd

You can definitely isolate just one of the drop downs by either using the css classes that are already there, or you can edit the includes/templates/abbington_mega/common/tpl_mega_menu.php file and adding your new classes.

If you want to add an on hover background color to the links you can add something like this:

.mega-menu .levels li a:hover, .mega-menu .levels li li a:hover, .mega-menu .levels li li li a:hover{background:#your background color;}

Thanks,

Anne

[picaflor-azul]

Hello :-) I just submitted an update to the template package. Major updates include:

• Admin interface for customizing the slide show, mega menu, and footer.

• Easily add your slide show images, social media icons, header about us image, and header and footer payment images, urls, etc. via the zen cart admin banner manager. All of the banner manager functionality including opening the link in a new window, showing on ssl pages, etc. is now available for these images. Also, get all of the banner reporting functionality.

• Enable or disable the slide show from the zen cart admin, set the effect for slide or fade, and set the play and pause speed.

• Enable or disable the header mega menu from the admin and hide any of the drop downs.

• Enable or disable the footer telephone number from the admin. If enabled you can customize the telephone number from the admin.

02/16/2013-----Cleaned up all stylesheets in the includes/tmeplates/abbington_mega/css directory
02/16/2013-----Removed includes/templates/abbington_mega/templates/tpl_modules_attributes.php
02/16/2013-----Added jquery fade effect to the tabbed home page center box modules
02/16/2013-----Moved slider images, mega menu about us image, mega menu payments image, footer payments image, and footer social media images from includes/templates/abbington_mega/images to images/banners
02/16/2013-----Changed files for new admin interface--includes/templates/abbington_mega/common/tpl_home_slider.php, includes/templates/abbington_mega/common/tpl_header.php, includes/templates/abbington_mega/common/tpl_mega_menu.php, includes/templates/abbington_mega/common/tpl_footer_menu.php, includes/languages/english/extra_definitions/abbington_mega/footer_menu_defines.php
02/16/2013-----Added YOUR_ADMIN/includes/extra_datafiles/abbington_mega.php
02/16/2013-----Updated includes/templates/abbington_mega/common/tpl_header.php and includes/languages/english/abbington_mega/header.php to include multi-language functionality for "item(s)" text
02/16/2013-----Updated abbington_mega_patch.sql file

I'll post when the updated package is available for download from the plugins section.

Thanks,

Anne

[countrycharm]

Hello :-) I just submitted an update to the template package. Major updates include:

• Admin interface for customizing the slide show, mega menu, and footer.

• Easily add your slide show images, social media icons, header about us image, and header and footer payment images, urls, etc. via the zen cart admin banner manager. All of the banner manager functionality including opening the link in a new window, showing on ssl pages, etc. is now available for these images. Also, get all of the banner reporting functionality.

• Enable or disable the slide show from the zen cart admin, set the effect for slide or fade, and set the play and pause speed.

• Enable or disable the header mega menu from the admin and hide any of the drop downs.

• Enable or disable the footer telephone number from the admin. If enabled you can customize the telephone number from the admin.

02/16/2013-----Cleaned up all stylesheets in the includes/tmeplates/abbington_mega/css directory
02/16/2013-----Removed includes/templates/abbington_mega/templates/tpl_modules_attributes.php
02/16/2013-----Added jquery fade effect to the tabbed home page center box modules
02/16/2013-----Moved slider images, mega menu about us image, mega menu payments image, footer payments image, and footer social media images from includes/templates/abbington_mega/images to images/banners
02/16/2013-----Changed files for new admin interface--includes/templates/abbington_mega/common/tpl_home_slider.php, includes/templates/abbington_mega/common/tpl_header.php, includes/templates/abbington_mega/common/tpl_mega_menu.php, includes/templates/abbington_mega/common/tpl_footer_menu.php, includes/languages/english/extra_definitions/abbington_mega/footer_menu_defines.php
02/16/2013-----Added YOUR_ADMIN/includes/extra_datafiles/abbington_mega.php
02/16/2013-----Updated includes/templates/abbington_mega/common/tpl_header.php and includes/languages/english/abbington_mega/header.php to include multi-language functionality for "item(s)" text
02/16/2013-----Updated abbington_mega_patch.sql file

I'll post when the updated package is available for download from the plugins section.

Thanks,

Anne

Sound good thank you.

[DivaVocals]

Hello :-) I just submitted an update to the template package. Major updates include:

• Admin interface for customizing the slide show, mega menu, and footer.

• Easily add your slide show images, social media icons, header about us image, and header and footer payment images, urls, etc. via the zen cart admin banner manager. All of the banner manager functionality including opening the link in a new window, showing on ssl pages, etc. is now available for these images. Also, get all of the banner reporting functionality.

• Enable or disable the slide show from the zen cart admin, set the effect for slide or fade, and set the play and pause speed.

• Enable or disable the header mega menu from the admin and hide any of the drop downs.

• Enable or disable the footer telephone number from the admin. If enabled you can customize the telephone number from the admin.

02/16/2013-----Cleaned up all stylesheets in the includes/tmeplates/abbington_mega/css directory
02/16/2013-----Removed includes/templates/abbington_mega/templates/tpl_modules_attributes.php
02/16/2013-----Added jquery fade effect to the tabbed home page center box modules
02/16/2013-----Moved slider images, mega menu about us image, mega menu payments image, footer payments image, and footer social media images from includes/templates/abbington_mega/images to images/banners
02/16/2013-----Changed files for new admin interface--includes/templates/abbington_mega/common/tpl_home_slider.php, includes/templates/abbington_mega/common/tpl_header.php, includes/templates/abbington_mega/common/tpl_mega_menu.php, includes/templates/abbington_mega/common/tpl_footer_menu.php, includes/languages/english/extra_definitions/abbington_mega/footer_menu_defines.php
02/16/2013-----Added YOUR_ADMIN/includes/extra_datafiles/abbington_mega.php
02/16/2013-----Updated includes/templates/abbington_mega/common/tpl_header.php and includes/languages/english/abbington_mega/header.php to include multi-language functionality for "item(s)" text
02/16/2013-----Updated abbington_mega_patch.sql file

I'll post when the updated package is available for download from the plugins section.

Thanks,

Anne

Does the template include instructions for upgrading for those of us who are using older versions of this template and would like to upgrade to take advantage of the new admin management features.. Not a big deal.. It would just help light the way to an upgrade..

[picaflor-azul]

Does the template include instructions for upgrading for those of us who are using older versions of this template and would like to upgrade to take advantage of the new admin management features.. Not a big deal.. It would just help light the way to an upgrade..

There is a list of changed, added, and deleted files in the new readme.html file. You would also need to run the part of the new sql patch pertaining to the admin interface settings.

Thanks,

Anne

[DivaVocals]

There is a list of changed, added, and deleted files in the new readme.html file. You would also need to run the part of the new sql patch pertaining to the admin interface settings.

Thanks,

Anne

Awesome!!

[chadderuski]

Hi Anne,

I have NOT moved to your 2.0 version yet. Missed it by DAYS :[

I was wondering what is needed to add a Google +1 to the social media area.

Your 2.0 version looks really awesome!

-chadd

[picaflor-azul]

Hi Anne,

I have NOT moved to your 2.0 version yet. Missed it by DAYS :[

I was wondering what is needed to add a Google +1 to the social media area.

Your 2.0 version looks really awesome!

-chadd

Thanks! I hope that it will make using the templates easier. If it is well received I will update all of the templates to include the admin controls.

You can install the google plus one module from the plugins section and just position it so that it lines up with the addthis that is already included in the template package for the product info page.

Thanks,

Anne

[picaflor-azul]

Hello :-) I just submitted an update to the template package. Major updates include:

• Admin interface for customizing the slide show, mega menu, and footer.

• Easily add your slide show images, social media icons, header about us image, and header and footer payment images, urls, etc. via the zen cart admin banner manager. All of the banner manager functionality including opening the link in a new window, showing on ssl pages, etc. is now available for these images. Also, get all of the banner reporting functionality.

• Enable or disable the slide show from the zen cart admin, set the effect for slide or fade, and set the play and pause speed.

• Enable or disable the header mega menu from the admin and hide any of the drop downs.

• Enable or disable the footer telephone number from the admin. If enabled you can customize the telephone number from the admin.

02/16/2013-----Cleaned up all stylesheets in the includes/tmeplates/abbington_mega/css directory
02/16/2013-----Removed includes/templates/abbington_mega/templates/tpl_modules_attributes.php
02/16/2013-----Added jquery fade effect to the tabbed home page center box modules
02/16/2013-----Moved slider images, mega menu about us image, mega menu payments image, footer payments image, and footer social media images from includes/templates/abbington_mega/images to images/banners
02/16/2013-----Changed files for new admin interface--includes/templates/abbington_mega/common/tpl_home_slider.php, includes/templates/abbington_mega/common/tpl_header.php, includes/templates/abbington_mega/common/tpl_mega_menu.php, includes/templates/abbington_mega/common/tpl_footer_menu.php, includes/languages/english/extra_definitions/abbington_mega/footer_menu_defines.php
02/16/2013-----Added YOUR_ADMIN/includes/extra_datafiles/abbington_mega.php
02/16/2013-----Updated includes/templates/abbington_mega/common/tpl_header.php and includes/languages/english/abbington_mega/header.php to include multi-language functionality for "item(s)" text
02/16/2013-----Updated abbington_mega_patch.sql file

I'll post when the updated package is available for download from the plugins section.

Thanks,

Anne

Ok, the new updated package is now available in the Plugins section:

http://www.zen-cart.com/downloads.php?do=file&id=1397


Please note that there has been a bug fix to the sql file so if you have downloaded the update from my site within the last few days, please re-download the fixed package.

Thanks,

Anne