ZCA Bootstrap 4 Template [Support Thread]

[g2ktcf]

So, I downloaded 3.7.0 Beta 6 as I wanted to see what happens to my products listings. Now I cannot get a three column format at all. I get 6, 4, 2 and so forth. I have slowly adjusted my width to see the changes. Also, my product images are not scaling for the width of the card. See the link below. that has a 5 column. I am open to having more columns, but the image problem is a no go. I have my side bar width set a 2 and the main screen at 10.

https://www.dropbox.com/scl/fi/r0mkt...=oyovi6yp&dl=0

I cannot seem to find the solution for this. I am in the developer console in chrome. The first product card is div.col.mb.4 and is 175x829.06. The image in the card is below and it is scaled at 264. There seems to be a disconnect between the size of the column and rendered image from IH???

<img src="bmz_cache/c/ce0920250005_front_largejpg.image.220x264.jpg" title="Translucent 250g" alt="(image for) Translucent 250g" width="220" height="264" class="img-fluid listingProductImage" loading="lazy">

[g2ktcf]

I cannot seem to find the solution for this. I am in the developer console in chrome. The first product card is div.col.mb.4 and is 175x829.06. The image in the card is below and it is scaled at 264. There seems to be a disconnect between the size of the column and rendered image from IH???

<img src="bmz_cache/c/ce0920250005_front_largejpg.image.220x264.jpg" title="Translucent 250g" alt="(image for) Translucent 250g" width="220" height="264" class="img-fluid listingProductImage" loading="lazy">

I am at my wits end on this.

What is the expected behavior for the flex columns as they get larger? What metrics drives the number of displayed columns and why are my images not matching? I really need to get my site updated as just the shear number of debug logs I get everyday is hard to manage. But I cannot go to the new version with the display being so messed up.

[lat9]

I am at my wits end on this.

What is the expected behavior for the flex columns as they get larger? What metrics drives the number of displayed columns and why are my images not matching? I really need to get my site updated as just the shear number of debug logs I get everyday is hard to manage. But I cannot go to the new version with the display being so messed up.

You control the size of images in product listings via Configuration :: Images :: Image - Product Listing Width/Height. The default is 100/80. Perhaps you've got the values set too high?

[swguy]

> What metrics drives the number of displayed columns and why are my images not matching?

Possibly helpful:
https://docs.zen-cart.com//user/temp...e-in-bootstrap

[g2ktcf]

> What metrics drives the number of displayed columns and why are my images not matching?

Possibly helpful:
https://docs.zen-cart.com//user/temp...e-in-bootstrap

When I first looked, I thought "YEA" but I have tweaked this file to see the results. But nothing changes. I want no more than 4 columns for my width setting of 9

      if (!isset($grid_classes_matrix)) {
                // this array is intentionally in reverse order, with largest index first
                $grid_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-md-3 row-cols-lg-4',
                    '9' => 'row-cols-1 row-cols-md-2 row-cols-md-3 row-cols-lg-4',
                    '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',
                ];
            }

The way I see it, I should never have more than 4 for these settings right?

[g2ktcf]

When I first looked, I thought "YEA" but I have tweaked this file to see the results. But nothing changes. I want no more than 4 columns for my width setting of 9

      if (!isset($grid_classes_matrix)) {
                // this array is intentionally in reverse order, with largest index first
                $grid_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-md-3 row-cols-lg-4',
                    '9' => 'row-cols-1 row-cols-md-2 row-cols-md-3 row-cols-lg-4',
                    '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',
                ];
            }

The way I see it, I should never have more than 4 for these settings right?

I may have answered my own question. For some ODD unknown reason, I have TWO bootstrap directories in modules. After renaming one to _old. I got no changes. After REVERSING the two, it worked fine. What would be the expected behavior with this error? Last one processed? Unknown?

I now have the expected 4 column max, 3 columns for most displays and the proper mobile views. THANKS!

[Dave224]

On mobile devices when the "hamburger" icon is displayed and tapped, the hover background, border, and text color remains after the offcanvas menu is displayed and won't return to normal until another link is tapped. The hover effect on other links goes away when the linked page is displayed. This sticky hover effect occurs on iOS devices using Safari, but might (or might not) occur on other tap devices/operating systems. Is there any way to fix this problem?

Dave
zc158a, ZCA-Bootstrap-Template 3.6.5, php8.2

[g2ktcf]

You control the size of images in product listings via Configuration :: Images :: Image - Product Listing Width/Height. The default is 100/80. Perhaps you've got the values set too high?

That did it! I do not remember ever changing that setting! Thank you!