ZCA Bootstrap 4 Template [Support Thread]

This was the fix for hover link background color in the EZ-pages footer:

#ezpagesBarFooter .nav-pills .nav-item a:hover {
    color: #ffffff;
    background-color: #color of choice;
}

Joseph M:

This was the fix for hover link background color in the EZ-pages footer:

#ezpagesBarFooter .nav-pills .nav-item a:hover {
color: #ffffff;
background-color: #color of choice;
}

Was that hover-link's coloring not provided via the admin's ZCA Bootstrap Colors tool?

lat9:

Was that hover-link's coloring not provided via the admin's ZCA Bootstrap Colors tool?

Correct. Link text color on hover is available in ZCA Bootstrap Colors. Link background color on hover is not included.

However, if no link background hover color for the EZ-pages footer is defined in the stylesheet, the ZCA Bootstrap Colors "Button Color" (non-hover) option will define that EZ-pages footer color on hover. I thought it was an unusual discovery, but easily overridden.

Joseph M:

Correct. Link text color on hover is available in ZCA Bootstrap Colors. Link background color on hover is not included.

However, if no link background hover color for the EZ-pages footer is defined in the stylesheet, the ZCA Bootstrap Colors "Button Color" (non-hover) option will define that EZ-pages footer color on hover. I thought it was an unusual discovery, but easily overridden.
It appears that the storefront /includes/templates/bootstrap/css/stylesheet_zca_colors.php is adding an unwanted background-color to those EZ-Pages footer links:

	    /* footer ezpage bar */
#ezpagesBarFooter {
	background-color: <?php echo ZCA_FOOTER_EZPAGE_BACKGROUND_COLOR; ?>;
	}
#ezpagesBarFooter a.nav-link  {
	color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR; ?>;
	}
#ezpagesBarFooter a.nav-link:hover  {
	color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR_HOVER; ?>;
	[B]background-color: <?php echo ZCA_BUTTON_COLOR; ?>;[/B]
	}

Removing that line from the 'stock' version of that module will 'restore' the desired colors. I'll be creating a GitHub issue to track that change.

The Zen Cart Documentation says to change the powered by zen cart information in the stylesheet. This template has numerous stylesheets and I cannot find this in ANY of them. I was able to add my website name somewhere along the way, but I can't locate the file again. I also want to remove the 'your IP address". I also don't find anything for that in the stylesheets. Where can I chance these two things?

gizmo_girl:

The Zen Cart Documentation says to change the powered by zen cart information in the stylesheet. This template has numerous stylesheets and I cannot find this in ANY of them. I was able to add my website name somewhere along the way, but I can't locate the file again. I also want to remove the 'your IP address". I also don't find anything for that in the stylesheets. Where can I chance these two things?
I believe the "Powered by Zen Cart" footer text is in includes/languages/english.php

And the IP address display is controlled at:
Admin>Configuration>Layout Settings>Footer - Show IP Address status

Yep, the reference in the docs suggests leaving the Powered By in the footer and I agree. https://docs.zen-cart.com/user/template/basic_customizations/#can-i-remove-the-powered-by-zen-cart-from-the-footer-of-my-cart

https://docs.zen-cart.com/user/template/footer/

Joseph M:

I believe the "Powered by Zen Cart" footer text is in includes/languages/english.php

And the IP address display is controlled at:
Admin>Configuration>Layout Settings>Footer - Show IP Address status

Perfect, thanks! That IP address was killing me! :smile:

dbltoe:

Yep, the reference in the docs suggests leaving the Powered By in the footer and I agree. https://docs.zen-cart.com/user/template/basic_customizations/#can-i-remove-the-powered-by-zen-cart-from-the-footer-of-my-cart

https://docs.zen-cart.com/user/template/footer/

Thanks, y'all! This looks MUCH better!

lat9:

It appears that the storefront /includes/templates/bootstrap/css/stylesheet_zca_colors.php is adding an unwanted background-color to those EZ-Pages footer links:

    /* footer ezpage bar */

#ezpagesBarFooter {
background-color: <?php echo ZCA_FOOTER_EZPAGE_BACKGROUND_COLOR; ?>;
}
#ezpagesBarFooter a.nav-link {
color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR; ?>;
}
#ezpagesBarFooter a.nav-link:hover {
color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR_HOVER; ?>;
[B]background-color: <?php echo ZCA_BUTTON_COLOR; ?>;[/B]
}

> Removing that line from the 'stock' version of that module will 'restore' the desired colors.  I'll be creating a GitHub issue to track that change.
Change tracked via this GitHub issue: <https://github.com/lat9/ZCA-Bootstrap-Template/issues/51>

I recently upgraded from 1.5.5f with Classic Responsive clone to 1.5.7c with ZCA Bootstrap clone. During the transition, I had the cart in maintenance mode. In the 1.5.7c cart, I was expecting to see a header alert announcing the maintenance mode but it wasn't there. I looked at the page source and found it there. Then it occurred to me that it was probably hidden behind the navigation bar.

This was confirmed when I moved the header alert code down the file to between the navigation display and the branding display, and the header alert showed up on screen. Other header alerts are now visible, such as when products are successfully added to the cart.

dennisns7d:

I recently upgraded from 1.5.5f with Classic Responsive clone to 1.5.7c with ZCA Bootstrap clone. During the transition, I had the cart in maintenance mode. In the 1.5.7c cart, I was expecting to see a header alert announcing the maintenance mode but it wasn't there. I looked at the page source and found it there. Then it occurred to me that it was probably hidden behind the navigation bar.

This was confirmed when I moved the header alert code down the file to between the navigation display and the branding display, and the header alert showed up on screen. Other header alerts are now visible, such as when products are successfully added to the cart.
Confirmed bug; changes tracked via this (https://github.com/lat9/ZCA-Bootstrap-Template/issues/52) GitHub issue.

I enabled products per row to (3). This was install on a fresh test site with the latest version of zencart and bootstrap. all products are bunched up narrow.

Test site : https://www.surplusremotes.com/index.php?main_page=index&cPath=3_10

What am i missing here ? Why is it doing this.

jasonshanks:

I enabled products per row to (3). This was install on a fresh test site with the latest version of zencart and bootstrap. all products are bunched up narrow.

Test site : https://www.surplusremotes.com/index.php?main_page=index&cPath=3_10

What am i missing here ? Why is it doing this.

From this post, set the products/row to 0 to enable the template's responsive mode.

thanks again !

How does one insert the search bar into the header? With it a sidebox it disappears under a certain size and really it needs to not be a sidebox?

Also how does one make the mobile menu expanded always?

JimmyV:

How does one insert the search bar into the header? With it a sidebox it disappears under a certain size and really it needs to not be a sidebox?

Also how does one make the mobile menu expanded always?
The search-in-header requires that the sideboxes/search_header.php be enabled in single-column mode.

For the 'always display', try Googling Bootstrap 4 mobile menu always display ... that's the beauty of a template that's built on a standard!

Thanks for the quick reply that yielded zero so I had to learn the structure real quick

If you want expanded categories on this template do this

You will need to alter some colors specific to my need it was Header Nav Bar Color as everything is black in that area.

It's not optimal but in the 5 minutes I had to dedicate to solving this problem it works.

The search bar was a brain freeze I kept seeing search.php in that file and simply wasn't registering the header version being the operative thing. Stupid mistake thanks for solving that issue.

Nice template seems to have hardly any issues I tried it a while back love the look but gave up on it. Glad to see it's so nicely developed now. Great work to all involved,

lat9:

The search-in-header requires that the sideboxes/search_header.php be enabled in single-column mode.

For the 'always display', try Googling Bootstrap 4 mobile menu always display ... that's the beauty of a template that's built on a standard!

I have a similar question. Is there a way to make the search header only show in the header ? I tried in layout box controller but it shows it in both the header and side box at the same time.

https://www.surplusremotes.com/

This is with single column status set to OFF for search_header.php in layout box controller. Did i miss something or am in the wrong place ? I just want to appear in the header.

jasonshanks:

I have a similar question. Is there a way to make the search header only show in the header ? I tried in layout box controller but it shows it in both the header and side box at the same time.

https://www.surplusremotes.com/

This is with single column status set to OFF for search_header.php in layout box controller. Did i miss something or am in the wrong place ? I just want to appear in the header.
Right, you want the LEFT/RIGHT status set to OFF but the Single Column Status set to ON.