ZCA Bootstrap 4 Template [Support Thread]

[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.

[lat9]

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.

[swguy]

Yes - Bootstrap template with Bootstrap 4.3.1.

[swguy]

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

[swguy]

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.

[lat9]

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

Ah, numeric dyslexia!

[swguy]

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.

[swguy]

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.

[Dave224]

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>