ZCA Bootstrap 4 Template [Support Thread]

[swguy]

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

[n8pbm]

Correct - I should have been more clearer.

[CunningStunt2]

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

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

[Design75]

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

[dennisns7d]

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

[dennisns7d]

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.

[dennisns7d]

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;
}

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

[swguy]

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.