ZCA Bootstrap 4 Template [Support Thread]

[rbarbour]

Shipping estimator fails even with fedex disabled and customer not logged in. If there is anything I can do to help, please let me know.

This one v1.7.6 might not be in the zc plugins section but I think it is the latest and only available option for Fedex.
If you know of any different variant for Fedex, I'm all ears.

https://www.numinix.com/zen-cart-plu...vices-shipping

Does it work if the following has a value of 1

ADMIN > CONFIGURATION > Shipping/Packaging > Shipping Estimator Display Settings for Shopping Cart

[rbarbour]

Shipping estimator fails even with fedex disabled and customer not logged in. If there is anything I can do to help, please let me know.

This one v1.7.6 might not be in the zc plugins section but I think it is the latest and only available option for Fedex.
If you know of any different variant for Fedex, I'm all ears.

https://www.numinix.com/zen-cart-plu...vices-shipping

Seems I nested form on the shopping cart page, resulting in the inability to use the shipping estimator.

fix here:
https://github.com/zcadditions/ZCA-B....0a/issues/146

[dbltoe]

Placed this on GitHub but wanted to put it here for those not on GitHub.

Bootstrap 4.3.1 latest version (tried both plain load and our clone)
Zen Cart 158
PHP 7.4 thru 8.1 (no difference with any PHP)
Error does not occur with plain Responsive_Classic


Created Category "DVD"


Restricted Category to Document General and saved without subdirectories


Added Document - General item "DVD"


DVD is now displayed in the Documents sidebox on the main page.


Clicking on "DVD" in the Documents sidebox throws a warning.

[29-Nov-2022 13:11:39 America/Denver] Request URI: /index.php?main_page=document_product_info&cPath=301&products_id=642, IP address: 225.225.225.225, Language id 1
#1 require(/includes/templates/boot_horn/templates/tpl_document_product_info_display.php) called at [/includes/modules/pages/document_product_info/main_template_vars.php:153]
#2 require(/includes/modules/pages/document_product_info/main_template_vars.php) called at [/includes/templates/boot_horn/common/tpl_main_page.php:202]
#3 require(/includes/templates/boot_horn/common/tpl_main_page.php) called at [/index.php:94]
--> PHP Warning: Undefined variable $one_time in /includes/templates/boot_horn/templates/tpl_document_product_info_display.php on line 241.

[ianhg]

I have Zen cart 1.5.8 running Bootstrap - Left column set to 3 Center Column set to 9 right column set to 0.
In Admin Product Listing - Columns per row set to 0
So when you view listed products you get 4 columns but they are narrow is it possible to have 3 columns there by allowing the boxes to be wider ?
Thanks

[swguy]

Look at the comment block in includes/modules/bootstrap/product_listing.php around line 182. It shows you how to do it.

[dbltoe]

russianradiantsaDOTcom
ZC 1.5.8a
PHP 7.4.33
bootstrap 3.6.4
OPC
EO
DBIO
Options' Stock Manager

All mods are current from forum Plugins not Github

Don't think this is a boostrap problem but bootstrap and MagicThumb are not doing well together. I have removed MagicThumb for now.

This site if fed by an Excel file from the manufacture with generally four to five images of each product. The original is in the format XXXX####.jpg where XXXX is the product code and #### is the model number. The additional images are in the format XXXX####_L.jpg where L is a through c or d depending on whether there are four or five total images.

Zen Cart has no problem with properly labeling and showing the images as set witht the original as the main images and the underscores as additionals with their L in alphabetical order as expected.

The problem lies in that Zen Cart is overzealous in trying to select images for a product.

If you go to the site and search for 11, you will be shown eight items with 11 in the model number.

Clicking on the first available, results in the product page for STTK110. HOWEVER, the first set of additional images for the item are for STTK1100. It also shows images for 1101 thru 1109.

The selection is basing the results on 110 being anywhere in the image's filename. Since it is NOT showing images for 1110, we can assume (I know) that it looks at the images from the front of the image name until the first character/number does not match.

That is reinforced by the fact that, when selecting the second choice of STK1100, it results in a proper product listing of only the images matching sttk1100.jpg or sttk1100_L.jpg.

I have not experienced this before as we have been using responsive_classic with MagicThumb (a commercial image handler). It's selection proces works with responsive_classic but not with bootstrap.

I am hoping to find a way to modify the selection process to more correctly select images for a product. With over 2,000 products in a feed, it is impossible to try to manipulate image naming so that products starting with 11, 12, 13, 14, 15, 16, 17, 18, 19, and 20 would not show images not related to them.

Is it a simplle matter of having the search only look for a strict match from the filename beginning to the . or _?

Is there a change to the #image_modal that could accomplish this or is in the main zen_image? Perhaps a change in the includes/functions/htim_output.com?

Suggestions?

[arxvaldex]

Thank you for an amazing template - the best thus far!

I want to change the font sizes as well as remove the underline on the texts

Product header font sizes are just too big, I want them smaller, center box fonts are underlined (but not on Category left box)

In general I want to change fonts but am stumped on how to, stylesheet doesnt change anything. Thanks

[arxvaldex]

Figured out how to change Fonts in bootstrap

You have to add the code in the Bootstrap Stylesheet:

These are for changing the header font sizes

h1 {font-size:1.8em;line-height:25px;}
h2 {font-size:1.4em;}
h3 {font-size:1.3em;}
h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .larger{font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {margin:20px 0;}

[ianhg]

Hello, I tried to apply the fix .table-responsive .table {max-width: none;} but I have no change, I put on stylesheet.css and it does not change anything, I think I did not understand or apply the css fix.

Try adding !important to the css rule .table-responsive .table {max-width: none !important;}

[AlgellA]

Lovely template but I cannot see where I can right-align the logo image?