Mobile Drop Down on minimized Desktop
Hello,
My apologies if this has been asked, is easy, or isn't applicable to the theme.
What is the best way to create the mobile drop down menu on a minimized browser on a desktop.
Essentially, I am seeking to put the "categories" header menu items into the black drop down button
at 600px, for example.
Thanks in advance to Anne and the great community.
Re: Mobile Drop Down on minimized Desktop
Quote:
Originally Posted by
Daba_do
Hello,
My apologies if this has been asked, is easy, or isn't applicable to the theme.
What is the best way to create the mobile drop down menu on a minimized browser on a desktop.
Essentially, I am seeking to put the "categories" header menu items into the black drop down button
at 600px, for example.
Thanks in advance to Anne and the great community.
I would recommend looking at the jquery slimmenu documentation for instructions.
Thanks,
Anne
Re: Mobile Drop Down on minimized Desktop
Thanks for the reply Anne.
I am working on finding the area where slimmenu is initialized.
(I have found its js file, of course)
But if you could help find where it is called on,
that would be a great help.
Thanks.
Re: Mobile Drop Down on minimized Desktop
Anne,
I have found that my template simply doesn't work like the Demo Does.
For some reason or another the slimmenu doesn't activate on the desktop.
(this is on two different sites)
Btw, I am using v1.5.4.
Re: Mobile Drop Down on minimized Desktop
Anne / Community,
I'm sorry, I made a mess of my template running around like the Tasmanian Devil
trying to get things accomplished. I am seeing the error of my ways.
My apologies for coming to the boards too soon.
Re: Mobile Drop Down on minimized Desktop
So I figured out what was happening.
If anyone can show me a way to correct this,
It would be a great help for learning and implementing the scripts in question.
The slimMenu was breaking when I added age verification scripts to:
includes/templates/westminster_new/common/html_header
These scripts specifically:
<link href="includes/templates/westminster_new/css/age-verification.css" rel="stylesheet">
<script src="includes/templates/westminster_new/jscript/jquery-1.11.1.min.js"></script>
<script src="includes/templates/westminster_new/jscript/age-verification.js"></script>
<script src="includes/templates/westminster_new/jscript/jquery.cookie.min.js"></script>
Thanks
Re: Mobile Drop Down on minimized Desktop
Quote:
Originally Posted by
Daba_do
So I figured out what was happening.
If anyone can show me a way to correct this,
It would be a great help for learning and implementing the scripts in question.
The slimMenu was breaking when I added age verification scripts to:
includes/templates/westminster_new/common/html_header
These scripts specifically:
<link href="includes/templates/westminster_new/css/age-verification.css" rel="stylesheet">
<script src="includes/templates/westminster_new/jscript/jquery-1.11.1.min.js"></script>
<script src="includes/templates/westminster_new/jscript/age-verification.js"></script>
<script src="includes/templates/westminster_new/jscript/jquery.cookie.min.js"></script>
Thanks
Yeah.. well it seemed clear that the issue was related to OTHER changes you might have made.. Helping you with sorting it out may not necessarily be appropriate to hash out here in the template support thread.. (because your issues are not specifically related to to THIS template persay) That said, it's hard to help you in a vaccum.. Need to SEE a link to the site..
May I suggest you start a NEW thread with a link to the site in question.. Also you might want to get in the habit of posting code using the forum code tags so the forum software doesn't accidentally parse your code.
Code:
<link href="includes/templates/westminster_new/css/age-verification.css" rel="stylesheet">
<script src="includes/templates/westminster_new/jscript/jquery-1.11.1.min.js"></script>
<script src="includes/templates/westminster_new/jscript/age-verification.js"></script>
<script src="includes/templates/westminster_new/jscript/jquery.cookie.min.js"></script>
Re: Mobile Drop Down on minimized Desktop
Quote:
Originally Posted by
Daba_do
So I figured out what was happening.
If anyone can show me a way to correct this,
It would be a great help for learning and implementing the scripts in question.
The slimMenu was breaking when I added age verification scripts to:
includes/templates/westminster_new/common/html_header
These scripts specifically:
<link href="includes/templates/westminster_new/css/age-verification.css" rel="stylesheet">
<script src="includes/templates/westminster_new/jscript/jquery-1.11.1.min.js"></script>
<script src="includes/templates/westminster_new/jscript/age-verification.js"></script>
<script src="includes/templates/westminster_new/jscript/jquery.cookie.min.js"></script>
Thanks
I am happy that you figured it out ;)
If you look in the zen cart wiki you will find a detailed article about how to implement javascript in zen cart.
Thanks,
Anne
Re: Mobile Drop Down on minimized Desktop
@DivaVocals
Apologetically, what was clear to you wasn't clear to me.
Also, I suppose I could start a new thread but I thought
those most familiar with it would be best suited to ask.
I'm assuming your proficiency at JS factors into
a comment rather than a solution.
When I figure this out, I will post the solution so the
Westminster_new community knows best how to handle
JS age verification files in the future.
I'm new here and just trying to make this all work.
Again, my sincerest apologies for not bothering your
sensibilities.
Re: Mobile Drop Down on minimized Desktop
Quote:
Originally Posted by
Daba_do
@DivaVocals
Apologetically, what was clear to you wasn't clear to me.
Also, I suppose I could start a new thread but I thought
those most familiar with it would be best suited to ask.
Good grief.. I do not for the LIFE of me get why people get so bent out of shape about suggesting they place their posts in a place where they will most likely get help from people who CAN help them which in this case MAY NOT be the support thread for this template..
Quote:
Originally Posted by
Daba_do
I'm assuming your proficiency at JS factors into
a comment rather than a solution.
You may assume ANYTHING you like.. How about this instead.. Perhaps my unwillingness to carry on what is probably an OFF TOPIC line of conversation in the SUPPORT THREAD for this template is the reason for the comment.. OR Perhaps my lack of free time to look at and weigh in on a detailed answer at the time I posted my comment is the reason.. OR...
feel free to continue to assume what you are already assuming..:laugh:
Quote:
Originally Posted by
Daba_do
I'm new here and just trying to make this all work.
Again, my sincerest apologies for not bothering your
sensibilities.
Not for nothing I wasn't "bothered" at all.. I was simply trying to make a suggestion to help you.. but clearly you decided I was doing something else.. so.. carry on..
Quote:
Originally Posted by
Daba_do
When I figure this out, I will post the solution so the
Westminster_new community knows best how to handle
JS age verification files in the future.
Hmmmmm okay.. well you could post it in a new thread as suggested so MORE folks that the Westminster New support thread participants will see your whiz bang solution. Who knows.. Maybe.. JUST MAYBE, the WHOLE Zen Cart community might benefit from the information.. but apparently I'm just bothered, bored, annoyed, can't contribute/help, fill in the blank.. So again.. carry on..
Westminster New Age Verification
Here is a patch to get a simple age-verification working.
Is there a better way, a more correct way, easier way?
If so, please share. ;)
I added the age verification and cookie scripts just before the closing body tag of:
includes/templates/westminster_new/common/tpl_main_page
Inside the age-verification.js file I added location.reload(); after the $(window).off('resize');
(I found out the slimMenu worked after a refresh on accident)
Hope this helps others or inspires others to find/post a better way.
Age Verification JS / Cookie Script
https://github.com/Herudea/age-verification
Re: Westminster New SSL BUG
I have reinstalled my entire site twice now and have discovered that this template has a bug. It causes ssl errors. These are in the shopping cart and every page of our site. When viewing page source there are a lot of http calls hard coded in. I have no idea how to find them all to correct the problem. I have switched the template off and gone back to the ugly default, but really like this template and hope you can correct it. The default template has absolutely no ssl, mixed content alerts, so I know it is in Westminster. :please:
Re: Westminster New SSL BUG
Quote:
Originally Posted by
Zappa Aviaries
I have reinstalled my entire site twice now and have discovered that this template has a bug. It causes ssl errors. These are in the shopping cart and every page of our site. When viewing page source there are a lot of http calls hard coded in. I have no idea how to find them all to correct the problem. I have switched the template off and gone back to the ugly default, but really like this template and hope you can correct it. The default template has absolutely no ssl, mixed content alerts, so I know it is in Westminster. :please:
I can't help you if I can not view your site.
I just did a search of the template files and did not find any http:// hard coded. My guess is that you have added a hard coded image that is not in https://
Thanks,
Anne
Re: Westminster New SSL BUG
I have switched the template back on so you can look at it. https://www.zappasbirds.com
2 Attachment(s)
Re: Westminster New SSL BUG
Here are a couple of screen shots of the page source view.
Attachment 15016
Attachment 15017
As you can see several links with http are the built in links that I had no control over. Any help you can give me would be great.
Re: Westminster New SSL BUG
Quote:
Originally Posted by
Zappa Aviaries
This looks like a problem and it not template related:
<img src='http://www.ebates.com/referral/2012/global_files/images/ebates_logo.png' alt='Ebates Coupons and Cash Back' height='31' width='171' border='0'/></a>
You can also do a developers toolkit search for this:
Code:
<?php HTTP_SERVER . DIR_WS_CATALOG;?>
and find out where it is located in the template files and switch over to the HTTPS_SERVER
Thanks,
Anne
Re: Westminster New SSL BUG
I did that and corrected the ebates thing but still no change. There are still http links to pages that I cannot find as they are in the template. This is one, <li><a href="http://www.zappasbirds.com/index.php?main_page=shopping_cart"><i class="fa fa-shopping-cart" title="Shopping Cart"></i>0 - $0.00</a></li>
Then there are these and this is just on the home page, <li class="minfo-links"><a href="http://www.zappasbirds.com/index.php?main_page=shippinginfo" class="minfo">Information</a>
<ul class="level2">
<li><a href="http://www.zappasbirds.com/index.php?main_page=shippinginfo">Customer Service</a>
<ul>
<li><a href="http://www.zappasbirds.com/index.php?main_page=about_us">About Us</a></li>
<li><a href="https://www.zappasbirds.com/index.php?main_page=login">Log In</a></li>
<li><a href="https://www.zappasbirds.com/index.php?main_page=create_account">Create Account</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=shippinginfo">Shipping & Returns</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=privacy">Privacy Notice</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=conditions">Conditions of Use</a></li>
</ul>
</li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=site_map">General Info</a>
<ul>
<li><a href="http://www.zappasbirds.com/index.php?main_page=site_map">Site Map</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=gv_faq">Gift Certificate FAQ</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=discount_coupon">Discount Coupons</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
</ul>
</li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=site_map">Useful Links</a>
<ul>
Then this one is the link associated with my logo in the header. Which all I did was edit the file with the new logo name and change the sizes. I didn't add the link, the template did.
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://www.zappasbirds.com/"><img src="includes/templates/westminster_new/images/lglogo.jpg" alt="Zappa Aviaries" title=" Zappa Aviaries " width="850" height="175" /></a> </div>
But the http calls go on and on.
Re: Westminster New SSL BUG
Quote:
Originally Posted by
Zappa Aviaries
I did that and corrected the ebates thing but still no change. There are still http links to pages that I cannot find as they are in the template. This is one, <li><a href="http://www.zappasbirds.com/index.php?main_page=shopping_cart"><i class="fa fa-shopping-cart" title="Shopping Cart"></i>0 - $0.00</a></li>
Then there are these and this is just on the home page, <li class="minfo-links"><a href="http://www.zappasbirds.com/index.php?main_page=shippinginfo" class="minfo">Information</a>
<ul class="level2">
<li><a href="http://www.zappasbirds.com/index.php?main_page=shippinginfo">Customer Service</a>
<ul>
<li><a href="http://www.zappasbirds.com/index.php?main_page=about_us">About Us</a></li>
<li><a href="https://www.zappasbirds.com/index.php?main_page=login">Log In</a></li>
<li><a href="https://www.zappasbirds.com/index.php?main_page=create_account">Create Account</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=shippinginfo">Shipping & Returns</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=privacy">Privacy Notice</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=conditions">Conditions of Use</a></li>
</ul>
</li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=site_map">General Info</a>
<ul>
<li><a href="http://www.zappasbirds.com/index.php?main_page=site_map">Site Map</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=gv_faq">Gift Certificate FAQ</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=discount_coupon">Discount Coupons</a></li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
</ul>
</li>
<li><a href="http://www.zappasbirds.com/index.php?main_page=site_map">Useful Links</a>
<ul>
Then this one is the link associated with my logo in the header. Which all I did was edit the file with the new logo name and change the sizes. I didn't add the link, the template did.
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://www.zappasbirds.com/"><img src="includes/templates/westminster_new/images/lglogo.jpg" alt="Zappa Aviaries" title=" Zappa Aviaries " width="850" height="175" /></a> </div>
But the http calls go on and on.
I just checked your home page and there is no ssl problem. It was your hard coded http image that you added and not a template problem.
This is not a problem with the template. If you check the code used to call your logo, for example, against the default code in 1.5.4 template default's header file you will see that they are the same.
template default:
Code:
<div id="logoWrapper">
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
westminster new:
Code:
<div id="logoWrapper">
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
</div>
Thanks,
Anne
Re: Westminster New - move product description tabs below attributes
I'd like to move the product description tabs from the top of the product to below the attribute section.
Re: Westminster New - move product description tabs below attributes
Quote:
Originally Posted by
thomaswhiteeagle
I'd like to move the product description tabs from the top of the product to below the attribute section.
I thought that this template comes with tabs at the bottom by default, as on this demo page
http://zenlyzen.com/zen-cart-respons...ex.php?ifrm=wn
maybe you've changed something during the install, a link to your site might help.
Re: Westminster New - move product description tabs below attributes
Quote:
Originally Posted by
thomaswhiteeagle
I'd like to move the product description tabs from the top of the product to below the attribute section.
Yes, please post a link to your site and I can take a look.
You can move page elements around on the product info page by editing the includes/templates/override/templates/tpl_product_info_display.php file.
Thanks,
Anne
Re: Westminster New - move product description tabs below attributes
Thanks for this nice template, Anne!!
Anyone else have a problem when on Android on a phone and the category menu is so long drops below the bottom of the screen it won't let you scroll down the menu to get to the parts below the screen? It keeps closing the menu when I try to scroll down.
Re: Westminster New - move product description tabs below attributes
Quote:
Originally Posted by
lankeeyankee
Thanks for this nice template, Anne!!
Anyone else have a problem when on Android on a phone and the category menu is so long drops below the bottom of the screen it won't let you scroll down the menu to get to the parts below the screen? It keeps closing the menu when I try to scroll down.
If you read this thread you will see the fix posted for this.
Thanks,
Anne