Zen Cart Logo
Forums / Addon Templates / ZCA Bootstrap 4 Template [Support Thread]

ZCA Bootstrap 4 Template [Support Thread]

Views: 542,464

Results 421 to 440 of 1,686
6 May 2021, 2:39 PM
#421
jasonshanks avatar

jasonshanks

Zen Follower

Join Date:
Feb 2009
Location:
atlanta GA
Posts:
296
Plugin Contributions:
0

ZCA Bootstrap 4 Template [Support Thread]

lat9:

Right, you want the LEFT/RIGHT status set to OFF but the Single Column Status set to ON.

You are a life saver ! thank you so much for all the help you give here. I think i am in love with this templet. It looks so... clean.

6 May 2021, 6:23 PM
#422
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

jasonshanks:

You are a life saver ! thank you so much for all the help you give here. I think i am in love with this templet. It looks so... clean.
No problems, I'm liking the template, too. @rbarbour left a solid base from which the Bootstrap 4 template evolved.

6 May 2021, 9:33 PM
#423
jasonshanks avatar

jasonshanks

Zen Follower

Join Date:
Feb 2009
Location:
atlanta GA
Posts:
296
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

lat9:

No problems, I'm liking the template, too. @rbarbour left a solid base from which the Bootstrap 4 template evolved.

If may pick your brain a bit more. Is it possible to change the color of the Attachment 19551 box around the add to cart button ? I ask this because that green really clashes with our color scheme.

6 May 2021, 10:02 PM
#424
dennisns7d avatar

dennisns7d

New Zenner

Join Date:
Jan 2010
Posts:
55
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

Take a look in the template's stylesheet_colors.css file.

6 May 2021, 10:08 PM
#425
jasonshanks avatar

jasonshanks

Zen Follower

Join Date:
Feb 2009
Location:
atlanta GA
Posts:
296
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

dennisns7d:

Take a look in the template's stylesheet_colors.css file.

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

7 May 2021, 6:41 AM
#426
jasonshanks avatar

jasonshanks

Zen Follower

Join Date:
Feb 2009
Location:
atlanta GA
Posts:
296
Plugin Contributions:
0

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

7 May 2021, 11:14 AM
#427
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

jasonshanks:

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

jasonshanks:

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.

7 May 2021, 9:01 PM
#428
jasonshanks avatar

jasonshanks

Zen Follower

Join Date:
Feb 2009
Location:
atlanta GA
Posts:
296
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

lat9:

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.

8 May 2021, 12:00 PM
#429
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

jasonshanks:

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-Bootstrap-Template/issues/54

8 May 2021, 4:04 PM
#430
dennisns7d avatar

dennisns7d

New Zenner

Join Date:
Jan 2010
Posts:
55
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

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;}
8 May 2021, 5:47 PM
#431
dennisns7d avatar

dennisns7d

New Zenner

Join Date:
Jan 2010
Posts:
55
Plugin Contributions:
0

Re: 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:

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

8 May 2021, 6:03 PM
#432
dennisns7d avatar

dennisns7d

New Zenner

Join Date:
Jan 2010
Posts:
55
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

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

10 May 2021, 10:39 AM
#433
cunningstunt2 avatar

cunningstunt2

Zen Follower

Join Date:
Jan 2019
Location:
UK
Posts:
113
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

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-->
10 May 2021, 12:10 PM
#434
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

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

<!--bof-branding display-->
<div id="logoWrapper">
    
   <div id="logo" class="row align-items-center p-3"> 
[B]<?php
//-bof-Removing the logo and tagline only
/*
[/B]
   <?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
              }
?>
[B]
*/
//-eof-Removing the logo and tagline only
?>[/B]
<?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-->
10 May 2021, 12:52 PM
#435
cunningstunt2 avatar

cunningstunt2

Zen Follower

Join Date:
Jan 2019
Location:
UK
Posts:
113
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

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.

10 May 2021, 1:09 PM
#436
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

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', '');

<div id="logoWrapper">
   <div id="logo" class="row align-items-center p-3"> 
[B]<?php
//-bof-Remove logo
/*[/B]
   <?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>
[B]*/
//-eof-Remove logo
?>[/B]
<?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-->
10 May 2021, 1:24 PM
#437
cunningstunt2 avatar

cunningstunt2

Zen Follower

Join Date:
Jan 2019
Location:
UK
Posts:
113
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

That's done it, thank you very much.

2 Jun 2021, 5:50 PM
#438
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

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

I'll get these added to the color-selection available in the admin as well!
2 Jun 2021, 6:36 PM
#439
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

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.

2 Jun 2021, 7:21 PM
#440
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Re: ZCA Bootstrap 4 Template [Support Thread]

It's already awesome thanks very much !