ZCA Bootstrap 4 Template [Support Thread]

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,066
Plugin Contributions:: 56

Re: ZCA Bootstrap 4 Template [Support Thread]

jpda:

ZenCart v158a
OPC v2.5
ZCA Bootstrap v3.6.4
PHP 7.4 / 8.1

Building a fresh new site for a customer, currently running a non-Bootstrap site.

Question:
I need to change some colors to get the look of customer's present site.
May I change some colors using the admin's ZCA Bootstrap Colors tool, including those values now set to "not-set"?

TIA,

jpda
Absolutely. Those 'not-set' values are recent additions and are initially "set" to that value so that a template upgrade doesn't affect the site.

26 Mar 2024, 9:29 PM

#1223

Zen Follower

Join Date:: Jun 2014
Posts:: 157
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

@lat9

Thank you! :smile:

28 Mar 2024, 10:10 PM

#1224

g2ktcf

Totally Zenned

Join Date:: Feb 2011
Location:: Lumberton, TX
Posts:: 636
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

simon1066:

This is my setup,

put your code in a new file - \includes\templates\YOUR_TEMPLATE\css\stylesheet_font.css, note the path change of 'src: url' and either remove the trailing comma (in red) or change it to a semi-colon.

@font-face {
font-family: "TagLine_font";
src: url("/fonts/myfont.ttf") format("truetype");
src: url("/fonts/myfont.woff2") format("woff2")[B],[/B]

}

> 
> add an index.html file to the /fonts folder
> 
> index.html
> ```
<html>
  <head>
    <title></title>
    <meta content="">
    <style></style>
  </head>
  <body></body>
</html>

to restrict access to certain filetypes (i.e. fonts) add an .htaccess file to the /fonts folder (you might need to copy over an existing one from another folder and edit it - in windows you cannot create a new file beginning with a dot)

.htaccess

@copyright Copyright 2003-2013 Zen Cart Development Team

@license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

@version GIT: $Id: Author: DrByte Fri May 17 14:29:18 2013 -0400 Modified in v1.5.2 $

This is used with Apache WebServers

The following blocks direct HTTP requests to all filetypes in this directory recursively, except certain approved exceptions

It also prevents the ability of any scripts to run. No type of script, be it PHP, PERL or whatever, can normally be executed if ExecCGI is disabled.

Will also prevent people from seeing what is in the dir. and any sub-directories

For this to work, you must include either 'All' or at least: 'Limit' and 'Indexes' parameters to the AllowOverride configuration in your apache/conf/httpd.conf file.

Additionally, if you want the added protection offered by the OPTIONS directive below, you'll need to add 'Options' to the AllowOverride list, if 'All' is not specified.

Example:

#<Directory "/usr/local/apache/htdocs">

AllowOverride Limit Options Indexes

#</Directory>
###############################

deny everything

<FilesMatch ".*">
<IfModule mod_authz_core.c>
Require all denied
</IfModule>
<IfModule !mod_authz_core.c>
Order Allow,Deny
Deny from all
</IfModule>
</FilesMatch>

but now allow just certain necessary files:

IndexIgnore /

NOTE: If you want even greater security to prevent hackers from running scripts in this folder, uncomment the following line (if your hosting company will allow you to use OPTIONS):

OPTIONS -Indexes -ExecCGI


Thanks Simon!  I got this to work on my first try.  Thank you for all the specific detail.  The only thing I did differently is I already have a site specific style page mentioned a few posts back.  Having all my "tweaks" in one page is really nice!

29 Mar 2024, 3:58 PM

#1225

New Zenner

Join Date:: Jan 2015
Location:: Cyprus
Posts:: 83
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

Hi Guys,
After updating to ZCA Bootstrap v3.6.4 on Zencart 1.5.7d PHP 7.4 the Shopping cart shows a blank page after trying to add a product and the following error appears in the logs. Is it a file missing or some incompatibility with PHP and 1.5.7?

[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

29 Mar 2024, 4:08 PM

#1226

New Zenner

Join Date:: Jan 2015
Location:: Cyprus
Posts:: 83
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

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

29 Mar 2024, 5:04 PM

#1227

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,066
Plugin Contributions:: 56

Re: 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
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.

29 Mar 2024, 6:43 PM

#1228

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,066
Plugin Contributions:: 56

Re: ZCA Bootstrap 4 Template [Support Thread]

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?

30 Mar 2024, 9:53 AM

#1229

New Zenner

Join Date:: Jan 2015
Location:: Cyprus
Posts:: 83
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

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.

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.

2 Apr 2024, 4:09 PM

#1230

New Zenner

Join Date:: Jan 2015
Location:: Cyprus
Posts:: 83
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

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;
}

2 Apr 2024, 4:22 PM

#1231

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,066
Plugin Contributions:: 56

Re: ZCA Bootstrap 4 Template [Support Thread]

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

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

2 Apr 2024, 7:48 PM

#1232

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,066
Plugin Contributions:: 56

Re: ZCA Bootstrap 4 Template [Support Thread]

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-Bootstrap-Template/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.

3 Apr 2024, 8:00 PM

#1233

dbltoe

Totally Zenned

Join Date:: Jan 2004
Location:: N of San Antonio TX
Posts:: 9,765
Plugin Contributions:: 9

Re: ZCA Bootstrap 4 Template [Support Thread]

russianradiantsaDOTcom
ZC 1.5.8a
PHP 7.4.33
bootstrap 3.6.4
OPC
EO
DBIO
Options' Stock Manager

All mods are current from forum Plugins not Github

Don't think this is a boostrap problem but bootstrap and MagicThumb are not doing well together. I have removed MagicThumb for now.

This site if fed by an Excel file from the manufacture with generally four to five images of each product. The original is in the format XXXX####.jpg where XXXX is the product code and #### is the model number. The additional images are in the format XXXX####_L.jpg where L is a through c or d depending on whether there are four or five total images.

Zen Cart has no problem with properly labeling and showing the images as set witht the original as the main images and the underscores as additionals with their L in alphabetical order as expected.

The problem lies in that Zen Cart is overzealous in trying to select images for a product.

If you go to the site and search for 11, you will be shown eight items with 11 in the model number.

Clicking on the first available, results in the product page for STTK110. HOWEVER, the first set of additional images for the item are for STTK1100. It also shows images for 1101 thru 1109.

The selection is basing the results on 110 being anywhere in the image's filename. Since it is NOT showing images for 1110, we can assume (I know) that it looks at the images from the front of the image name until the first character/number does not match.

That is reinforced by the fact that, when selecting the second choice of STK1100, it results in a proper product listing of only the images matching sttk1100.jpg or sttk1100_L.jpg.

I have not experienced this before as we have been using responsive_classic with MagicThumb (a commercial image handler). It's selection proces works with responsive_classic but not with bootstrap.

I am hoping to find a way to modify the selection process to more correctly select images for a product. With over 2,000 products in a feed, it is impossible to try to manipulate image naming so that products starting with 11, 12, 13, 14, 15, 16, 17, 18, 19, and 20 would not show images not related to them.

Is it a simplle matter of having the search only look for a strict match from the filename beginning to the . or _?

Is there a change to the #image_modal that could accomplish this or is in the main zen_image? Perhaps a change in the includes/functions/htim_output.com?

Suggestions?

3 Apr 2024, 8:26 PM

#1234

dbltoe

Totally Zenned

Join Date:: Jan 2004
Location:: N of San Antonio TX
Posts:: 9,765
Plugin Contributions:: 9

Re: ZCA Bootstrap 4 Template [Support Thread]

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-Bootstrap-Template/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.

9 Apr 2024, 2:32 PM

#1235

Zen Follower

Join Date:: Jun 2014
Posts:: 157
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

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??:dontgetit

9 Apr 2024, 2:47 PM

#1236

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,066
Plugin Contributions:: 56

Re: ZCA Bootstrap 4 Template [Support Thread]

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??:dontgetit
Yes, that was introduced post-zc158 release.

9 Apr 2024, 5:16 PM

#1237

Zen Follower

Join Date:: Jun 2014
Posts:: 157
Plugin Contributions:: 0

Re: ZCA Bootstrap 4 Template [Support Thread]

lat9:

Yes, that was introduced post-zc158 release.

Thank you!

I am on zc158a, so I don't need it?

jpda

9 Apr 2024, 7:48 PM

#1238

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,066
Plugin Contributions:: 56

Re: ZCA Bootstrap 4 Template [Support Thread]

jpda:

Thank you!

I am on zc158a, so I don't need it?

jpda
My bad, added post zc158a, present in zc200. So, yes you do need that definition.

10 Apr 2024, 11:22 AM

#1239