ZCA Bootstrap 4 Template [Support Thread]

[Georgecy]

Hi @lat9 after updating to 3.6.4 on zencart 1.5.7d and php 7.4 the shopping cart goes blank after trying to add a product. The error in the log is shown below. Any hints are welcome.

[29-Mar-2024 15:43:32 UTC] Request URI: /index.php?main_page=shopping_cart, IP address: ------
#1 require() called at [/includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php:17]
#2 require(/includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php) called at [/includes/templates/bootstrap/common/html_header.php:224]
#3 require(/includes/templates/bootstrap/common/html_header.php) called at [/index.php:42]
--> PHP Warning: require(includes/templates/template_default/jscript/zen_addr_pulldowns.php): failed to open stream: No such file or directory in /includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php on line 17.

[29-Mar-2024 15:43:32 UTC] PHP Fatal error: require(): Failed opening required 'includes/templates/template_default/jscript/zen_addr_pulldowns.php' (include_path='.:/Applications/PHP7/lib/php') in /includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php on line 17

[lat9]

Hi @lat9 after updating to 3.6.4 on zencart 1.5.7d and php 7.4 the shopping cart goes blank after trying to add a product. The error in the log is shown below. Any hints are welcome.

[29-Mar-2024 15:43:32 UTC] Request URI: /index.php?main_page=shopping_cart, IP address: ------
#1 require() called at [/includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php:17]
#2 require(/includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php) called at [/includes/templates/bootstrap/common/html_header.php:224]
#3 require(/includes/templates/bootstrap/common/html_header.php) called at [/index.php:42]
--> PHP Warning: require(includes/templates/template_default/jscript/zen_addr_pulldowns.php): failed to open stream: No such file or directory in /includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php on line 17.

[29-Mar-2024 15:43:32 UTC] PHP Fatal error: require(): Failed opening required 'includes/templates/template_default/jscript/zen_addr_pulldowns.php' (include_path='.:/Applications/PHP7/lib/php') in /includes/modules/pages/shopping_cart/jscript_addr_pulldowns_bootstrap.php on line 17

Sigh, that's why I'm continuing to drop support of various Zen Cart versions prior to 1.5.8 ... too many differences. I'll get that corrected for the forthcoming v3.6.5 of the template.

[lat9]

Sigh, that's why I'm continuing to drop support of various Zen Cart versions prior to 1.5.8 ... too many differences. I'll get that corrected for the forthcoming v3.6.5 of the template.

Actually, something's not quite right with your installation. Line 17 of jscript_addr_pulldowns_zca_bootstrap.php for v3.6.4 is a comment. Did you perhaps forget to copy that file?

[Georgecy]

Sigh, that's why I'm continuing to drop support of various Zen Cart versions prior to 1.5.8 ... too many differences. I'll get that corrected for the forthcoming v3.6.5 of the template.

Hi Cindy,
I checked the installation many times and is ok. Based on your response I suspected that the file missing (zen_addr_pulldowns.php) was probably from ZC 1.5.8 and searching in 1.5.8 I found it and copied in 1.5.7d. Even though as a first test now it works, please let me know if this will cause any issues in the 1.5.7. Thanks a lot.

[Georgecy]

On ZC 1.5.7d with Boostrap 3.6.4 the categories and product names, Titles and all LINKS are all underlined. On mouse hover the undeline goes away. The behavior is exactly the opposite than expected. I looked for Text-Decoration in stylesheets. But I had no effect when changing the parameters. Any advise of what may be causing it is appreciated.

/**
* "Cache-busting" stylesheet for Bootstrap v3.6.4
*/
a {
text-decoration: underline;
}

[lat9]

@GeorgeCY, I am not a fan of the display either; it was introduced in response to this GitHub issue: https://github.com/lat9/ZCA-Bootstra...ate/issues/324

By removing /css/stylesheet_364.css from the site, you can restore the display to the previous versions'.

[lat9]

@GeorgeCY, I am not a fan of the display either; it was introduced in response to this GitHub issue: https://github.com/lat9/ZCA-Bootstra...ate/issues/324

By removing /css/stylesheet_364.css from the site, you can restore the display to the previous versions'.

Or, possibly better, create the file /css/stylesheet_364a.css in your bootstrap clone's /templates directory containing

#categoriesContent a {
    text-decoration: none;
}

That'll keep the overall 'underline' on links except for the links in the categories' sidebox.

[dbltoe]

@GeorgeCY, I am not a fan of the display either; it was introduced in response to this GitHub issue: https://github.com/lat9/ZCA-Bootstra...ate/issues/324

By removing /css/stylesheet_364.css from the site, you can restore the display to the previous versions'.

Sorry for being late to the party.

Even ADA and WCAG recognize the underlining links is "old school" but, both will balk at removing the underline UNLESS:

The Web Content Accessibility Guidelines (WCAG) 2.0 has requirements for links that use color to distinguish them from surrounding text. The links must have a contrast ratio of at least 3:1 between the link and the surrounding text, and some additional visual cue when the link is hovered or receives focus. This visual cue can be an underline, bold, italic, or increase in font size. The underline should always be persistent, not solely on hover.

Notice that it does not address cursor change as a valid visual cue. Also, I'm surprised that they do list increased font size as this can create a hazardous blinking hazard.

That said, the problem is, for example, if you have the Categories and Reviews sideboxes on the same page, you will need to do some fancy colorizing to let the customers know that the Reviews heading is a link since both are set to the same coloring in the bootstrap distro.

It's easy to have all a:hover actions have the underline decoration triggered. The problem lies in the inclusion of mobile devices into the overall picture. While the mobile device can react to focus with proper textg decoration of a link, it can't react to hover.

If you want desktop to play without, and mobile to play with, text-decoration_underline, you would need to add a mobile-specific styleheet.

/* For devices with max-width of 768px (tablets and below) */@media only screen and (max-width: 768px) {
  /* Apply underline to the text */
  .your-element {
    text-decoration: underline;
  }
}


/* For devices with max-width of 480px (most smartphones) */
@media only screen and (max-width: 480px) {
  /* Apply underline to the text */
  .your-element {
    text-decoration: underline;
  }
}

Replace .your-element with the appropriate selector for the element you want to apply the underline to. This CSS will apply the underline only on devices with a screen width of 768 pixels or less (typically tablets and below) and 480 pixels or less (typically smartphones. Adjust as needed.

Remember that you will need to make the desktop compliant first.

[jpda]

Downloaded the latest ZCA-Bootstrap-Template-3.6.4.
The language file "\includes\languages\english\bootstrap\lang.account_history_info.php" contains the following text:

$define = [
    'TEXT_MISSING_SHIPPING_INFO' => 'WARNING: missing shipping details',
];

Is that correct??