ZCA Bootstrap 4 Template [Support Thread]

[charmlt]

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

[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.

[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

[chadlly2003]

I am redoing my site and what a great template this is. You guys have done an awesome job with this.

I do have a question.

I have the Bootstrap Additional Image Carousel enabled. When this happens there is a button that is created for the additional images (Works as expected..)

My issue is when there are additional images, we now have a link for the primary image and a link to the additional images.

Is there a way we can remove the primary image link when additional images are shown.
It seems confusing to have both links.

Plus, the additional image link already has the primary image in it.

[lat9]

It's easily removed from view by adding a bit of CSS to your template clone's /css/site_specific_styles.php:

#productMainImage > a > .imgLink { display: none; }

[NortheastTroller]

Having trouble finding what CSS controls these two boxes. We have gone through literally every box in the Bootstrap color chooser, and these remain the same. Its the box that displays products in the category view, as well as the boxes behind price, stock and the box that contains the add to cart in product page. Help? ZC Version v1.5.8a, Bootstrap version 3.6.0

[chadlly2003]

I tried the css below but there was no result.
I can still click on primary image if there are additional images included. Did i misunderstand something....

#productMainImage > a > .imgLink { display: none; }