ZCA Bootstrap 4 Template [Support Thread]

lat9:

I've just submitted v1.0.1 of the Bootstrap-4/OPC integration for the Zen Cart moderators' review; I'll post back here when it's available for download.

This version contains changes only to /includes/templates/bootstrap/css/checkout_one.css, correcting the display of the CSS overlay during guest checkout.
That was quick! Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2305

lat9:

RoseStar:

ZC v157c
ZCA Bootstrap 4 v3.1.2
One Page Checkout v2.3.8
ZCA Bootstrap 4 for OPC v1.0.0

In Firefox using Guest Checkout, we're encountering an issue where "City" is autofilling "Address 2" field, leaving the "City" field blank. What is the best way to resolve this? Thanks!
In most browsers, on most templates, this is an issue. Other than setting those fields as non-autofill (which would cause some customer complaints), I'm not sure what could be done within the template itself.
This might help: https://github.com/zencart/zencart/commit/b9efe5fa9ad5bf0f7ee82fa4fe2399671adb6ed4 and should be backportable (by hand) to older versions without issue.

DrByte:

This might help: https://github.com/zencart/zencart/commit/b9efe5fa9ad5bf0f7ee82fa4fe2399671adb6ed4 and should be backportable (by hand) to older versions without issue.
Thanks, @DrByte; should I apply those updates to the template's distribution?

lat9: > That was quick! Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2305

DrByte: > This might help: https://github.com/zencart/zencart/c...2399671adb6ed4 and should be backportable (by hand) to older versions without issue.

You're both rockstars! Thank you.

RoseStar:

lat9:

DrByte:

You're both rockstars! Thank you.
Thanks for the compliment; can I take your compliment to DrByte as a validation that his suggested change corrects that "browser putting data in the wrong fields" issue?

lat9:

Thanks for the compliment; can I take your compliment to DrByte as a validation that his suggested change corrects that "browser putting data in the wrong fields" issue?

Yes, and you're very welcome!

I applied this specificity fix: https://www.zen-cart.com/showthread.php?223910-ZCA-Bootstrap-4-Template-Support-Thread&p=1381642#post1381642

to the following bootstrap files:

includes/templates/bootstrap/templates/tpl_modules_common_address_format.php

and

includes/templates/bootstrap/templates/tpl_modules_create_account.php

City now autofills in appropriate field.

Have a new issue on a different fresh install:

Zc v157c
Zca bootstrap 4 v3.1.2
Admin configured left column global off
Admin configured right column default 150px

On create account page, right column shrinks horizontally:

I read the faq on Product Columns Per Row but don't see how to apply this to a customer page. The right column appears correctly on all other pages, including Account and Sign In.

What would be the safest way to adjust bootstrap's center column width please?

RoseStar:

Yes, and you're very welcome!

I applied this specificity fix: https://www.zen-cart.com/showthread.php?223910-ZCA-Bootstrap-4-Template-Support-Thread&p=1381642#post1381642

to the following bootstrap files:

includes/templates/bootstrap/templates/tpl_modules_common_address_format.php

> and
> ```
includes/templates/bootstrap/templates/tpl_modules_create_account.php

City now autofills in appropriate field.

Have a new issue on a different fresh install:

Zc v157c
Zca bootstrap 4 v3.1.2
Admin configured left column global off
Admin configured right column default 150px

On create account page, right column shrinks horizontally:

I read the faq on Product Columns Per Row but don't see how to apply this to a customer page. The right column appears correctly on all other pages, including Account and Sign In.

What would be the safest way to adjust bootstrap's center column width please?
For the Bootstrap-4 template, you control the left/center/right elements' via the admin's Configuration :: Layout Settings :: Responsive Left|Center|Right Column Width settings. Just make sure that the values entered sum up to 12.

lat9:

For the Bootstrap-4 template, you control the left/center/right elements' via the admin's Configuration :: Layout Settings :: Responsive Left|Center|Right Column Width settings. Just make sure that the values entered sum up to 12.

Apologies, I should've included this with my original comment. Those settings currently sum to 12: left-0, center-9, right-3

Bootstrap team: Excellent work on this template. This is now my recommended template for Zen Cart.

RoseStar:

Apologies, I should've included this with my original comment. Those settings currently sum to 12: left-0, center-9, right-3

Hmm, I'm unable to reproduce this issue with the column counts set to 0/9/3 and the global left sidebox disabled.

Zc v157c
Zca bootstrap 4 v3.1.2
PHP 7.4 or 8.05

Hi guys, I am uprading to the latest Zencart version 1.5.7 with ZCA 3.1.2 and I have a problem at checkout where the payment selection methods page comes up blank(/index.php?main_page=checkout_payment).
The error in the log is
PHP Fatal error: Cannot declare class ot_coupon, because the name is already in use in /includes/modules/order_total/ot_coupon.php on line 14
I tried solutions from older threads without succes. The ot_coupon.php is the only core-file overwrite of the template which was copied replacing the original(no changes on original distribution). Any tips are appreciated as the next stage is to rebuilt the installation from the begining.
Thanks

Georgecy:

Zc v157c
Zca bootstrap 4 v3.1.2
PHP 7.4 or 8.05

Hi guys, I am uprading to the latest Zencart version 1.5.7 with ZCA 3.1.2 and I have a problem at checkout where the payment selection methods page comes up blank(/index.php?main_page=checkout_payment).
The error in the log is
PHP Fatal error: Cannot declare class ot_coupon, because the name is already in use in /includes/modules/order_total/ot_coupon.php on line 14
I tried solutions from older threads without succes. The ot_coupon.php is the only core-file overwrite of the template which was copied replacing the original(no changes on original distribution). Any tips are appreciated as the next stage is to rebuilt the installation from the begining.
Thanks
Could you post the full contents of that log?

lat9:

Could you post the full contents of that log?

[23-Jun-2021 15:33:06 UTC] PHP Fatal error: Cannot declare class ot_coupon, because the name is already in use in /Applications/Abyss Web Server/htdocs/ZC/includes/modules/order_total/ot_coupon.php on line 16

Noting that the full log-record will also indicate the page on which the issue was raised. I'm unable to reproduce this with the template running on zc157c and PHP 7.3.

Are there any additional order-total modules or other plugins that might be affecting the checkout processing?

Is there any interest in adding a user-configurable number of products per page on the listing page to this template? So the default number would be MAX_DISPLAY_PRODUCTS_LISTING, which would be a low number like 20 or 25, but users could choose larger numbers (50/100/200 for example).

swguy:

Is there any interest in adding a user-configurable number of products per page on the listing page to this template? So the default number would be MAX_DISPLAY_PRODUCTS_LISTING, which would be a low number like 20 or 25, but users could choose larger numbers (50/100/200 for example).

While the original "product listing grid" mod had a user-selectable format choice, its implementation was clunky, so it was excluded.

While one can find lots of sites that offer user-selectable increments, in practice I find that the best usability is to set a reasonable number and just be consistent. Often more is better, unless your images are poorly optimized ... in which case, optimize your thumbnails and set the qty per page to be something like 50, which lets users get the big picture easily, and not be confused with too many choices on-screen.

jasonshanks:

I enabled products per row to (3). This was install on a fresh test site with the latest version of zencart and bootstrap. all products are bunched up narrow.

Test site : https://www.surplusremotes.com/index.php?main_page=index&cPath=3_10

What am i missing here ? Why is it doing this.

I found that if I set *Configuration > Product Listing > Columns Per Row -> [0] *

Then in includes > modules > YOUR_TEMPLATE > product_listing.php

Around Line: 422
Change

'params' => 'class="card mb-3 p-3 centerBoxContentsListing text-center h-100 "' . $style,

to

'params' => 'class="card mb-3 p-3 centerBoxContentsListing text-center h-100 "',

I just removed the inline styling variable and the width / layout is looking great.

I am not sure if this is a perfect fixed but it is doing/looking exactly the way I want.

I apologise if this has been fixed further down the thread.

I've just submitted v3.1.3 of the Bootstrap-4 template for the Zen Cart moderators' review and will post back here when it's available for download.

 This release contains changes associated with the following GitHub issues:

#59: Correct duplicate sort-orders present in color configurations added in v3.1.2.
#61: Correct small-screen layout on shopping_cart page, required horizontal scroll.
#63: Remove redundant code from product_listing.php.
#64: Use common image sizing for all centerbox displays.
#65: Add 'specificity' to addresses to correct browsers' auto-fill.
#67: Add .clearBoth class styling to the template's base stylesheet.
#69: Use bootstrap message styling for the "Place Order" shopping-for message.

lat9:

I've just submitted v3.1.3 of the Bootstrap-4 template for the Zen Cart moderators' review and will post back here when it's available for download.

 This release contains changes associated with the following GitHub issues:

#59: Correct duplicate sort-orders present in color configurations added in v3.1.2.
#61: Correct small-screen layout on shopping_cart page, required horizontal scroll.
#63: Remove redundant code from product_listing.php.
#64: Use common image sizing for all centerbox displays.
#65: Add 'specificity' to addresses to correct browsers' auto-fill.
#67: Add .clearBoth class styling to the template's base stylesheet.
#69: Use bootstrap message styling for the "Place Order" shopping-for message.
Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191

I'd like to force the listing pages to use larger product images/fewer columns - I know that Product Listing > Columns per Row is recommended to be 0; is there another option?