ZCA Bootstrap 4 Template [Support Thread]

[lat9]

It's the current 2.1.0 version but I guess I could try the current ZC repo version and see.

EDIT: Same warning message for lines 66 and 77 both referring that $product_info->fields['lang'] is null. Additionally, if I switch off from ZCA Bootstrap to something like Responsive Classic, no warnings are presented.

Thanks for the update; I'll give that a look-see a bit later.

[lat9]

Thanks for the update; I'll give that a look-see a bit later.

OK, I created a fresh install using PHP 8.4.3 of the as-shipped Zen Cart 2.1.0 and copied over the Bootstrap 3.7.7 files.

Made Bootstrap the template and reset its sideboxes to match those of the built-in responsive_classic.

Displayed a product, resulting in no log files generated.

[retched]

OK, I created a fresh install using PHP 8.4.3 of the as-shipped Zen Cart 2.1.0 and copied over the Bootstrap 3.7.7 files.

Made Bootstrap the template and reset its sideboxes to match those of the built-in responsive_classic.

Displayed a product, resulting in no log files generated.

Can't even figure out how to backtrack this other than maybe reinstalling ZCA?

[lat9]

OK, I created a fresh install using PHP 8.4.3 of the as-shipped Zen Cart 2.1.0 and copied over the Bootstrap 3.7.7 files.

Made Bootstrap the template and reset its sideboxes to match those of the built-in responsive_classic.

Displayed a product, resulting in no log files generated.

Perhaps ...

Are the sidebox layout settings the same for responsive_classic and bootstrap? Specifically, the best_sellers.

If that sidebox is enabled for the left-column, then it's possible that this (https://github.com/zencart/zencart/pull/7119) post-zc210 PR could correct the issue.

[retched]

Perhaps ...

Are the sidebox layout settings the same for responsive_classic and bootstrap? Specifically, the best_sellers.

If that sidebox is enabled for the left-column, then it's possible that this (https://github.com/zencart/zencart/pull/7119) post-zc210 PR could correct the issue.

Aha! Now I see why there was no error when I loaded the other template.

The sideboxes weren't enabled for Responsive Classic and applying that patch fixed the error. Sorry about that!

[Dave224]

At a screen width around 992px, the bootstrap template home icon in the header on a large device changes to a hamburger. I'd like to change the screen width when that transition occurs. Changing 992px in includes/template/bootstrap/css/stylesheet.css does not change it. Where can I control that transition point?

Thank you!

Dave
zc1.5.8a, Bootstrap 3.7.7

[lat9]

At a screen width around 992px, the bootstrap template home icon in the header on a large device changes to a hamburger. I'd like to change the screen width when that transition occurs. Changing 992px in includes/template/bootstrap/css/stylesheet.css does not change it. Where can I control that transition point?

Thank you!

Dave
zc1.5.8a, Bootstrap 3.7.7

You'll need to change your bootstrap clone's /common/tpl_header.php (line 24 of v3.7.7):

        <div id="navMain">
            <nav class="navbar fixed-top mx-3 navbar-expand-lg rounded-bottom" aria-label="<?= TEXT_HEADER_ARIA_LABEL_NAVBAR ?>">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="fas fa-bars"></i>
                </button>

... changing that highlighted class to reflect the breakpoint at which you want the change. I googled bootstrap change hamburger screen width and that AI Overview came back with some good answers.

See also the Bootstrap documentation: https://getbootstrap.com/docs/4.1/components/navbar/

[Dave224]

This question concerns links to the Featured Products and Specials sideboxes in the site map. When there are Specials and Featured products, the site map links work fine. When the Featured products link in the site map is clicked and there are no featured products, the page heading, sort box, and "There are no products in this category" are displayed in the center column. But when the Specials link in the site map is clicked and there are no Specials, nothing is displayed in the center column. The center column is blank. There are no errors logged.

I'd prefer consistent behavior for Featured, Specials and What's New (I haven't tested the sitemap link for new products when there are no new products.) Make the current behavior for Featured products apply to Specials, or don't list the links in the site map when there are no products in the category. Either approach is acceptable. How can I accomplish this or should I enter an issue in GitHub?

Dave
zc1.5.8a, bootstrap 3.7.7