ZCA Bootstrap 4 Template [Support Thread]

Hi, before I start tearing my hair out on this one minor detail, is this normal? Referring to the blank cell between QTY and Product Name.

I noticed in the code there is still a reference to a checkbox to delete but noticed that it doesn't even pop up in Classic Contemporary Green?

Using ZCA 3.6.1 on ZenCart 1.5.8 on PHP 8.2.

Welcome to the forum. You will get quicker responses if you post your query in the support thread for the particular product/service. In this case, https://www.zen-cart.com/showthread.php?223910-ZCA-Bootstrap-Template.

Also, the answers to the posting tips really help. Things like versions, PHP, mods, customizations, etc are bits of information that speed up the process.

Meanwhile, the reset (circling arrows) that shows up under your quantity should be in the blank cell you are concerned about. Without seeing the site, I can't really guess as to why.

Unless your site is on a local setting, you can provide the link as yoursiteDOTcom and we can take a look.

retched:

Hi, before I start tearing my hair out on this one minor detail, is this normal? Referring to the blank cell between QTY and Product Name.

I noticed in the code there is still a reference to a checkbox to delete but noticed that it doesn't even pop up in Classic Contemporary Green?

Using ZCA 3.6.1 on ZenCart 1.5.8 on PHP 8.2.
I'm not sure what the question here is, but if you're using the Bootstrap template what does that have to do with the "Classic Contemporary Green" one? Templates are a one-or-the-other choice.

lat9:

I'm not sure what the question here is, but if you're using the Bootstrap template what does that have to do with the "Classic Contemporary Green" one? Templates are a one-or-the-other choice.

I reverted back to using Classic Contemporary Green to compare what's different between ZCA Bootstrap 3.6.1 (which is the one that was installed, not sure if that was clear) and the Classic Contemporary (which is pre-installed with ZC). Was generally trying to remove the blank space that was present.

I'm 90% sure I found the answer to my original inquiry on my own though after your original post. But thanks anyway.

This installation was done locally. So there is no address for me to share unfortunately.

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

charmlt:

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

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

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
That feels like a "job" for some jQuery/javascript: <https://www.w3schools.com/bootstrap4/bootstrap_ref_js_tooltip.asp>

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.

lat9:

That feels like a "job" for some jQuery/javascript: https://www.w3schools.com/bootstrap4/bootstrap_ref_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! :D
Dave
zc158a, zca-bootstrap-template 3.6.1

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.

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

New feature request: dynamic determination of categories per row

https://github.com/lat9/ZCA-Bootstrap-Template/issues/305

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.

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

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

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

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.

I think I was able to do what you want by editing the following file:

/includes/templates/bootstrap/templates/tpl_modules_main_product_image.php

Remove line #21 which says:

<span class="imgLink"><?php echo TEXT_CLICK_TO_ENLARGE; ?></span>

That will remove the "Larger Image" Link between the main image and the additional images button.

Is it possible to upgrade Bootstrap 4 to version 5?

OJ_SIMON:

Is it possible to upgrade Bootstrap 4 to version 5?
Anything (from a code perspective) is possible, updating Bootstrap from 4 to 5 as well as Font Awesome from 5 to 6 is on my list.