ZCA Bootstrap 4 Template [Support Thread]

dbltoe:

It looks like you have some bad HTML code at ```
Courier Locations</a>">Courier Locations</a>">

> 
> Without seeing the site's code, it should probably be```
Courier Locations">Courier Locations</a>

This is the code
**'HEADING_ORDER_COMMENTS' => 'Special Instructions or Comments About Your Order - Indicate the courier location nearest you from this list <a href="https://cyp.acscourier.net/en/myacs/my-tools/acs-store-locator" target="_blank">Courier Locations</a>',
**

Yet, if you look at your second image, something is causing a lot of extra HTML to be sent to the browser.

It's hard to be sure without the code, but it looks like some characters need to be escaped in your constant, probably double quotes.
When displaying it, it probably goes through some function where double quotes inside the constant might need to be escaped.
Just an idea.

In tpl_checkout_payment_default.php, I can see the logic for building a bootstrap-style checkbox for payment methods that have a field which includes a checkbox - it's on line 120 in version 3.7.0.

But this doesn't seem to fire correctly for Authorize AIM, which does

            $selection['fields'][] = [
                'title' => 'Keep Card on File',
                'field' => zen_draw_checkbox_field('authorizenet_cim_save', '', true, 'id="authorizenet_cim_save" '),
                'tag' => $this->code . '_save',
            ];

and produces

<label for="authorizenet_cim_save" class="inputLabelPayment">Keep Card on File</label>
<input type="checkbox" name="authorizenet_cim_save" checked="checked" id="authorizenet_cim_save" class="custom-control-input">

which is lacking the enclosing div of class "custom-control custom-checkbox" (and thus does not actually display a checkbox, just the text.)

OK I see. The code on line 120 is for credit classes.

Perhaps the logic from line 120-140 of tpl_checkout_payment_default.php needs to be reused in line 223 (where payment classes are handled).

I support this suggestion. The symptoms are the same as I reported over 4 years ago in post 222 of this thread, so a similar solution should work.

I ran a test and it looked like the required solution.

swguy:

In tpl_checkout_payment_default.php, I can see the logic for building a bootstrap-style checkbox for payment methods that have a field which includes a checkbox - it's on line 120 in version 3.7.0.

But this doesn't seem to fire correctly for Authorize AIM, which does

            $selection['fields'][] = [
                'title' => 'Keep Card on File',
                'field' => zen_draw_checkbox_field('authorizenet_cim_save', '', true, 'id="authorizenet_cim_save" '),
                'tag' => $this->code . '_save',
            ];

and produces

<label for="authorizenet_cim_save" class="inputLabelPayment">Keep Card on File</label>
<input type="checkbox" name="authorizenet_cim_save" checked="checked" id="authorizenet_cim_save" class="custom-control-input">

which is lacking the enclosing div of class "custom-control custom-checkbox" (and thus does not actually display a checkbox, just the text.)

i can not speak of any missing divs; but this template DOES produce the checkbox. you can see it in your code above.

whether the code for this template needs to be addressed, i also can not say. but the "missing" checkbox can be seen by addressing the css.

i use something like this.

#authorizenet_cim-cc-cvv {
    width: 15%
}
#authorizenet_cim_save {
    opacity: 100%;
    position: initial;
}
label[for=authorizenet_cim_save] {
    display: flex;
}

at one point, i was going to add it to the payment module, but alas i got distracted.

i can not speak of any missing divs; but this template DOES produce the checkbox. you can see it in your code above.

It does not, which is why I posted this. The specific reason is that a bunch of steps are required to get checkboxes to show in Bootstrap.
These steps are missing. They were added for order total modules but not for payment modules.

You can see in the attached image how it's rendered (without the checkbox).

swguy:

You can see in the attached image how it's rendered (without the checkbox).

and you can see in this screencast how changing the opacity to 100% causes the dropbox to appear WITHOUT making any changes to the template.

TIS.

On ZC1.5.7d with Boostrap Template 3.6.4 on the mobile the categories show as below

On the 2.01 with Bootstrap 3.7 the categories show correctly as below

Is this something that can be easily changed in 3.6.4 to show the categories as in 3.7.

@Georgecy, that correction was made via this GitHub commit: https://github.com/lat9/ZCA-Bootstrap-Template/commit/6128b78697ac030b0f82f2ea3a1f3d02e19dd9b7

lat9:

@Georgecy, that correction was made via this GitHub commit: https://github.com/lat9/ZCA-Bootstrap-Template/commit/6128b78697ac030b0f82f2ea3a1f3d02e19dd9b7

Thanks a lot Cindy. It worked!!!

In the mobile menu of 3.6.4 the color of text is white and the background is white as is shown below. As a result the choice is not readable till you click it. What and where is the CSS that can change the font color to black so it can be readable. I try changing the colors in the template from admin without success.

@Georgecy, check the site's stylesheets for overrides of the dropdown-item class (i.e. .dropdown-item). The Bootstrap template doesn't override the coloring of that class and its default color is #212529 (pretty darn close to black).

lat9:

@Georgecy, check the site's stylesheets for overrides of the dropdown-item class (i.e. .dropdown-item). The Bootstrap template doesn't override the coloring of that class and its default color is #212529 (pretty darn close to black).

Thanks a lot Cindy. The problem was the stylesheet for the footer. When was deleted all came back to normal.

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

This release corrects the following GitHub issues:

#388: Correct PHP Warning on checkout_payment page.
#389: Remove extraneous comments from template_info.php.
#390: Support forthcoming zc210's additional-images' handling.
#392: Correct gv_faq page's form-entry default.
#394: Correct variable name for shipping-estimator display.
#397: Add styling to display non-Bootstrap-formatted checkbox inputs on checkout pages.
#393: Correct title of base image's additional-images' carousel-indicator.
#399: Pull in base ZC change for tpl_account_default.php.
#400: AJAX search's product count can be 'off' for variant-managed model-numbers.

Just noticed that the product price hasn't shown up on the product info page since upgrading to v3.7.0, and v3.7.1 gives me the same issue.
I downgrade to v3.6.5, and it shows up again.

However, it seems "Product Info Pricing Location" is forced to display in "Both" now, even if I choose above or below only. "Product Info Pricing Location" will show only once if the product page contains "Qty Discounts Off Price".

Is there anything I should do while upgrading/downgrading?

I'm unable to replicate this issue on Bootstrap 3.7.1 running on zc201. That is, the

I'll note that the ***Product Info Pricing Location ***setting applies only when a product includes attributes. The original (above/below the attributes' selection) display of the pricing was, I think, to have the price visible at the top of the page and also close to the add-to-cart button.