ZCA Bootstrap 4 Template [Support Thread]

I'll be submitting an updated version soon after 1.5.6b is released

Hi guys,
I have Zencart 1.5.6 with the latest ZCA Boostrap Template and I have an issue where the specials centerbox does not show on main page. The new and featured centerboxes respond without any problem to the settings of the configuration Index listing and the configuration stock. I have replace the centerbox file tpl_modules_specials_default.php without success. Can anybody offer any tips? The special sidebox works ok.

Thanks a lot for your time!

Georgecy:

Hi guys,
I have Zencart 1.5.6 with the latest ZCA Boostrap Template and I have an issue where the specials centerbox does not show on main page. The new and featured centerboxes respond without any problem to the settings of the configuration Index listing and the configuration stock. I have replace the centerbox file tpl_modules_specials_default.php without success. Can anybody offer any tips? The special sidebox works ok.

Thanks a lot for your time!

This issue was fixed, you can copy file from github:
https://github.com/zcadditions/ZCA-Bootstrap-Template-for-1.5.6-v2.0.0a/commit/64a45b54c9d2288c6afbfaadd4bfb4013a9a8daf

Heather Bee:

I am not a developer and just started with zen 1.56 and this bootstrap template so pardon my ignorance.
Product listing displays products in boxes with space all round each product, all within another box - nice.
Category listing displays categories does not have this space all round each category - not nice.
How do I make the category listing look like the product listing?
Many thanks for any help.

This was fixed: you can copy from github:
https://github.com/zcadditions/ZCA-Bootstrap-Template-for-1.5.6-v2.0.0a/issues/158

diamond1:

THE FILE tpl_shopping_cart_default.php I had to modify it to solve this problem.
https://www.zen-cart.com/showthread.php?225295-Shipping-Estimator-country-selection-not-working&p=1356612#post1356612

<?php /** * Page Template * * Loaded automatically by index.php?main_page=shopping_cart.<br /> * Displays shopping-cart contents * * @package templateSystem * @copyright Copyright 2003-2018 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: Drbyte Sun Jan 7 21:28:50 2018 -0500 Modified in v1.5.6 $ */ ?> <div id="shoppingCartDefault" class="centerColumn"> <?php if ($flagHasCartContents) { ?> <?php if ($_SESSION['cart']->count_contents() > 0) { ?> <div id="shoppingCartDefault-helpLink" class="helpLink float-right p-3"> <a data-toggle="modal" href="#cartHelpModal"><?php echo TEXT_CART_HELP; ?></a> </div> <?php require($template->get_template_dir('tpl_info_shopping_cart.php',DIR_WS_TEMPLATE, $current_page_base,'modalboxes'). '/tpl_info_shopping_cart.php'); ?> <div class="clearfix"></div> <?php } ?> <h1 id="shoppingCartDefault-pageHeading" class="pageHeading"><?php echo HEADING_TITLE; ?></h1> <?php if ($messageStack->size('shopping_cart') > 0) echo $messageStack->output('shopping_cart'); ?> <?php echo zen_draw_form('cart_quantity', zen_href_link(FILENAME_SHOPPING_CART, 'action=update_product', $request_type), 'post', 'id="shoppingCartForm"'); ?> <div id="shoppingCartDefault-content" class="content"><?php echo TEXT_INFORMATION; ?></div> <?php if (!empty($totalsDisplay)) { ?> <div id="shoppingCartDefault-cartTotalsDisplay" class="cartTotalsDisplay text-center font-weight-bold p-3"><?php echo $totalsDisplay; ?></div> <?php } ?> <?php if ($flagAnyOutOfStock) { ?> <?php if (STOCK_ALLOW_CHECKOUT == 'true') { ?> <div class="alert alert-danger" role="alert"><?php echo OUT_OF_STOCK_CAN_CHECKOUT; ?></div> <?php } else { ?> <div class="alert alert-danger" role="alert"><?php echo OUT_OF_STOCK_CANT_CHECKOUT; ?></div> <?php } //endif STOCK_ALLOW_CHECKOUT ?> <?php } //endif flagAnyOutOfStock ?> <div class="table-responsive"> <table id="shoppingCartDefault-cartTableDisplay" class="cartTableDisplay table table-bordered"> <tr> <th scope="col" id="cartTableDisplay-qtyHeading"><?php echo TABLE_HEADING_QUANTITY; ?></th> <th scope="col" id="cartTableDisplay-qtyUpdateHeading">##</th> <th scope="col" id="cartTableDisplay-productsHeading"><?php echo TABLE_HEADING_PRODUCTS; ?></th> <th scope="col" id="cartTableDisplay-priceHeading"><?php echo TABLE_HEADING_PRICE; ?></th> <th scope="col" id="cartTableDisplay-totalsHeading"><?php echo TABLE_HEADING_TOTAL; ?></th> <th scope="col" id="cartTableDisplay-removeHeading">##</th> </tr> <!-- Loop through all products /--> <?php foreach ($productArray as $product) { ?> <tr> <td class="qtyCell"> <?php if ($product['flagShowFixedQuantity']) { echo $product['showFixedQuantityAmount'] . '' . $product['flagStockCheck'] . '' . $product['showMinUnits']; } else { echo $product['quantityField'] . '' . $product['flagStockCheck'] . '' . $product['showMinUnits']; } ?> </td> <td class="qtyUpdateCell text-center"> <?php if ($product['buttonUpdate'] == '') { echo '' ; } else { echo $product['buttonUpdate']; } ?> </td> <td class="productsCell"> <a href="<?php echo $product['linkProductsName']; ?>"><?php echo $product['productsImage']; ?><?php echo $product['productsName'] . '' . $product['flagStockCheck'] . ''; ?></a> <?php echo $product['attributeHiddenField']; if (isset($product['attributes']) && is_array($product['attributes'])) { echo '<div class="productsCell-attributes">'; echo '<ul>'; reset($product['attributes']); foreach ($product['attributes'] as $option => $value) { ?> <li><?php echo $value['products_options_name'] . TEXT_OPTION_DIVIDER . nl2br($value['products_options_values_name']); ?></li> <?php } echo '</ul>'; echo '</div>'; } ?>

   </td>
   <td class="priceCell"><?php echo $product['productsPriceEach']; ?></td>
   <td class="totalsCell"><?php echo $product['productsPrice']; ?></td>
   <td class="removeCell text-center">

<?php if ($product['buttonDelete']) { ?>

       <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, 'action=remove_product&product_id=' . $product['id']); ?>" class="btn"><i class="fas fa-trash-alt"></i></a>

<?php } if ($product['checkBoxDelete'] ) { echo zen_draw_checkbox_field('cart_delete[]', $product['id']); } ?> </td> </tr> <?php } // end foreach ($productArray as $product) ?> <!-- Finished loop through all products /--> <tr> <td colspan="1"> <?php // show update cart button if (SHOW_SHOPPING_CART_UPDATE == 2 or SHOW_SHOPPING_CART_UPDATE == 3) { ?> <div id="cartUpdate" class="text-center"> <button type="submit" class="btn"><i class="fas fa-sync-alt"></i></button> </div> <?php } else { // don't show update button below cart ?> <?php } // show update button ?> </td> <td colspan="5"> <div id="cartTotal" class="text-right font-weight-bold"> <?php echo SUB_TITLE_SUB_TOTAL; ?> <?php echo $cartShowTotal; ?> </div> </td> </tr>

  </table>

</div> <!--bof shopping cart buttons--> <div id="shoppingCartDefault-btn-toolbar" class="btn-toolbar justify-content-between my-3" role="toolbar"> <?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPING, BUTTON_CONTINUE_SHOPPING_ALT) . '</a>'; ?> <?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>'; ?> </div> <!--eof shopping cart buttons--> </form> <br class="clearBoth" /> <?php if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '1') { ?>

?>

<div id="shoppingCartDefault-shoppingEstimator-btn-toolbar" class="btn-toolbar my-3" role="toolbar"> <?php echo '<a href="javascript:popupWindow(\'' . zen_href_link(FILENAME_POPUP_SHIPPING_ESTIMATOR) . '\')">' . zen_image_button(BUTTON_IMAGE_SHIPPING_ESTIMATOR, BUTTON_SHIPPING_ESTIMATOR_ALT) . '</a>'; ?> </div> <?php } ?> <!-- ** BEGIN PAYPAL EXPRESS CHECKOUT ** --> <?php // the tpl_ec_button template only displays EC option if cart contents >0 and value >0 if (defined('MODULE_PAYMENT_PAYPALWPP_STATUS') && MODULE_PAYMENT_PAYPALWPP_STATUS == 'True') { include(DIR_FS_CATALOG . DIR_WS_MODULES . 'payment/paypal/tpl_ec_button.php'); } ?> <!-- ** END PAYPAL EXPRESS CHECKOUT ** --> <?php if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '2') { /** * load the shipping estimator code if needed */ ?>

  <?php require(DIR_WS_MODULES . zen_get_module_directory('shipping_estimator.php')); ?>

<?php } ?> <?php } else { ?> <h1 id="shoppingCartDefault-pageHeading" class="pageHeading"><?php echo TEXT_CART_EMPTY; ?></h1> <?php $show_display_shopping_cart_empty = $db->Execute(SQL_SHOW_SHOPPING_CART_EMPTY); while (!$show_display_shopping_cart_empty->EOF) { ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_FEATURED_PRODUCTS') { ?> <?php /** * display the Featured Products Center Box */ ?> <?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'centerboxes'). '/tpl_modules_featured_products.php'); ?> <?php } ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_SPECIALS_PRODUCTS') { ?> <?php /** * display the Special Products Center Box */ ?> <?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'centerboxes'). '/tpl_modules_specials_default.php'); ?> <?php } ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_NEW_PRODUCTS') { ?> <?php /** * display the New Products Center Box */ ?> <?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'centerboxes'). '/tpl_modules_whats_new.php'); ?> <?php } ?> <?php if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_UPCOMING') { include(DIR_WS_MODULES . zen_get_module_directory('centerboxes/' . FILENAME_UPCOMING_PRODUCTS)); } ?> <?php $show_display_shopping_cart_empty->MoveNext(); } // !EOF ?> </form> <?php } ?> </div> ```

this issue was fixed, a copy can be found on github:
https://github.com/zcadditions/ZCA-Bootstrap-Template-for-1.5.6-v2.0.0a/issues/164

diamond1:

Hi, just for info, on tpl_checkout_payment_default.php on line 278 there is one too many </ div> that you have to eliminate.

This was not the issue, but the correct issue was fixed and a copy can be found on github.
https://github.com/zcadditions/ZCA-Bootstrap-Template-for-1.5.6-v2.0.0a/commit/94b767bed11f1f41d3026015031c82f659c61165

hello, I used Bootstrap 2.0 and 1.56a zen-cart
I install the Gift Wrapping or Reward Points Plugin，
when i try Checkout, but it is can not display "option",can not choose,
do you know how to solve it ?
thank you

Thank you for your reply. I replaced the contents of the specials_index.php with the unified specials_index.php from the link you listed above. Unfortunately the issue is not solved. I played with the settings for index listing without success. I am probably missing something...

http://www.zcadditions.com

header_php_shopping_cart_zca_bootstrap.php

if (!zca_bootstrap_active()) {
    return;
}

// This should be first line of the script:
$zco_notifier->notify('NOTIFY_HEADER_START_SHOPPING_CART');

require(DIR_WS_MODULES . zen_get_module_directory('require_languages.php'));
$breadcrumb->add(NAVBAR_TITLE);

//$breadcrumb->add(NAVBAR_TITLE);
:(

index.php?main_page=create_account

Uncaught TypeError: Cannot set property 'className' of null

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

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;}

I was hoping you could provide some guidance for the product listing. In the image you see that at this width (med) I believe it is there are still 4 columns when there should likely only be one, two max for sure. I cannot locate the spot to edit this for a better display on medium devices.

In Admin goto Configuration - Product Listing

Check Product Listing - Columns Per Row (Default Setting is 3)

Also check your stylesheet.css should have the following:
(Stylesheet is located in includes/templates/bootstrap)

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;

arxvaldex:

In Admin goto Configuration - Product Listing

Check Product Listing - Columns Per Row (Default Setting is 3)

Also check your stylesheet.css should have the following:
(Stylesheet is located in includes/templates/bootstrap)

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;

Changing Columns Per Row from 4 to 3 fixed it, but on large screens we would really rather have 4

This template really looks great. My only request would be that you get rid of the core file changes - there are only half a dozen or so:

includes/modules/pages/specials/main_template_vars.php
includes/modules/order_total/ot_gv.php
includes/modules/order_total/ot_coupon.php
includes/classes/site_map.php
includes/classes/order.php
includes/classes/ajax/zcAjaxPayment.php

Looking at the checkout pages

checkout_shipping
checkout_payment
checkout confirmation

is there a way to make the boxes span the entire width of the screen so they're not cramped in, 2 or 3 wide?

Certain pages such as the ones you mentioned have classes of "card-columns". these classes are controlled in the CSS stylesheet, you can change the amount of columns for each breakpoint or device.

Hi:

I have a quick question. Is the Dynamic Price Updater compatible with this template?

I have tried to get it to work but I am not having any success.

Dave

I also could not get the Dynamic Price Updater to work with the template.