ZCA Bootstrap 4 Template [Support Thread]

When you say PayPal, you mean Payments Pro that does on-site credit card collection, right?
Thanks for the update.

Correct - I should have been more clearer.

Hey, just wanted to say how good this template is! I'm a complete novice when it comes to php and recently my server host moved us to a new server with php 7.1 breaking both of our websites in the process.

I used bootstrap to replace the template on a showcase store as the previous template was generating far too many errors for a novice like to me address. This template was very easy to install and set up the way I wanted with the minimal of effort, congrats. I only seem to be getting one php error now in my admin logs, but I don't think the template is the problem.

anaconda.thegluepeople.co.uk

I don't know if this has been updated but there are a few glitches with the mobile menu. You get dots on mobiles at the side of it. Also radio buttons seem to have circles to the left of where they display. And Dropdown Menus overflow on mobiles.

Other than that, great template and I am using it on https://ventureengravings.uk if you want to take a look.

Question though, how would I go about adding the lightbox effect to images on attributes?

Nick1973:

I don't know if this has been updated but there are a few glitches with the mobile menu. You get dots on mobiles at the side of it. Also radio buttons seem to have circles to the left of where they display. And Dropdown Menus overflow on mobiles.

Other than that, great template and I am using it on https://ventureengravings.uk if you want to take a look.

Question though, how would I go about adding the lightbox effect to images on attributes?
To get loose thew dots, I have added

.dropdown-menu ul {
    list-style-type: none;
}

to the stylesheet

Nick1973:

I don't know if this has been updated but there are a few glitches with the mobile menu. You get dots on mobiles at the side of it. Also radio buttons seem to have circles to the left of where they display. And Dropdown Menus overflow on mobiles.

Other than that, great template and I am using it on https://ventureengravings.uk if you want to take a look.

Question though, how would I go about adding the lightbox effect to images on attributes?

In my opinion, the Dropdown Menus overflow on mobiles is a major obstacle to proper operation by mobile customers. I noticed it this afternoon in my sandbox (XAMPP, PHP 7.1.23, ZC 1.5.6c with sample products, ZCA Bootstrap 2.0.0c). I searched this thread as well as github for solutions without success. The demo mentioned in post #1 as well as Nick1973's cart exhibit the behavior as well.

To demonstrate on a desktop/laptop, reduce the width of your browser until the hamburger menu appears. Click on the hamburger, then click Categories. Notice that the list of categories run off the bottom of the screen. This list cannot be scrolled to expose the bottom items, rendering the items at the end of the list unreachable.

One solution that I've come up with after quick looks at Bootstrap 4 tutorials and documentation is to remove 'fixed-top' from the navbar so that the navbar/hamburger scrolls with the rest of the page instead of staying at the top of the screen, thus exposing the bottom of the dropdown list. I'm hoping that other solutions exist that don't remove 'fixed-top'.

I've come up with a solution that doesn't remove the 'fixed-top' from the navbar. I added a CSS file (includes/templates/bootstrap/css/stylesheet_zca.css):

div.dropdown-menu {
  max-height:150px;
  overflow-y:auto;
}

The max-height value may need to be tuned to avoid having the bottom dropdown expand below the bottom of the screen when it's opened. The 150px is an eyeball guess from my iPhone 6S in landscape orientation.

I've come up with different contents for the includes/templates/bootstrap/css/stylesheet_zca.css file that will scroll the entire expanded hamburger menu instead of the individual dropdown items.

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

My Sitemap Page does not load, it is just blank and I am getting these errors.

[06-Nov-2019 15:03:18 UTC] PHP Fatal error: Call to undefined method zen_SiteMapTree::setParentStartEndStrings() in /home/WEBSITENAME/public_html/includes/modules/pages/site_map/header_php_site_map_zca_bootstrap.php on line 6

[06-Nov-2019 15:03:18 UTC] Request URI: /index.php?main_page=site_map, IP address: 00.00.000.000
--> PHP Fatal error: Call to undefined method zen_SiteMapTree::setParentStartEndStrings() in /home/WEBSITENAME/public_html/includes/modules/pages/site_map/header_php_site_map_zca_bootstrap.php on line 6.

Nick1973:

My Sitemap Page does not load, it is just blank and I am getting these errors.

[06-Nov-2019 15:03:18 UTC] PHP Fatal error: Call to undefined method zen_SiteMapTree::setParentStartEndStrings() in /home/WEBSITENAME/public_html/includes/modules/pages/site_map/header_php_site_map_zca_bootstrap.php on line 6

[06-Nov-2019 15:03:18 UTC] Request URI: /index.php?main_page=site_map, IP address: 00.00.000.000
--> PHP Fatal error: Call to undefined method zen_SiteMapTree::setParentStartEndStrings() in /home/WEBSITENAME/public_html/includes/modules/pages/site_map/header_php_site_map_zca_bootstrap.php on line 6.

Check your copy of includes/classes/site_map.php vs a fresh download of the bootstrap template. It's in there.

swguy:

Check your copy of includes/classes/site_map.php vs a fresh download of the bootstrap template. It's in there.

Just done that and uploaded it and I am getting the same error.

Nick1973:

Just done that and uploaded it and I am getting the same error.

This doesn't have to entered into includes/modules/pages/header_php.php does it? It's in includes/modules/pages/header_php_site_map_zca_bootstrap.php

I'm upgraded to 1.5.6c by the way.

<?php// -----// site_map: Update the site-map array, adding classes to the parent/child entries.//if (zca_bootstrap_active()) {    $zen_SiteMapTree->setParentStartEndStrings('<ul class="list-group">');    $zen_SiteMapTree->setChildStartString('<li class="list-group-item">');}

Nick1973:

This doesn't have to entered into includes/modules/pages/header_php.php does it? It's in includes/modules/pages/header_php_site_map_zca_bootstrap.php

I'm upgraded to 1.5.6c by the way.

I can reproduce the error by using the original ZC 156c site_map.php in \includes\classes.
This needs to be edited or replaced with site_map.php provided in the Bootstrap template.

The lines from approximately line 93, starting with "//-bof-zca_bootstrap *** 1 of 1 ***" must be in the file.

environment Dev: Zen Cart 156c; Apache 2.4.33; PHP 7.3.1; MySQL 5.7.21; Windows 10
environment Test: Zen Cart 156a; Apache 2.4.29; PHP 7.2.4; MySQL 5.7.24; Linux 4.15.0

packages / add-ons:
ckeditor ; clone template 1.2.0; payment module fee; Direct bank Deposit V1.5.revised; zencart155 securepayxml (modified); ozpost v4.2.7;
ceon_back_in_stock_notifications.9 (modified); export_shipping_information_V1.3.5 (modified); edit_orders-4.3.5; master password 4; admin log in as customer; ZCA bootstrap template-for-156-v2.0.0c; image checker 2.0; sales report 3.2.2; email archive manager 1-8e; zenNoncaptcha v0.5

In Bootstrap 1.5.6-v2.0.0 the variables $flag_disable_right and $flag_disable_left are undefined.

ZC 1.5.6c defines these in \includes\templates\responsive_classic\common\ main_template_vars.php on line 26

if (!isset($flag_disable_left)) {
$flag_disable_left = false;
}
if (!isset($flag_disable_right)) {
$flag_disable_right = false;
}

Great template. Thanks for all the work.

environment Dev: Zen Cart 156c; Apache 2.4.33; PHP 7.3.1; MySQL 5.7.21; Windows 10
environment Test: Zen Cart 156a; Apache 2.4.29; PHP 7.2.4; MySQL 5.7.24; Linux 4.15.0

packages / add-ons:
ckeditor ; clone template 1.2.0; payment module fee; Direct bank Deposit V1.5.revised; zencart155 securepayxml (modified); ozpost v4.2.7;
ceon_back_in_stock_notifications.9 (modified); export_shipping_information_V1.3.5 (modified);
edit_orders-4.3.5; master password 4; admin log in as customer; ZCA bootstrap template-for-156-v2.0.0c; image checker 2.0; sales report 3.2.2; email archive manager 1-8e; zenNoncaptcha v0.5

Hi:

I really like this template.

I do have a couple of small questions.

1 - I want my logo to go into the banner box sidebox and to eliminate the logo wrapper and tagline thereby moving the content closer to the top of the page. I want to eliminate the bannerboxHeading to do this. In the responsive classic template I just put bannerboxHeading{ display: none;} to make it disappear.

This is what I am looking for: billiardsplusonline.com

I have tried that on the bootstrap template with no success. Can someone help me?

2 - I want to eliminate the Information heading in the mobile menu. I am using the Flexible Footer Menu and don't need the Information side menu. I tried researching that on the forums but to no avail. What file do I need to edit to eliminate that heading?

My site is poolcuesexpressdotcom/156ctest

Any help would be appreciated.

Dave

For your first point, I did the same thing on a customers site. I can send you the files through email, if you like.
What I did is creating a new sidebox called logo, and commented out the logo code in the header.

top hatt:

Hi:

I really like this template.

I do have a couple of small questions.

1 - I want my logo to go into the banner box sidebox and to eliminate the logo wrapper and tagline thereby moving the content closer to the top of the page. I want to eliminate the bannerboxHeading to do this. In the responsive classic template I just put bannerboxHeading{ display: none;} to make it disappear.

This is what I am looking for: billiardsplusonline.com

I have tried that on the bootstrap template with no success. Can someone help me?

2 - I want to eliminate the Information heading in the mobile menu. I am using the Flexible Footer Menu and don't need the Information side menu. I tried researching that on the forums but to no avail. What file do I need to edit to eliminate that heading?

My site is poolcuesexpressdotcom/156ctest

Any help would be appreciated.

Dave

Hi:

Thanks for your hint but I don't want to comment out the code in the header but the header itself.

Dave

top hatt:

Hi:

Thanks for your hint but I don't want to comment out the code in the header but the header itself.

Dave

Then you can just comment out more. Until the desired result is reached.

Hi:

I'm sorry but just don't know enough about the code to use some unpublished code from someone I don't know. I had a bad turn previously.

Dave