ZCA Bootstrap 4 Template [Support Thread]

[keneso]

If someone is interested I removed the table display from cart, and changed it to divs, following is the code.

Removed from:
<div class="table-responsive">
thru
</form>

<?php
  foreach ($productArray as $product) {
?>
<div class="row fz-product-in-cart">
    <div class="col-12 col-md-6">
        <div class="row">
            <div class="col-12">
<?php echo TABLE_HEADING_PRODUCTS; ?><br><br>
            <a href="<?php echo $product['linkProductsName']; ?>"><?php echo $product['productsImage']; ?><?php echo $product['productsName'] . '' . $product['flagStockCheck'] . ''; ?></a>
            <br class="clearBoth" />
    <?php
    echo $product['attributeHiddenField'];
    if (isset($product['attributes']) && is_array($product['attributes'])) {
    echo '<div class="productsCell-attributes">';
    echo '<ul>';
    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>';
      }
    ?>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-6">
        <div class="row fz-detail-separator">
            <div class="col-4">
            <?php echo TABLE_HEADING_QUANTITY; ?>
            </div>
            <div class="col-6">
            <?php
            if ($product['flagShowFixedQuantity']) {
            echo $product['showFixedQuantityAmount'] . '' . $product['flagStockCheck'] . '' . $product['showMinUnits'];
            } else {
            echo $product['quantityField'] . '' . $product['flagStockCheck'] . '' . $product['showMinUnits'];
            }
            ?>
            </div>
            <div class="col-2">
            <?php
              if ($product['buttonUpdate'] == '') {
                echo '' ;
              } else {
                echo $product['buttonUpdate'];
              }
            ?>
            </div>
        </div>
        <div class="row">
        <div class="col-12">
            <div class="row fz-detail-separator">
            <div class="col-6">
                <?php echo TABLE_HEADING_PRICE; ?>/unit
            </div>
            <div class="col-6 text-right">
                <?php echo $product['productsPriceEach']; ?>
            </div>
            </div>
            <div class="row fz-detail-separator">
            <div class="col-6">
                <?php echo TABLE_HEADING_TOTAL; ?>/item
            </div>
            <div class="col-6 text-right">
                <?php echo $product['productsPrice']; ?>
            </div>
            </div>
            <div class="row fz-detail-separator">
            <div class="col-12">
            <?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
            }
            ?>
            </div>
            <div class="col-12">
            <?php
              
              if ($product['checkBoxDelete'] ) {
                echo zen_draw_checkbox_field('cart_delete[]', $product['id'], false, 'aria-label="' . ARIA_DELETE_ITEM_FROM_CART . '"');
              }
            ?>
            </div>
            </div>
        </div>
        </div>
    </div>
</div>
<?php
  } // end foreach ($productArray as $product)
?>
<div class="row fz-cart-total">
    <div class="col-12 col-md-6">
        <div class="row">
            <div class="col-12 fz-update-button">
            <?php
            // show update cart button
              if (SHOW_SHOPPING_CART_UPDATE == 2 or SHOW_SHOPPING_CART_UPDATE == 3) {
            ?>
            <button type="submit" class="btn"><i class="fas fa-sync-alt"></i></button>
            <?php
              } else { // don't show update button below cart
            ?>
            <?php
              } // show update button
            ?>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-6">
        <div class="row fz-cart-total-price">
            <div class="col-6">
            <?php echo SUB_TITLE_SUB_TOTAL; ?>
            </div>
            <div class="col-6 text-right">
            <?php echo $cartShowTotal; ?>
            </div>
        </div>
    </div>
</div>

<!--bof shopping cart buttons-->
    <div class="row">
        <div class="col-12 col-sm-6 order-sm-2 fz-checkout-button">
            <?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>'; ?>
        </div>
        <div class="col-12 col-sm-6">
            <?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPING, BUTTON_CONTINUE_SHOPPING_ALT) . '</a>'; ?>
        </div>
    </div><!-- .row .fz-cart-row-wrap -->
<!--eof shopping cart buttons-->
</form>

The css

.fz-product-in-cart {border: 1px solid #099f36; margin: 0.9rem auto;}
.fz-cart-total {border: 1px solid #099f36; margin: 0.9rem auto; background-color: rgba(144, 243, 135, 0.45);}
.fz-detail-separator {border-bottom: 1px solid #099f36; margin: 0 -0.19rem; padding: 0.9rem 0.27rem;}
.fz-detail-separator:last-child {border: none;}
.fz-update-button {padding: 0.63rem;}
.fz-cart-total-price{margin: 0 -0.19rem; padding: 0.9rem 0.27rem;}
.row.fz-shipping-method {margin: 0;}