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.

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.

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.

lat9:

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!

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

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
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 [B]navbar-expand-lg[/B] 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/

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

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
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-Bootstrap-Template/; otherwise, just an issue in https://github.com/lat9/ZCA-Bootstrap-Template/.

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

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

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
I'm guessing (keyword) that it's got something to do with how that form-field is initially created. See the template's /templates/tpl_modules_create_account.php.

Breadcrumbs do not seem to stay under the navbar, they scroll out.

How to you get the Breadcrumbs to stay under the NavBar permanently without scrolling under the top menu?

https://arxvaldex.com/

arxvaldex:

Breadcrumbs do not seem to stay under the navbar, they scroll out.

How to you get the Breadcrumbs to stay under the NavBar permanently without scrolling under the top menu?

https://arxvaldex.com/
That would be called "custom coding", since the top menu is part of the common page-header (tpl_header.php) while the breadcrumbs are part of the page-specific content (tpl_main_page.php).

Yes completely customized Bootstrap template for a non commerce Vintage Software/Driver Library site because Zen Cart is best and Wordpress plus others suck in ways you cannot possibly imagine. I had to put the Breadcrumbs code in both (tpl_header.php) and (tpl_main_page.php) otherwise it would not work and completely remove EZ Pages to put the links in the header rather than below them, the only problem I have is that the Breadcrumbs do not remain under the header as a sticky

I have updated to 2.1.0 from 2.0.1 and installed 2.1.0 and installed zca bootstrap 3.7.7 template.
When opening a product from a category the product page shifts to the right.
How can I correct that and reset the sideboxes to match those of the built-in responsive_classic.

Foghead:

I have updated to 2.1.0 from 2.0.1 and installed 2.1.0 and installed zca bootstrap 3.7.7 template.
When opening a product from a category the product page shifts to the right.
How can I correct that and reset the sideboxes to match those of the built-in responsive_classic.
By "shifts to the right" on the product page, I'm guessing that you're referring to how the template *specifically *disables the right-column for the product_info type pages. To change that behavior, you'll need to edit your bootstrap clone's /includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php (line 56 in 3.7.7) to remove the product_info page from that list.

To reset the sideboxes to match the built-in responsive classis, navigate to the admin's Tools :: Layout Boxes Controller and use the "Reset Settings" feature at the bottom of that page.

v3.7.8 of the ZCA Bootstrap template is now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191

This release contains changes for these GitHub issues:

#500: Move min/max/units above add-to-cart block (was previously below).
#498: Remove unneeded template-override for customers_authorization page.
#497: Align layout of OPC address-change form with the base address-book layout.
#495: Add column-specific classes to support OPC's cart updates when shipping is changed (OPC v2.5.5+).
#490: Mimic zc220's removal of zen_break_string in template.

Hi All,

Modules Installed
Zencart Version 1.5.8a / Simple Popup
Bootstrap Template Version 3.7.4 / Square_Webpay
TY Tracker Version 1.0.1 / PayPal
Sitemap Version 3.9.9 / Changed Files Report
CEON Mappings Version 2.2.0 / Product Review Reminder
Quick Update Version 2.10 / Numinix Product Fields 3.1.3
Printable Price List Version 4.0.1 / Order Comment Boilmaker
Easy Populate Version 7.039ZC / Email Archive Manager Version 3.0
Handling Fee Version 1.2.0

Just want to know what file I need to edit to place the following in for our contact number which was added by someone else some time back.

It appears to only be activated by changing using layout box controller but if I do that I get quite a lot of error logs (hundreds of them) on the site.

Any assistance would be appreciated.

Hi All,

I have located the two files that I need to edit I think which are including code:
public_html/includes/templates/bootstrap/sideboxes/tpl_search_header.php

<?php /** * Side Box Template: Searchbox for column header * * BOOTSTRAP v3.7.0 * * @copyright Copyright 2003-2020 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: DrByte 2020 May 16 Modified in v1.5.7 $ */ $content = '<span id="callus">CALL US : 02-8003-5915</span>'; /* $content .= zen_draw_form('quick_find_header', zen_href_link(FILENAME_SEARCH_RESULT, '', $request_type, false), 'get', 'class="form-inline"') . zen_draw_hidden_field('main_page', FILENAME_SEARCH_RESULT) . zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id() . '<div class="input-group">' . zen_draw_input_field('keyword', '', 'placeholder="' . HEADER_SEARCH_DEFAULT_TEXT . '" aria-label="' . HEADER_SEARCH_DEFAULT_TEXT . '" ') . '<div class="input-group-append">' . zen_image_submit(BUTTON_IMAGE_SEARCH, HEADER_SEARCH_BUTTON) . '</div>' . '</div>' . '</form>'; */ I want to disable the search function in the header bar(top) and keep the wording CALL US : 02-8003-5915 .Not knowing how to code it out I need assistance on what I need to do The other file is: public_html/includes/templates/bootstrap/sideboxes/tpl_ajax_search_header.php <?php // ----- // Part of the Bootstrap template for Zen Cart. Renders the AJAX version // of the search-header. // // Bootstrap v3.6.0 // $content = '<ul class="navbar-nav ml-auto">' . PHP_EOL; $content .= ' <li class="nav-item"><a href="javascript:void(0);" role="button" id="search-icon" class="nav-link" aria-label="' . BUTTON_SEARCH_ALT . '"><i class="fas fa-2x fa-search"></i></a></li>' . PHP_EOL; $content .= '</ul>' . PHP_EOL; Any help would be appreciated

I have had a couple of clients say that Google reports slow loading from the Bootstrap template in mobile mode. Do you have any thoughts about this?