That Software Guy. My Store: Zen Cart Support
Available for hire - See my ad in Services
Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
Do you benefit from Zen Cart? Then please support the project.
I have finally gotten around to using a copy of my actual store database to test upgrading to 2.0.0. I just ran into something that I have not seen. The text and title of the product are squeezed into a long rectangular div about 1/3 the width of the card. I tried to post an image but the forum says I have exceeded my quota? Any idea on WHERE to start looking for the issue?
Yep, see this GitHub Wiki article: https://github.com/lat9/ZCA-Bootstra...splay-examples
FWIW, the upcoming 3.7.0 release of the template corrects that; see this (https://github.com/lat9/ZCA-Bootstra...1f3d02e19dd9b7) GitHub commit for the changes required.
New install with 2.0.0 and latest bootstrap. PHP is 8.1
Have no problem with the site. Where I'm struggling is to get the define_main_page to act like Display example 1 in the wiki above.
I thought that simply tagging the columns as .card .mb-3 and then each block of image/title with .card-body .text-center as it's done when a category is displayed would do the trick.
Unfortunately, the flex settings did not play as well on the main page as on the listing on a categories page. Although everything else switches to a centered, single column when switching to mobile, what I came up with continues with the three columns on a mobile.
In looking more at the code for a category's page, it looks as if it might need all the items to actually be in a card-deck div with all the card decks in a single card-body div. Finally, all that is surrounded by the card mb-3 div.
I've no need for the border around the card-body or the border on card-deck, so it might be better to just wrap car-deck items with the card mb-3 div.
Thoughts from the experts?
Are You Vulnerable for an Accessibility Lawsuit?
myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
Free SSL, Domain, and MagicThumb with semi-annual and longer hosting.
You've got some change to the layout that's affecting the display. See this demo page for an example: https://zc158.vinosdefrutastropicale...index&cPath=23
Using the default grid layout and Configuration :: Product Listing :: Columns per row set to 0, the listing displays 3-across on large screens, 2 across on medium screens and 1-across on small screens.
So, I changed that setting and now I have 4-5 columns across depending on the size of the viewport. BUT the widths of the columns do not seem to be adjusting properly. The images are LARGER than the card sometimes and I have 4 columns when I think I should have 3. I downloaded 3.7.0 yesterday and I am going to install it today and see what it does.
Bookmarks