ZCA Bootstrap 4 Template [Support Thread]

actually you are correct.

i am running a module that is overriding the bestseller list; and is using an older version of the module.

the change did happen in v158a, and specifically this commit:

https://github.com/zencart/zencart/commit/165d701259f7106aaf0173901a980bee4b28f972

the old code was like this:

  $rows = 0;
  while (!$best_sellers->EOF) {
    $rows++;
    $bestsellers_list[$rows]['id'] = $best_sellers->fields['products_id'];
...

the index value being the var $rows, and here, it starts at 1.

the new code is like this:

    $bestsellers_list = [];
    foreach ($best_sellers as $bestseller) {
        $best_products_id = $bestseller['products_id'];
        $bestsellers_list[] = [
            'id' => $best_products_id,
            'name'  => $bestseller['products_name'],
...

with no explicit setting of the index, it will definitely start at 0.

good catch.

as to what is the most eloquent way to address this error, i can not say.

but the commit i referenced above is definitely where this bug got introduced.

Thank for confirming, carlwhat.

ZC 2.0.1
PHP 8.3
Bootstrap 3.7.3

So, I setup a new site and got everything working but for some reason I cannot get it to use the override template files
ZCs Doc page description is fairly stupid proof but it does not work on my site.

Edit includes/languages/english/YOURTEMPLATE/lang.index.php. (Copy includes/languages/english/lang.index.php to includes/languages/english/YOURTEMPLATE/lang.index.php if the override file doesn’t already exist.)

I have done the exact method as described above but for changing the "YOURTEMPLATE" to my own template name "wsworx"
I also did the same thing for the main page logo and it doesn't work either.
The system will not use my override file.
I have the bootstrap template selected in the system
If I inspect the logo element on the main page it shows it using the image from the "template_default" template
I cleared the cache in my browser

Any assistance would be greatly appreciated

I setup the new store in a subfolder as a demo for testing before taking it live
I just realized when I inspect the logo on the main page it is actually being pulled from the default_template of my live site.
I don't understand that as I have the includes/configure.php setup to use the demo site as the catalog

wsworx:

I setup the new store in a subfolder as a demo for testing before taking it live
I just realized when I inspect the logo on the main page it is actually being pulled from the default_template of my live site.
I don't understand that as I have the includes/configure.php setup to use the demo site as the catalogThere are two config files. includes/configure.php and YOURADMIN/includes/configure.php

As to the template being used. If you cloned something to wsworx or created it in some other way, you still need to select it in Tools >> Template Selection

I just realized when I inspect the logo on the main page it is actually being pulled from the default_template of my live site.

You might have an absolute path reference hardcoded somewhere (perhaps in your template).

Check includes/templates/bootstrap/templates/tpl_header.php in your demo site to see if you changed it to hardcode the logo path?

carlwhat:

actually you are correct.

i am running a module that is overriding the bestseller list; and is using an older version of the module.

the change did happen in v158a, and specifically this commit:

https://github.com/zencart/zencart/commit/165d701259f7106aaf0173901a980bee4b28f972

the old code was like this:

$rows = 0;
while (!$best_sellers->EOF) {
$rows++;
$bestsellers_list[$rows]['id'] = $best_sellers->fields['products_id'];
...

> 
> the index value being the var $rows, and here, it starts at 1.
> 
> the new code is like this:
> 
> ```php
    $bestsellers_list = [];
    foreach ($best_sellers as $bestseller) {
        $best_products_id = $bestseller['products_id'];
        $bestsellers_list[] = [
            'id' => $best_products_id,
            'name'  => $bestseller['products_name'],
...

with no explicit setting of the index, it will definitely start at 0.

good catch.

as to what is the most eloquent way to address this error, i can not say.

but the commit i referenced above is definitely where this bug got introduced.

See this Zen Cart PR for the correction: https://github.com/zencart/zencart/pull/6769

PHP 8.1.2
ZC 2.0.1
ZCA Bootstrap 3.7.3

Right now I'm running parts of the product pages through a screen reader. One of my pages has the following

Running it through a screen reader, I hear this:

Enhance Commit 1 foundation: Your (image for) High Attack or (image for) Mid Attack attack gets +1 speed and +1 damage.

What I wanted to know was, without disabling or changing the IMAGE_ALT_PREFIX define (since it is useful in some cases), is there a way that I can modify the zen_image call to not auto insert the "(image for)" so that a screen reader doesn't insert it?

retched:

PHP 8.1.2
ZC 2.0.1
ZCA Bootstrap 3.7.3

Right now I'm running parts of the product pages through a screen reader. One of my pages has the following

Running it through a screen reader, I hear this:

Enhance Commit 1 foundation: Your (image for) High Attack or (image for) Mid Attack attack gets +1 speed and +1 damage.

> 
> What I wanted to know was, without disabling or changing the IMAGE_ALT_PREFIX define (since it is useful in some cases), is there a way that I can modify the zen_image call to not auto insert the "(image for)" so that a screen reader doesn't insert it?
That **(image for)** text is coming from the base Zen Cart's zen_image function's use of
```php
    'IMAGE_ALT_PREFIX' => '(image for)',

which is set in the default lang.english.php. You could add that definition to your template-override version, simply setting the language-constant's value to an empty string.

v3.7.4 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 associated with these GitHub issues:

#268: Correct image resizing on column-based products' listings.
#438: "Retire" use of banners_on_ssl field, per zc210 usage.
#439: Update "Matching Heights" jQuery to its most recent version.
#442: Correct quantity-entry "shrink" on column-based products' listings.
#444: Add zc210 notifications to html_header.php and tpl_main_page.php.
#446: "Hide" the ZCA Bootstrap Colors configuration group.
#447: Correct best-sellers' sidebox display (was missing the last item).
#448: Add notifications to tpl_account_history_info.php, primarily for Ty Package Tracker.
#450: Add notification to tpl_footer.php to enable a footer-menu to be included.
#452: Add a 'soft' setting to enable the inclusion of Font Awesome Brands' icons, e.g. Twitter or Facebook.

Is it possible to insert a page background ?

windsurfer:

Is it possible to insert a page background ?
Quite possible; that will require custom CSS. See this GitHub Wiki article for additional information: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Frequently-Asked-Questions#applying-site-specific-styling

Hello all,

i am facing another issue with my ZC 2.0.1 update.

I have Bootstrap template with OPC and Image Handler.

When going to my product listings under categories, the product image ##do not get reseize on mobile and they overlap each other.

For example https://www.royal-fleur.com/thanksgiving-flowers-and-centerpieces

Each picture on mobile size is displayed at 400 x 400 and obviously overlap each other.

How can i fix this please?

Thank you in advance for your help

nicksab:

Hello all,

i am facing another issue with my ZC 2.0.1 update.

I have Bootstrap template with OPC and Image Handler.

When going to my product listings under categories, the product image ##do not get reseize on mobile and they overlap each other.

For example https://www.royal-fleur.com/thanksgiving-flowers-and-centerpieces

Each picture on mobile size is displayed at 400 x 400 and obviously overlap each other.

How can i fix this please?

Thank you in advance for your help

Not sure if it is the proper way to go about my issue but it seems to be an issue with .listingProductImage in stylesheet_zca_colors.php.

at line 371 i changed

.listingProductImage {
    min-width: <?= (int)IMAGE_PRODUCT_LISTING_WIDTH ?>px;

to

.listingProductImage {
    min-width: auto;

It seems to have resolve the product picture issue

Can someone confirm if it would create some issue somewhere else?

thank you

nicksab:

Hello all,

i am facing another issue with my ZC 2.0.1 update.

I have Bootstrap template with OPC and Image Handler.

When going to my product listings under categories, the product image ##do not get reseize on mobile and they overlap each other.

For example https://www.royal-fleur.com/thanksgiving-flowers-and-centerpieces

Each picture on mobile size is displayed at 400 x 400 and obviously overlap each other.

How can i fix this please?

Thank you in advance for your help

FWIW, i am not seeing the problem on your website.

that said, this sounds like a problem that was recently addressed.

i would review this github issue on bootstrap. and i would then review the correction made, which was part of bootstrap 3.7.4.

but i'm not sure whether your css is cached on your computer, as i am not seeing the problem on your site.

carlwhat:

FWIW, i am not seeing the problem on your website.

that said, this sounds like a problem that was recently addressed.

i would review this github issue on bootstrap. and i would then review the correction made, which was part of bootstrap 3.7.4.

but i'm not sure whether your css is cached on your computer, as i am not seeing the problem on your site.

Thanks Carl.

I did a change to my css to temporarily fix the layout since it is a live site.

My bootstrap version is 3.7.1 and will do the update. Thanks for providing the link

I am getting the following log:

ZC 2.0.1
Bootstrap 3.7.1 with OPC

[12-Nov-2024 23:20:19 UTC] PHP Fatal error: Uncaught Error: Undefined constant "TEXT_LOOKUP_INSTRUCTIONS" in /includes/templates/royal_fleur/templates/tpl_order_status_default.php:184
Stack trace:
#0 /includes/templates/royal_fleur/common/tpl_main_page.php(238): require()
#1 /index.php(94): require('/home/zch1akhw6...')
#2 {main}
thrown in /includes/templates/royal_fleur/templates/tpl_order_status_default.php on line 184

I tried the suggested fix below but no luck. I copied includes/languages/english/lang.order_status.php to my template

I am still getting the log and my order status page is pretty much blank

lat9:

Actually, that looks like a bug in the zc158 language loader. I thought (keyword) that deference should be given to a legacy-named language file, although I'm seeing now that OPC (since the order_status page was, for previous Zen Cart versions, newly added) distributes its version of /english/order_status.php in the main language directory. Sigh.

To correct, for now, simply copy /includes/languages/english/order_status.php to /includes/languages/english/bootstrap/order_status.php (replacing **bootstrap **with your template clone's name).

How can i fix it please?

Thank you

The One Page Checkout (OPC) distribution provides /includes/languages/english/YOUR_TEMPLATE/lang.order_status.php. Copy that file to /includes/languages/english/royal_fleur.

How would one take the quick reorder sidebox and get a link to it to show in the mobile menu versus disappearing on smaller sized screens.

Or even better have it show as a homepage centerbox once logged into the system

Or some other method to quick reorder products on mobile v surfing around.

Dont really see a searchable solution on this but a customer said it would be much easier to fill their cart like this and search for items not on the reorder list aka takes less time

JimmyV:

How would one take the quick reorder sidebox and get a link to it to show in the mobile menu versus disappearing on smaller sized screens.

Or even better have it show as a homepage centerbox once logged into the system

Or some other method to quick reorder products on mobile v surfing around.

Dont really see a searchable solution on this but a customer said it would be much easier to fill their cart like this and search for items not on the reorder list aka takes less time
That'll require a site-specific edit to the site's (presumed) copy of the template's /includes/templates/bootstrap-copy/common/tpl_offcanvas_menu.php to add that content.