ZCA Bootstrap 4 Template [Support Thread]

[lat9]

I want to turn off the "Write Review" below the Product Description, /index.php?main_page=product_info&cPath=2&products_id=2

That's a "base" Zen Cart configuration setting in the site's admin: Catalog :: Product Types, then click the Layout Settings button for the products' type and set Show Product Reviews Button to "False/0".

[Dave224]

I would like to add a tooltip to the font awesome bars icon in the header. I was successful by changing the code in tpl_header.php line 29 to the following:

<i class="fas fa-bars" data-toggle="tooltip" title="my tooltip text"></i>

But the tooltip also appears when hovering over the bars on the offcanvas menu. I do not want to show the tooltip there or change the tooltip text. So how and where can I accomplish this?
Thank you in advance.
Dave
zc158a, ZCA bootstrap 3.6.1

[lat9]

I would like to add a tooltip to the font awesome bars icon in the header. I was successful by changing the code in tpl_header.php line 29 to the following:

<i class="fas fa-bars" data-toggle="tooltip" title="my tooltip text"></i>

But the tooltip also appears when hovering over the bars on the offcanvas menu. I do not want to show the tooltip there or change the tooltip text. So how and where can I accomplish this?
Thank you in advance.
Dave
zc158a, ZCA bootstrap 3.6.1

That feels like a "job" for some jQuery/javascript: https://www.w3schools.com/bootstrap4...js_tooltip.asp

[lat9]

v3.6.2 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 the following GitHub issues:

#274: Changed rating stars' default color/background-color.
#290: New notifications (from zc200) for the account_history_info page's template.
#296: UI improvements to the admin's ZCA Bootstrap Colors tool; default color now included in exported .csv.
#297: product_reviews_write page's template, variable name changed for zc200.
#298: Remove unwanted HTML tags from zca_bootstrap log for breadcrumbs' separator.
#299: id= attribute wasn't being added to the "Submit" button on the checkout_one_confirmation page.

[Bruce1952]

Hi All,

Server Host: xxxxx.prod.phx3.secureserver.net (68.178.132.xxx)
Database: xxxxx_live158Store
Home: /home/xxxxx/public_html/Server
OS: Linux 4.18.0-477.27.2.lve.el8.x86_64
Server Date: 24/11/2023 22:50:21
Server Up Time: Disabled/UnavailableHTTP
Server: ApachePHP Version: 8.0.30 (Zend: 4.0.30)PHP
File Uploads: OnUpload Max Size: 1024M
PHP Memory Limit: -1POST Max Size: 1024M
Database Engine: MySQL 10.6.14-MariaDB-cll-lve
Database Host: localhost (127.0.0.1)
Database Date: 24/11/2023 22:50:21
Database Data Size: 280,607 kB
Database Index Size: 40,767 kB
MySQL Slow Query Log Status: Off
MySQL Slow Query Log File: xxxxx-slow.log
MySQL Mode: NO_ENGINE_SUBSTITUTIONView the database configuration variables

I need help on how I move the search from the top right to the right side where the logo is below the contact number.

We are using the latest version of the bootstrap template version 3.6.3. This is the site outdoorking.com.au

Any assistance with code and where to put it would be appreciated, as I am consistently getting people not knowing where they can search on the website.

I would like to have a box saying enter part number or description so they can at lest see it.

[lat9]

Go to Configuration :: Bootstrap Template Settings and set Enable AJAX Search to false. That'll cause a full search button/input field to be displayed instead of the search-icon.

Note, too, that v3.6.3 is not the latest; v3.6.4 was released a couple of days ago!

[Bruce1952]

Go to Configuration :: Bootstrap Template Settings and set Enable AJAX Search to false. That'll cause a full search button/input field to be displayed instead of the search-icon.

Note, too, that v3.6.3 is not the latest; v3.6.4 was released a couple of days ago!

That worked but now the display below does not show the products. So how do you fix that issue. The box used to pop up on the screen and a drop down would show products image etc.

[Dave224]

That feels like a "job" for some jQuery/javascript: https://www.w3schools.com/bootstrap4...js_tooltip.asp

Thank you Lat9! Reading the link got me to initialize the tooltip correctly which made a nicer looking tooltip. For those interested, some more googling and experiments resulted in adding the following code to jscript_zca_bootstrap.js inside the ready function to also toggle the tooltip text:

    $('[data-toggle="tooltip"]').tooltip(); // edit to initialize tooltips
    $('.navbar-toggler').on('click', function() { // edit to toggle tooltip text
      toggleToolTipTitle.call(this, "my oncanvas tooltip text", "my offcanvas tooltip text");
    });

    function toggleToolTipTitle(titleOne, titleTwo) {
      var lastTitle = $(".navbar-toggler i").attr("data-original-title");
      $(".navbar-toggler i").attr('data-original-title',lastTitle === titleOne ? titleTwo : titleOne);
      $(".navbar-toggler i").tooltip("show");
    }

The code might be simplified but it works for me. Thanks again!
Dave
zc158a, zca-bootstrap-template 3.6.1

[retched]

Does anyone know why the right column isn't visible on my install?

There are definitely sideboxes enabled and with the "Right" column as the target. The columns are balanced at 3, 6, and 3 for a total of 12. And even using the "Reset Layout" function doesn't seem to be working.

I'm using ZC 1.5.8a with version 3.6.2 of Boostrap.

EDIT: Scratch the above.

Setting I was looking for was ZenCart's Global Configuration to enable the Right Column.

[swguy]

> Setting I was looking for was ZenCart's Global Configuration to enable the Right Column.

Look at Configuration > Layout Settings:

Column Width - Left Boxes
Column Left Status - Global
Column Width - Left