ZCA Bootstrap 4 Template [Support Thread]

[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

[lat9]

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

Is the same behavior exhibited when you change to the responsive_classic template? If so, enter an issue in both https://github.com/zencart/zencart and https://https://github.com/lat9/ZCA-...rap-Template/; otherwise, just an issue in https://github.com/lat9/ZCA-Bootstrap-Template/.

[Dave224]

The same behavior exists in responsive classic. The message displayed when there are no featured products and the site map link is clicked differs from the message displayed in bootstrap ("More featured products will be added soon. Please check back later." vs "There are no products in this category"). I'll add an issue to both github sites as you suggest. Thank you!
Dave

[Dave224]

When creating an account, and the default country has zones, the zone pulldown appears for the customer to select one of the zones. If the customer changes the country to one without zones, a   (" ") is written into the state input field. This has the effect of hiding the placeholder, which is the correct action. If you place the cursor in the field and delete the space character, the placeholder reappears, again the correct behavior.

I'm trying to find where in the code the space character is written into the state input field. I suspect it's somewhere in a javascript file since the form is not being processed yet in the server, but I can't find it. It's not in zen_addr_pulldowns.php as far as I can tell. I need the same code for a custom form I'm working on.

Can someone help?

Thank you.

Dave
zc1.5.8a bootstrap 3.7.7