Ive downloaded and installed this most recent version dated 12/17/20

running 1/5/7b and php7.3

Love the template, easily customizable.

I have a lengthy list of Categories and EZ Pages. Is it possible in the mobile version for either list to scroll?

PROBLEM: if I have more than 20 links in either list, it is not possible to view the entirety of either list.

Suggestions?

I added the following to stylesheet.css to allow the hamburger menu to scroll.

div#navbarSupportedContent {
	max-height:300px;
	overflow-y:auto;
}

dennisns7d:

I added the following to stylesheet.css to allow the hamburger menu to scroll.

div#navbarSupportedContent {
max-height:300px;
overflow-y:auto;
}

A simple thing of beauty that is EXACTLY what I needed!
Thank You!

Im trying to Center the EZ header bars contents. The links currently show up aligned left.

I added this to the stylesheet on ZCA4, but no effect.... thoughts?

  /* header ezpage bar */
        div#ezpagesBarHeader {
            text-align:center;
        }
#ezpagesBarHeader {
    background-color: <?php echo ZCA_HEADER_EZPAGE_BACKGROUND_COLOR; ?>;
    }
#ezpagesBarHeader a.nav-link  {
    color: <?php echo ZCA_HEADER_EZPAGE_LINK_COLOR; ?>;
    }
#ezpagesBarHeader a.nav-link:hover  {
    color: <?php echo ZCA_HEADER_EZPAGE_LINK_COLOR_HOVER; ?>;
    }

Is the header currently turned on or on a different site from your sig? Would help to see.

I do see that your site comes up insecure from your sig. That tells me there's no 301 redirect to send all to HTTPS.

It also results in your sign-in possibly being sent insecure.

Your SSL states www. So, you might want to add the following to the root .htaccess```

Needed before any rewritingRewriteEngine On

Built using the .htaccess 301 Redirect Generator from Web Site Advantage

https://websiteadvantage.com.au/HtAccess-301-Redirect-Generator

Place after 'RewriteEngine On' and before any CMS specific rewrite rules

Redirect HTTP with www to HTTPS with www

RewriteCond %{HTTPS} off
RewriteCond %{HTTP_HOST} ^www. [NC]
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

Redirect HTTP without www to HTTPS with www

RewriteCond %{HTTPS} off
RewriteCond %{HTTP_HOST} !^www. [NC]
RewriteRule .* https://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

Redirect HTTPS without www to HTTPS with www

RewriteCond %{HTTPS} on
RewriteCond %{HTTP_HOST} !^www. [NC]
RewriteRule .* https://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

301 Redirects

Carbonless:

Im trying to Center the EZ header bars contents. The links currently show up aligned left.

I added this to the stylesheet on ZCA4, but no effect.... thoughts?

/* header ezpage bar */
div#ezpagesBarHeader {
text-align:center;
}
#ezpagesBarHeader {
background-color: <?php echo ZCA_HEADER_EZPAGE_BACKGROUND_COLOR; ?>;
}
#ezpagesBarHeader a.nav-link {
color: <?php echo ZCA_HEADER_EZPAGE_LINK_COLOR; ?>;
}
#ezpagesBarHeader a.nav-link:hover {
color: <?php echo ZCA_HEADER_EZPAGE_LINK_COLOR_HOVER; ?>;
}

To get those centered, you'll need to edit your bootstrap clone's /templates/tpl_ezpages_bar_header.php, adding another class to the 'nav-pills' list:

?>

dbltoe:

Is the header currently turned on or on a different site from your sig? Would help to see.

its a client site www.psdinnersready.com

lat9:

To get those centered, you'll need to edit your bootstrap clone's /templates/tpl_ezpages_bar_header.php, adding another class to the 'nav-pills' list:

?>

PERFECT! I appreciate the quick response and that worked beautifully!

Carbonless:

PERFECT! I appreciate the quick response and that worked beautifully!
That's the beauty of using a standards-based template!
There's documentation that identifies the various Bootstrap 4 styles (https://hackerthemes.com/bootstrap-cheatsheet/)
and there's also documentation (https://www.w3schools.com/bootstrap4/default.asp) that includes some "Try It" links
and the official Bootstrap docs (https://getbootstrap.com/docs/4.5/components/alerts/).

dennisns7d:

I added the following to stylesheet.css to allow the hamburger menu to scroll.

div#navbarSupportedContent {
max-height:300px;
overflow-y:auto;
}

> **Carbonless:**
>
> A simple thing of beauty that is EXACTLY what I needed!
> Thank You!
FYI as pointed out elsewhere by dennisns7d there may be issues for landscape.
Changing max-height to 90vh helps the "one" change work better for both portrait and landscape: See: <https://github.com/lat9/ZCA-Bootstrap-Template/pull/15/files>

After updating to 1.5.7 and Bootstrap 4.3.1, I noticed that the checkboxes and radio buttons were doubled - see image below.

To disable this behavior I added

.custom-control-label::before {
display: none;
}

to my stylesheet.

swguy:

After updating to 1.5.7 and Bootstrap 4.3.1, I noticed that the checkboxes and radio buttons were doubled - see image below.

To disable this behavior I added

.custom-control-label::before {
display: none;
}

to my stylesheet.
Er, the current Bootstrap template version is 3.0.0 (with 3.1.0 currently in development).

lat9:

Er, the current Bootstrap template version is 3.0.0 (with 3.1.0 currently in development).
Did you mean, perhaps, that you're using the Bootstrap template with Bootstrap v4.3.1? I'll note that the Bootstrap v3.0.0+ was designed using Bootstrap v4.3.5 as its base.

Yes - Bootstrap template with Bootstrap 4.3.1.

This issue appears to be fixed in the new Bootstrap template (v3) - I was based off V2.

lat9:

Did you mean, perhaps, that you're using the Bootstrap template with Bootstrap v4.3.1? I'll note that the Bootstrap v3.0.0+ was designed using Bootstrap v4.3.5 as its base.

Your V3 template was designed using Bootstrap 4.5.3 as a base; there is no 4.3.5.

swguy:

Your V3 template was designed using Bootstrap 4.5.3 as a base; there is no 4.3.5.
Ah, numeric dyslexia!

The whole thing was quite confusing! But the good news is, your improvements solve this problem, so I'll get cracking on upgrading my template right away. Thanks for your hard work on making this great template even better.

In includes/modules/bootstrap/centerboxes/also_purchased_products.php

if $productsInCategory is not set, a PHP notice is issued. Easily fixed by adding

if (!isset($productsInCategory)) $productsInCategory = array();

around line 15.

I'm working on adding responsive multilevel dropdown menus on the navigation bar to the ZCA Bootstrap template. I've added a dropdown button to the bar that when clicked, opens the first level dropdown. An item in this dropdown opens up a second level dropdown, but an item in the second dropdown will not open to the third level. The html follows the pattern for multilevel dropdown menu examples I can find for bootstrap 4. I'm a Bootstrap novice and would appreciate any suggestions. A sample of the relevant code follows.

<!--bof-navigation display-->
	   <div id="navMainWrapper">
	      <div id="navMain">
		 <nav class="navbar fixed-top mx-3 navbar-expand-lg rounded-bottom">
	            <div class="collapse navbar-collapse" id="navbarSupportedContent">
		       <ul class="navbar-nav ml-auto">
			  <li class="nav-item dropdown">
			     <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Button</a>
			     <ul class="dropdown-menu">
				 <li>
				    <a class="dropdown-item" href="https://blah...blah"><i class="fas fa-caret-left"></i> Level 1 Item 1</a>
				    <ul class="submenu dropdown-menu">
			               <li>
				          <a class="dropdown-item" href="https://blah...blah"><i class="fas fa-caret-left"></i>Level 2 Item 1" </a>
                                          <ul class="submenu dropdown-menu">
					     <li>
					        <a class="dropdown-item" href="https://blah...blah">Level 3 Item 1</a>
                                             </li>
                                          </ul>
                                       </li>
                                    </ul>
                                 </li>
                             </ul>
                          </li>
                       </ul>
                    </div>
                 </nav>
              </div>
           </div>