ZCA Bootstrap 4 Template [Support Thread]

Hi All,

Running version 1.58a on a linux server running PHP Version: 8.1.31

Template Bootstrap Version 3.7.4

CKEditor version 5

Image Handler version 5

I am wanting to know how to get the search to start working as you type a number or letters into search box which I have two of. One is the magnifying glass and the other is in a side box (because people don't seem to know what the magnifying glass picture is for).

Is there an option in the configuration settings to adjust this or do I need to change a file and if a file change is needed which file etc.

Once again any assistance is a great help as I am slowly getting through the dev site correcting things (and then updating the live site) that were done in the past by other people (not from here) that lied that they new zencart software.

Bruce1952:

Hi All,

Running version 1.58a on a linux server running PHP Version: 8.1.31

Template Bootstrap Version 3.7.4

CKEditor version 5

Image Handler version 5

I am wanting to know how to get the search to start working as you type a number or letters into search box which I have two of. One is the magnifying glass and the other is in a side box (because people don't seem to know what the magnifying glass picture is for).

Is there an option in the configuration settings to adjust this or do I need to change a file and if a file change is needed which file etc.

Once again any assistance is a great help as I am slowly getting through the dev site correcting things (and then updating the live site) that were done in the past by other people (not from here) that lied that they new zencart software.
The "magnifying glass" (when clicked) brings up a modal that uses an AJAX search, returning the found products as they're found; the search sidebox requires that the full search string be entered prior to the product search.

lat9:

The "magnifying glass" (when clicked) brings up a modal that uses an AJAX search, returning the found products as they're found; the search sidebox requires that the full search string be entered prior to the product search.

You are telling me that when you type in using the magnifying glass products should come up would that be correct?

If so why do I have to press enter to start it or is it my laptop with the issue not showing the product up?

Bruce1952:

You are telling me that when you type in using the magnifying glass products should come up would that be correct?

If so why do I have to press enter to start it or is it my laptop with the issue not showing the product up?
I'm guessing that the number of products on the site is causing a delay in the response. As I started to write this response, I'd typed li into the search box and once I got to writing the 2nd sentence the list started populating.

lat9:

I'm guessing that the number of products on the site is causing a delay in the response. As I started to write this response, I'd typed li into the search box and once I got to writing the 2nd sentence the list started populating.

So does zencart have a way to speed up the search options because I have thousands of product to list on the site and don't want to loose customers because of slow responses.

Is there a better search module?

Bruce1952:

So does zencart have a way to speed up the search options because I have thousands of product to list on the site and don't want to loose customers because of slow responses.

Is there a better search module?
That's a good question to ask in the "General" thread.

How many items are on your website? I have 17,000 and mine is instant..
I just tried your website and it's really slow. You may have a server problem or database locking issue.

Also, when I select different options on your header, it's opening a new tab. Not sure why you have it doing that?

I'd contact your host about database issue.

brian70809:

How many items are on your website? I have 17,000 and mine is instant..
I just tried your website and it's really slow. You may have a server problem or database locking issue.

Also, when I select different options on your header, it's opening a new tab. Not sure why you have it doing that?

I'd contact your host about database issue.

We have a lot of data that gets searched because we have different suppliers selling the same part with different part numbers. That is why you would see a few item show for the same part number or description.

Our search also is searching for model numbers as well as SKU and information in the description box. We have done it that way to make it easier for the customer to find things.

Bruce1952:

We have a lot of data that gets searched because we have different suppliers selling the same part with different part numbers. That is why you would see a few item show for the same part number or description.

Our search also is searching for model numbers as well as SKU and information in the description box. We have done it that way to make it easier for the customer to find things.

There definitely seems like something is wrong with your server configuration. The issue seems to stem from the amount of time your database is taking to return search results. For example, on my site, I used my Ajax Search to type in a very generic term (Playing Cards, which we have over 1200 listings) and the Ajax window popped up within seconds.

I noticed on your site that the query takes FOREVER. In other words, I do get your Ajax Search to pop up results, but you have to sit there and wait for it. For example, I typed in the word "Throttle" and it took forever, but it finally popped up. I then went back to your home page, hit the search again, and typed "Throttle" again, and they pop up almost instantly (probably because the results are cached to reload the same content, I imagine). But if you put in a new search (for "Redback"), it takes forever again. But after, it loads the same search just fine.

I don't know who your web host is, but I'd be curious what kind of system resources you have (RAM, Core Processors, etc). The problem doesn't seem to be the Ajax Search, but your database / server speed in general.

If you turn off the Ajax Search in the Bootstrap Settings, I'm guessing you will still see slow results (but not quite as slow since it's not Ajax). Just a guess.

Has your site always had a slow response time?

Also, are you able to see if your database has any OVERHEAD and the option to OPTIMIZE those tables? I use MySQL and it will tell me which tables can be optimized or cleaned up to reduce overhead.

Jeff_Mash:

There definitely seems like something is wrong with your server configuration. The issue seems to stem from the amount of time your database is taking to return search results. For example, on my site, I used my Ajax Search to type in a very generic term (Playing Cards, which we have over 1200 listings) and the Ajax window popped up within seconds.

I noticed on your site that the query takes FOREVER. In other words, I do get your Ajax Search to pop up results, but you have to sit there and wait for it. For example, I typed in the word "Throttle" and it took forever, but it finally popped up. I then went back to your home page, hit the search again, and typed "Throttle" again, and they pop up almost instantly (probably because the results are cached to reload the same content, I imagine). But if you put in a new search (for "Redback"), it takes forever again. But after, it loads the same search just fine.

I don't know who your web host is, but I'd be curious what kind of system resources you have (RAM, Core Processors, etc). The problem doesn't seem to be the Ajax Search, but your database / server speed in general.

If you turn off the Ajax Search in the Bootstrap Settings, I'm guessing you will still see slow results (but not quite as slow since it's not Ajax). Just a guess.

Has your site always had a slow response time?

Also, are you able to see if your database has any OVERHEAD and the option to OPTIMIZE those tables? I use MySQL and it will tell me which tables can be optimized or cleaned up to reduce overhead.

Hi Jeff,

I did as you said and run optimmize the tables and this is what I got in return after completion.

outdoorking_dev.ceon_umm_category_mapping_templates
outdoorking_dev.ceon_umm_configs
outdoorking_dev.ceon_umm_other_pages
outdoorking_dev.ceon_umm_page_mapping_templates
outdoorking_dev.ceon_umm_product_mapping_templates
outdoorking_dev.ceon_uri_mappings
outdoorking_dev.ceon_uri_mapping_configs
outdoorking_dev.ceon_uri_mapping_prp_uri_parts
outdoorking_dev.customers_to_groups
outdoorking_dev.customer_groups
outdoorking_dev.ceon_uri_mapping_prp_uri_parts
outdoorking_dev.stripe

Table does not support optimize, doing recreate + analyze instead

It appears that ceonurl mapping module might be causing most of the issues because in the past the search worked reasonable well until I decided to cleanup the site because of people that worked on left a lot of files on the site that should not be there.

At present I am testing on my dev site first and when something is woirking correctly I update the live site and then move on to the next module and check if that has issues as well.

Slowly, slowly so I don't make errors with the live site.

Should I run the command that is suggested for the files that have issues?

Also as I don't use the stripe module should I remove it from the site to fix that issue?

I forgot to say that I am using bootstrap version 3.6.2 which I am going to update today to the same as the live site.

I realize this is an older post but I have a question regarding the discussion. Are you speaking of viewing the search bar in desktop mode? I am trying to get the search bar to display on the front page of responsive/portrait mobile without having to click on the toggler menu bar. Can you tell me if you know of a solution for this request? Thanks!

chuckrey:

I realize this is an older post but I have a question regarding the discussion. Are you speaking of viewing the search bar in desktop mode? I am trying to get the search bar to display on the front page of responsive/portrait mobile without having to click on the toggler menu bar. Can you tell me if you know of a solution for this request? Thanks!

Responding to my own request after trying a couple of options one worked for me, right or wrong, it works.

In case anyone else wants to do the same, here is what I did...

file: tpl_header

Grabbed the below bit of code from around line# 72 and relocated it to just below "tagline" tag around #112.
Since it was placed below the tagline, it is using the TaglineWrapper css, so it fit perfect for my purpose. The only css I needed to add was in stylesheet.css ```
@media only screen and (orientation:portrait)
#taglineWrapper {padding-top:10px;}}

*** I do not use the tagline so not sure how it would interact, I assume a bit of css to get it worked out if needed.   It also moved the search bar from the navmain to the tagline area across from the logo on desktop which I prefer.  Keep in mind this also removes it from the toggle in Responsive which I don't mind since it is displayed in the header.

Code Moved from around #72 to #112:

There is probably a bunch of different ways to make it work, but I am not a coder and this worked for me.

I am having the hardest time understanding this template system. I downloaded it from GitHub and after copying all relevant files to the site, it throws PHP error on the front end:

--> PHP Fatal error: Uncaught Error: Undefined constant "ZCA_BUTTON_COLOR" in /site/public_html/includes/templates/bootstrap/css/stylesheet_zca_colors.php:73

In addition, there is no Admin > Tools > ZCA Bootstrap Colors as the FAQ claims.

Can someone point me to the installation instructions and how to use this template as the download contains no readme, no instructions.

Thanks!

Techiant:

I am having the hardest time understanding this template system. I downloaded it from GitHub and after copying all relevant files to the site, it throws PHP error on the front end:

--> PHP Fatal error: Uncaught Error: Undefined constant "ZCA_BUTTON_COLOR" in /site/public_html/includes/templates/bootstrap/css/stylesheet_zca_colors.php:73

> 
> In addition, there is no Admin > Tools > ZCA Bootstrap Colors as the FAQ claims.
> 
> Can someone point me to the installation instructions and how to use this template as the download contains no readme, no instructions.
> 
> Thanks!

It was an issue with the source not fully extracted from zip archive for some reason

Techiant:

I am having the hardest time understanding this template system. I downloaded it from GitHub and after copying all relevant files to the site, it throws PHP error on the front end:

--> PHP Fatal error: Uncaught Error: Undefined constant "ZCA_BUTTON_COLOR" in /site/public_html/includes/templates/bootstrap/css/stylesheet_zca_colors.php:73

> 
> In addition, there is no Admin > Tools > ZCA Bootstrap Colors as the FAQ claims.
> 
> Can someone point me to the installation instructions and how to use this template as the download contains no readme, no instructions.
> 
> Thanks!
The zip-file includes a /docs/bootstrap directory; that's where you'll find the installation instructions as well as a pointer to the template's wiki articles: <https://github.com/lat9/ZCA-Bootstrap-Template/wiki>

v3.7.7 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:

#479: Correct missing language constant on checkout_success page when shipping information is missing.
#480: Add notification for site-specific product details.
#481: Don't display prev/next controls if home-page slider includes only one banner.
#485: Recognize zc210+ information-sidebox override flag for 'Order Status' link.
#484: Display zc210+ featured-categories' link on categories' sidebox, if enabled.
#487: Add template for zc220's password_reset page.

PHP 8.4.4 / ZC 2.1.0 / Bootstrap 3.7.7

After upgrading, I'm getting the following warning messages when I load up the product details page of an item:

[20-Jun-2025 14:08:36 America/New_York] Request URI: /justuptown/demo-for-testing-only-c-1/printing-123-p-1.html, IP address: 127.0.0.1, Language id 1
#0 E:\xampp\htdocs\justuptown\includes\modules\pages\product_info\main_template_vars.php(66): zen_debug_error_handler()
#1 E:\xampp\htdocs\justuptown\includes\templates\bootstrap\common\tpl_main_page.php(233): require('E:\\xampp\\htdocs...')
#2 E:\xampp\htdocs\justuptown\index.php(94): require('E:\\xampp\\htdocs...')
--> PHP Warning: Undefined array key "lang" in E:\xampp\htdocs\justuptown\includes\modules\pages\product_info\main_template_vars.php on line 66.

I tried to see what the data from the $product_info->fields was as I noticed there is no ['lang'] defined for it.

retched:

PHP 8.4.4 / ZC 2.1.0 / Bootstrap 3.7.7

After upgrading, I'm getting the following warning messages when I load up the product details page of an item:

[20-Jun-2025 14:08:36 America/New_York] Request URI: /justuptown/demo-for-testing-only-c-1/printing-123-p-1.html, IP address: 127.0.0.1, Language id 1
#0 E:\xampp\htdocs\justuptown\includes\modules\pages\product_info\main_template_vars.php(66): zen_debug_error_handler()
#1 E:\xampp\htdocs\justuptown\includes\templates\bootstrap\common\tpl_main_page.php(233): require('E:\xampp\htdocs...')
#2 E:\xampp\htdocs\justuptown\index.php(94): require('E:\xampp\htdocs...')
--> PHP Warning: Undefined array key "lang" in E:\xampp\htdocs\justuptown\includes\modules\pages\product_info\main_template_vars.php on line 66.

> 
> I tried to see what the data from the $product_info->fields was as I noticed there is no ['lang'] defined for it.
Hmm, \includes\modules\pages\product_info\main_template_vars.php is not a file distributed by the template.  Is this zc210 as-shipped or current GitHub repo version?

lat9:

Hmm, \includes\modules\pages\product_info\main_template_vars.php is not a file distributed by the template. Is this zc210 as-shipped or current GitHub repo version?

It's the current 2.1.0 version but I guess I could try the current ZC repo version and see.

EDIT: Same warning message for lines 66 and 77 both referring that $product_info->fields['lang'] is null. Additionally, if I switch off from ZCA Bootstrap to something like Responsive Classic, no warnings are presented.

retched:

It's the current 2.1.0 version but I guess I could try the current ZC repo version and see.

EDIT: Same warning message for lines 66 and 77 both referring that $product_info->fields['lang'] is null. Additionally, if I switch off from ZCA Bootstrap to something like Responsive Classic, no warnings are presented.
Thanks for the update; I'll give that a look-see a bit later.