ZCA Bootstrap 4 Template [Support Thread]

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:

Code:

---

/* 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.

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).

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.

PHP Code:

---

<!--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-->

---

Assuming that you want to keep the banners and just remove the logo and tagline:

Code:

---

<!--bof-branding display-->
<div id="logoWrapper">
   
  <div id="logo" class="row align-items-center p-3">
<?php
//-bof-Removing the logo and tagline only
/*

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

*/
//-eof-Removing the logo and tagline only
?>
<?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-->

---

Thanks for the assistance, but i'm still having an issue. I'm using the highest banner position to show 2 banners with the company logo and address for our depots.

With the logo and tagline visible (the tagline is not shown as the text is not defined) the page looks like this.
https://i.imgur.com/wDcu4Ai.png

But when I remark out the relevant section to remove the logo and tagline the page renders like this, only the banners are shown and everything else is removed.
https://i.imgur.com/a89J8L6.png

devstore.thegluepeople.co.uk

I checked my log folder and the only errors being created seem to relate to the inc/ex vat module I just installed.

OK, let's try this instead. Note that you'll need to change the site's template-override of /includes/languages/english/header.php, modifying the definition of HEADER_SALES_TEXT to be an empty string:

define('HEADER_SALES_TEXT', '');

Code:

---

<div id="logoWrapper">
  <div id="logo" class="row align-items-center p-3">
<?php
//-bof-Remove logo
/*
  <?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>
*/
//-eof-Remove logo
?>
<?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-->

---

That's done it, thank you very much.

Quote:

---

Originally Posted by 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.

Code:

---

/* 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!

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.

It's already awesome thanks very much !