Re: Abbington Mega Template Support Thread
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
Re: Abbington Mega Template Support Thread
Quote:
Originally Posted by
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
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:
Code:
.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
New! Template Package Update with Admin Interface!
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
Re: New! Template Package Update with Admin Interface!
Quote:
Originally Posted by
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
Sound good thank you.
Re: New! Template Package Update with Admin Interface!
Quote:
Originally Posted by
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
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.. :smile:
Re: New! Template Package Update with Admin Interface!
Quote:
Originally Posted by
DivaVocals
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.. :smile:
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
Re: New! Template Package Update with Admin Interface!
Quote:
Originally Posted by
picaflor-azul
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!! :smile:
Re: New! Template Package Update with Admin Interface!
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
Re: New! Template Package Update with Admin Interface!
Quote:
Originally Posted by
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
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
Re: New! Template Package Update with Admin Interface!
Quote:
Originally Posted by
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
