ZCA Bootstrap 4 Template [Support Thread]

pegasuspublishing:

I am about to upgrade to ZC2.0.0. Are there any known issues with 2.0.0?

Works like a champ!

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?

g2ktcf:

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?

so its not 1/3, its HALF the width of the product image.

g2ktcf:

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?

g2ktcf:

so its not 1/3, its HALF the width of the product image.
Grab a screenshot, save it to a dropbox link or on the site; that'll get around the image-quota in the forums.

lat9:

Grab a screenshot, save it to a dropbox link or on the site; that'll get around the image-quota in the forums.

https://www.dropbox.com/scl/fi/hb1yrbkgbikewykyn5yhw/Screenshot-2024-05-04-113755.png?rlkey=hn652y0rgcspoy6v9ttl6jrpv&st=um4y8znv&dl=0

Try that.

Yep, see this GitHub Wiki article: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Frequently-Asked-Questions#display-examples

FWIW, the upcoming 3.7.0 release of the template corrects that; see this (https://github.com/lat9/ZCA-Bootstrap-Template/commit/6128b78697ac030b0f82f2ea3a1f3d02e19dd9b7) GitHub commit for the changes required.

lat9:

Yep, see this GitHub Wiki article: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Frequently-Asked-Questions#display-examples

FWIW, the upcoming 3.7.0 release of the template corrects that; see this (https://github.com/lat9/ZCA-Bootstrap-Template/commit/6128b78697ac030b0f82f2ea3a1f3d02e19dd9b7) GitHub commit for the changes required.

Yep. That did the trick. You are awesome!

lat9:

Yep, see this GitHub Wiki article: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Frequently-Asked-Questions#display-examples
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?

You've got some change to the layout that's affecting the display. See this demo page for an example: https://zc158.vinosdefrutastropicales.com/zc158/index.php?main_page=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.

lat9:

You've got some change to the layout that's affecting the display. See this demo page for an example: https://zc158.vinosdefrutastropicales.com/zc158/index.php?main_page=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.

Yep,

Left out one of the divs:

<div class="card mb-3"><div class="card-body text-center" id="subCategory-card-body">
<div class="card-deck text-center">
<div class="categoryListBoxContents card mb-3 p-3 text-center"><a href="index.php?main_page=index&cPath=65"><img alt="Handcrafted $$$$$$$$$$$$" loading="lazy" src="/images/tinctures.png" title="(image for) Handcrafted $$$$$$$$"><br>
Handcrafted $$$$$$$$$</a>
</div>
</div>
</div>
</div>

Works fine full screen desktop and Mobile portrait but it doesn't wrap to like three wide when the screen size is reduced, the mobile is in portrait, or the tablet is in either portrait or landscape.

None of that happens with a regular category page.

More playing to come with suggestions appreciated.

Question...I have not seen this anywhere in the install instructions (yes I looked!)

When upgrading from one version to the next, is it a requirement to REMOVE the older files that are not used in the new version?

AND

I have cloned bootstrap. So when I upgrade (going to 3.7.0) I have been copying every folder "bootstrap" and renaming it to "my bootstrap". Is this the correct process?

Thanks in advance!

g2ktcf:

Question...I have not seen this anywhere in the install instructions (yes I looked!)

When upgrading from one version to the next, is it a requirement to REMOVE the older files that are not used in the new version?

AND

I have cloned bootstrap. So when I upgrade (going to 3.7.0) I have been copying every folder "bootstrap" and renaming it to "my bootstrap". Is this the correct process?

Thanks in advance!

The first time you go to delete a "not needed" file and remove a file you actually need, you will no longer worry about leaving an unused file on your site.:P Been there, done that.

Are far as renaming bootstrap to your current clone, I don't think the system will let you rename and overwrite an existing/file or folder. It will ask you if you try to copy but generally errors out with "that file already exists".

The original distro of Bootstrap has a YOUR_ADMIN foilder and no YOUR_TEMPLATE folders. It's a drop in for initial installation.

When doing an upgrade, in addition to renaming the YOUR_ADMIN folder, you can do three of two things.

First (and will probably cause a loss of customization) Rename all the bootstrap folders to your current template folder's name. (Sort of what you are doing now)

Best is to take the bootstrap folders and use something like winmerge to compare the new files to your cloned templlate.

With the proper tools and files, you can find out what files have been updated and upload just those files to their proper place.

Just a quick question.

Where can i get some more information about the Carousel feature in the template?

Thanks

amebb:

Just a quick question.

Where can i get some more information about the Carousel feature in the template?

Thanks
Home-Page Slider: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Using-the-Home%E2%80%90Page-Slider-Feature

I'm playing catch-up on the documentation for the sidebox/centerbox carousels, but should have that finished in a couple of weeks.

lat9:

Home-Page Slider: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Using-the-Home%E2%80%90Page-Slider-Feature

I'm playing catch-up on the documentation for the sidebox/centerbox carousels, but should have that finished in a couple of weeks.

Thank you very much for your help

hi im having an issue with this template where i cannot move my sideboxes from left to right. when i move the side box from left to right they do not show up on the site

immortalgames:

hi im having an issue with this template where i cannot move my sideboxes from left to right. when i move the side box from left to right they do not show up on the site
Template version and Zen Cart version, please.

currently on verion 1.5.8a

lat9:

Template version and Zen Cart version, please.

currently on verion 1.5.8a