ZCA Bootstrap 4 Template [Support Thread]

[jasonshanks]

ah so no way to change it from admin then ? Aw well.

And I really should just try something first before commenting on it. THAT WAS EASY. just edit line 64 and 62 and you can change the color. Thanks so much again guys !

[lat9]

ah so no way to change it from admin then ? Aw well.

And I really should just try something first before commenting on it. THAT WAS EASY. just edit line 64 and 62 and you can change the color. Thanks so much again guys !

FWIW, the inclusion of the coloring of that add-to-cart section is on my list of things to add to the admin-controlled coloring.

[jasonshanks]

FWIW, the inclusion of the coloring of that add-to-cart section is on my list of things to add to the admin-controlled coloring.

that would be wonderful :) You do great work along with the other devs. bootstrap feels like such a major modernizing of zencart. It looks so fresh and clean.

[lat9]

that would be wonderful :) You do great work along with the other devs. bootstrap feels like such a major modernizing of zencart. It looks so fresh and clean.

Thanks for the compliment; the change will be tracked via this GitHub issue: https://github.com/lat9/ZCA-Bootstra...late/issues/54

[dennisns7d]

Looking at the details in stylesheet_colors.css reveals that the Add Selected to Cart button on product listing pages and the Add to Cart button on product info pages were apparently intended to have the same coloring, but the cascading overruled this. Making the selectors more specific fixes this.

/* Product Listing Pages */
.btn.button_add_selected {background:#00C851;color:#FFF;}
.btn.button_add_selected:hover {background:#007E33;color:#FFF;}

/* Product Info Pages */
#addToCart-card-header, .btn.button_in_cart {background:#00C851;color:#FFF;}
.btn.button_in_cart:hover {background:#007E33;color:#FFF;}
#addToCart-card {border-color:#00C851;}

[dennisns7d]

After fixing the header alerts being hidden by the nav-bar, the bright red text for success and info alerts didn't seem appropriate (my opinion). I added the following to the template's stylesheet_colors.css file to use the standard Bootstrap text colors:

/* Keep standard bootstrap alert colors */
.alert.alert-success {color:#155724;}
.alert.alert-info {color:#0c5460;}

For me, the bright red text for danger and warning alerts were fine.

[dennisns7d]

While poking around adding products to my cart and then viewing the cart, I noticed that sometimes the trash icon didn't exhibit the usual hover action nor did it remove the product from the cart when clicked. I've determined that the cause of this is the back-to-top button. This button is visible only when one has scrolled down far enough. Until then the button is not visible due to opacity being set to 0. So even though the button is not visible, it is still "in front" of whatever is beneath it (blocking whatever action may be expected).

My "fix" was to change z-index to -1 for #back-to-top when the show class was not active (in stylesheet.css).

[CunningStunt2]

Can anyone help me with remarking out the relevant sections to completely remove the logo and tagline please?

I tried to do it myself following the zen-cart docs but after commenting out sections I seemed to have removed everything under the banners (the entire site) so had to remove my changes.

<!--bof-branding display-->
<div id="logoWrapper">
    
   <div id="logo" class="row align-items-center p-3"> 
   <?php if (HEADER_SALES_TEXT != '') {
           echo '<div class="col-sm-4">';
        } else {
            echo '<div class="col-sm-12">';
            }
            ?>
        <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a><br>'; ?>
    </div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>    
    <div id="taglineWrapper" class="col-sm-12 text-center">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline" class="text-center"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
  if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
    if ($banner->RecordCount() > 0) {
$find_banners = zen_build_banners_group(SHOW_BANNERS_GROUP_SET2);
$banner_group = 2;
?>

<div class="zca-banner bannerTwo rounded">
<?php 
if (ZCA_ACTIVATE_BANNER_TWO_CAROUSEL == 'true') {
require($template->get_template_dir('tpl_zca_banner_carousel.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_zca_banner_carousel.php'); 
} else {
echo zen_display_banner('static', $banner);
}
?>
</div>
<?php
    }
  }
?>
    </div>
<?php } 
// no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
  </div>

</div>
<!--eof-branding display-->

[lat9]

Looking at the details in stylesheet_colors.css reveals that the Add Selected to Cart button on product listing pages and the Add to Cart button on product info pages were apparently intended to have the same coloring, but the cascading overruled this. Making the selectors more specific fixes this.

/* Product Listing Pages */
.btn.button_add_selected {background:#00C851;color:#FFF;}
.btn.button_add_selected:hover {background:#007E33;color:#FFF;}

/* Product Info Pages */
#addToCart-card-header, .btn.button_in_cart {background:#00C851;color:#FFF;}
.btn.button_in_cart:hover {background:#007E33;color:#FFF;}
#addToCart-card {border-color:#00C851;}

I'll get these added to the color-selection available in the admin as well!

[lat9]

I've just submitted v3.1.2 of the Bootstrap 4 Template for the Zen Cart moderators' review. I'll post back here when it's available for download (https://www.zen-cart.com/downloads.php?do=file&id=2191).

This release contains changes associated with the following GitHub issues:

#50: Correct unwanted background coloring for EZ-Pages' footer links.
#52: Header-messages were being hidden by the upper nav-bar.
#53: Reduce the 'footprint' associated with the inline styling.
#54: Additions to the admin's ZCA Bootstrap Colors tool, pulling in the add-to-cart card and buttons.
#56: Correct 'return-to' page when adding multiple items from SNAF pages.
#57: products_new and specials pages missing manufacturers_id for listing output.
#58: HTML-related changes for the admin's ZCA Bootstrap Colors tool.