ZCA Bootstrap 4 Template [Support Thread]

I've just submitted v3.3.0 of the Bootstrap 4 Template for the Zen Cart moderators' review; I'll post back here when it's available for download.

This release contains changes associated with the following GitHub issues:

#68: Enable the definition of a site-specific CSS file.
#104: Sideboxes are not disabled if COLUMN_xx_STATUS or SET_COLUMN_xx_STATUS is set to '0'.
#105: Stray <ul> present in the site_map page's template.
#107: checkout_payment_address incorrectly identifies shipping (not billing) address as current.
#108: HTML validation error in breadcrumbs.
#110: MySQL Fatal error in AJAX Search on strict MySQL 5.7 installations.
#111: Missing space between class names for dropdown menus.
#113: Enable interoperation with COWOA's no_account page.
#117: Accessibility 'tweaks'.
#118: HTML validation error in listing pagination when ellipsis is required.
#119: Document how to transfer color customizations from a test site to its live version.

Quote:

---

Originally Posted by lat9

I've just submitted v3.3.0 of the Bootstrap 4 Template for the Zen Cart moderators' review; I'll post back here when it's available for download.

This release contains changes associated with the following GitHub issues:

#68: Enable the definition of a site-specific CSS file.
#104: Sideboxes are not disabled if COLUMN_xx_STATUS or SET_COLUMN_xx_STATUS is set to '0'.
#105: Stray <ul> present in the site_map page's template.
#107: checkout_payment_address incorrectly identifies shipping (not billing) address as current.
#108: HTML validation error in breadcrumbs.
#110: MySQL Fatal error in AJAX Search on strict MySQL 5.7 installations.
#111: Missing space between class names for dropdown menus.
#113: Enable interoperation with COWOA's no_account page.
#117: Accessibility 'tweaks'.
#118: HTML validation error in listing pagination when ellipsis is required.
#119: Document how to transfer color customizations from a test site to its live version.

---

Now available for downloading: https://www.zen-cart.com/downloads.php?do=file&id=2191

Hello all,

I am having some display issue while on mobile. (see screenshots)

When i go on product listing, the product pictures don t seem to be resizing properly somehow.

On main page, the center box display the product just fine ( using SWGuy mods for 2 product display)

Attachment 19960
Attachment 19961

What could be doing this? I am using Image Handler as well. Could it be interfering with the picture resizing on small size screen?

Thank you for your help

Quote:

---

Originally Posted by nicksab

Hello all,

I am having some display issue while on mobile. (see screenshots)

When i go on product listing, the product pictures don t seem to be resizing properly somehow.

On main page, the center box display the product just fine ( using SWGuy mods for 2 product display)

Attachment 19960
Attachment 19961

What could be doing this? I am using Image Handler as well. Could it be interfering with the picture resizing on small size screen?

Thank you for your help

---

This is one of those cases where a link to the site displaying the behavior would help.

Quote:

---

Originally Posted by lat9

This is one of those cases where a link to the site displaying the behavior would help.

---

Sorry for the delayed response. I just managed to get the site on a live server. I was working on it with Xampp

the site is at http://www.royal-fleur.com/upgrade

The mobile display is really messing up for me. I must have done something bad somewhere but no clue what.

Thanks Lat9 for looking into it as well as the OPC missing. I really appreciate it

Quote:

---

Originally Posted by nicksab

Sorry for the delayed response. I just managed to get the site on a live server. I was working on it with Xampp

the site is at http://www.royal-fleur.com/upgrade

The mobile display is really messing up for me. I must have done something bad somewhere but no clue what.

Thanks Lat9 for looking into it as well as the OPC missing. I really appreciate it

---

I'll jump in if I may. I am not familiar with the Bootstrap template but, if I inspect one of the images I see that the CSS is applying a minimum width to them (also affecting your non-mobile page), this code

Code:

---

.listingProductImage {min-width: 300px;}

---

I would check whether you really need it.

Upto date info in my sig.

Please bare with me as it is a few years since using Zencart.

I am just about to install this template and looking at the install instructions in the docs just want confirmation I am going to do this correctly, as having the install issues I had I want this a bit smoother.

I am a bit confused by this "If you haven't made any changes to the Zen Cart 'base' version of /includes/modules/order_total/ot_coupon.php, you can simply copy that file from the template's distribution. Otherwise, you'll need to merge the one marked section with your store's version of the file."

There are no changes made to my install, do I copy the above file from the templates folder and overwrite it to zencart /includes/modules/order_total/ot_coupon.php overwritting the file already there?

Thanks

Quote:

---

Originally Posted by simon1066

I'll jump in if I may. I am not familiar with the Bootstrap template but, if I inspect one of the images I see that the CSS is applying a minimum width to them (also affecting your non-mobile page), this code

Code:

---

.listingProductImage {min-width: 300px;}

---

I would check whether you really need it.

---

Simon,

Thanks for helping. I am not a bootstrap pro and learning as I go as well.

I saw the min-width css via the developer console as well and wondering if it is needed.

When it is removed, the image are displayed properly but i have no idea if it is affecting anything else.

Any bootstrap expert can advise on this, please?

Thank you

Quote:

---

Originally Posted by nicksab

Simon,

Thanks for helping. I am not a bootstrap pro and learning as I go as well.

I saw the min-width css via the developer console as well and wondering if it is needed.

When it is removed, the image are displayed properly but i have no idea if it is affecting anything else.

Any bootstrap expert can advise on this, please?

Thank you

---

One way to check would be to search the Bootstrap fileset for 'listingProductImage' to see where it's used.

Quote:

---

Originally Posted by Angiex1

Upto date info in my sig.

Please bare with me as it is a few years since using Zencart.

I am just about to install this template and looking at the install instructions in the docs just want confirmation I am going to do this correctly, as having the install issues I had I want this a bit smoother.

I am a bit confused by this "If you haven't made any changes to the Zen Cart 'base' version of /includes/modules/order_total/ot_coupon.php, you can simply copy that file from the template's distribution. Otherwise, you'll need to merge the one marked section with your store's version of the file."

There are no changes made to my install, do I copy the above file from the templates folder and overwrite it to zencart /includes/modules/order_total/ot_coupon.php overwritting the file already there?

Thanks

---

If you've made no changes to the Zen Cart "base", you can safely copy all the files in the Bootstrap template's distribution to your store's file directory.