ZCA Bootstrap 4 Template [Support Thread]

[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

[lat9]

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

I'm not sure I understand the issue, Dave. What, exactly, is the "hover background" that displays and won't go away? Are you talking about the overall 'offcanvas menu'?

[Dave224]

I'm not sure I understand the issue, Dave. What, exactly, is the "hover background" that displays and won't go away? Are you talking about the overall 'offcanvas menu'?

When the hamburger is tapped, the css for a mouse hovering over a link is executed, turning the icon background, border and text to the colors set in the admin bootstrap colors page (dark gray for background and border, lighter gray for text in this case). But the hover colors remain after the offcanvas screen is displayed instead of going back to the non-hover css colors.

See screenshot attached (I hope).


Note: I have tailored the nav menu to add/keep sign in/sign out, memberships and donate, instead of placing them in the offcanvas menu.

Dave

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