ZCA Bootstrap 4 Template [Support Thread]

Currently running 1.5.8a ZenCart/3.6.3 Bootstrap Template on PHP 8.

Previously I had the AJAX search of the header working but as of today, likely the update as it worked prior, has stopped working.

I inspected the error console and found this error when I checked it:

Code:

---

Uncaught TypeError: jQuery(...).modal is not a function
    at HTMLAnchorElement.<anonymous> (ajax_search.min.js:6:123)
    at HTMLAnchorElement.dispatch (jscript_a_jquery.js:25:1102)
    at q.handle (jscript_a_jquery.js:24:29909)
(anonymous) @ ajax_search.min.js:6
dispatch @ jscript_a_jquery.js:25
q.handle @ jscript_a_jquery.js:24

---

Unfortunately I'm not well versed with JQuery to even begin how this should be fixed. I only know that the code points to the following:

Code:

---

    jQuery("#search-icon, #mobile-search").on("click", function(e) {
        jQuery("#search-wrapper").modal()
    }),

---

Would appreciate any help.

I'm not sure where the file /jscript/jscript_a_query.js comes from, but it appears that it's 'conflicting' with the Bootstrap template's ajax_search.min.js file's operation.

Quote:

---

Originally Posted by lat9

I'm not sure where the file /jscript/jscript_a_query.js comes from, but it appears that it's 'conflicting' with the Bootstrap template's ajax_search.min.js file's operation.

---

That did it. Now to see where that file came from.

EDIT: Found it. The Consent banner plugin. Removing that file doesn't seem to affect either, so I'll go ahead and trash that one.

Just a small note;
in includes\templates\bootstrap\templates\tpl_product_info_display.php between line 209 and 216 div causes html error, because there is already the same div in tpl_modules_attributes.php

HTML Code:

---

<!--<div id="productAttributes"> REMOVE-->

<?php
/**
 * display the product attributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<!--</div> REMOVE-->

---

Anybody has an idea about the misfunction of the image swap?

Quote:

---

Originally Posted by zamzom

Just a small note;
in includes\templates\bootstrap\templates\tpl_product_info_display.php between line 209 and 216 div causes html error, because there is already the same div in tpl_modules_attributes.php

HTML Code:

---

<!--<div id="productAttributes"> REMOVE-->

<?php
/**
 * display the product attributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<!--</div> REMOVE-->

---

Anybody has an idea about the misfunction of the image swap?

---

Rather than do that, why not remove the defining <div> (line 18) and </div> (line 161)* inside of tpl_modules_attributes.php?

I'm not sure where your tpl_modules_attributes.php came from, but the as-shipped version for Bootstrap 3.5.0 does not contain that div.

You'll need to check on the attributes-image-swap support-thread for why it doesn't work.

Again using 3.6.3 ZCA and ZenCart 1.5.8s on PHP 8.2.

I am getting the following display of the product price when displaying a product with attributes assigned.
https://i.imgur.com/SGvTfMk.png

Should I manually remove one of these price blocks or is there a way to toggle which one is displayed? (For note, this is the default product type with attributes.)

You'll need to either edit your tpl_product_info_display.php to comment-out either the upper or lower price display or provide styling (in the /css/site_specific_styles.php) to do a display: none; on one of them.

Quote:

---

Originally Posted by lat9

1) Did you try changing the columns-per-row to 0 (fluid)? If that doesn't do what you want, v3.6.3 adds a 'soft' configuration setting:

Code:

---


    // -----
    // Starting with v3.6.3, a categories' fluid layout can be identified.  If predefined (like
    // in an /extra_datafiles .php module), that override is used.
    //
    if ($category_row_layout_style === 'fluid') {
        $grid_cards_classes = 'row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3';
        if (!isset($grid_category_classes_matrix)) {
            // this array is intentionally in reverse order, with largest index first
            $grid_category_classes_matrix = [
                '12' => 'row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6',
                '10' => 'row-cols-1 row-cols-md-2 row-cols-lg-4 row-cols-xl-5',
                '9' => 'row-cols-1 row-cols-md-3 row-cols-lg-4 row-cols-xl-5',
                '8' => 'row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4',
                '6' => 'row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3',
            ];
        }

---

2) There's a 'soft' setting (see dist.site-specific-bootstrap-settings.php) that totally disabled the back-to-top button. If you still want it to show, but not overlay "important" buttons, here's what I added to my /css/site_specific_styles.php so it overlays the footer:

Code:

---

#back-to-top {
    bottom: 2.5vh;
}

---

---

Hi Cindy,
On 1.5.7d with 3.6.3 the the columns-per-row to 0 (fluid) is not working as per attached image. Is this something that changed in the latest version or is something I am doing wrong?
Attachment 20517

Hi Guys,
In 1.5.7d and 3.6.3 the Listing Columns Per Row and the Listing Layout Style in product listing, do not have any effect when changed. I this a change in the version 3.6.3 or I should reinstall the template? see attached photos
Attachment 20518Attachment 20519Attachment 20520