ZCA Bootstrap 4 Template [Support Thread]

[lat9]

Hi Guys,

Just wondering if there is any way of "borrowing" the tabbed login page from this template and using it in another?

Would it be a case of using the tpl_login_default.php and tpl_modules_create_account.php and then loading bootstrap 4 css on these pages only?

Im currently using 1.5.6c, any help would be much appreciated!

I believe, but am not totally sure, that you'd be looking for trouble if you separate the bootstrap-4 CSS from its associated jQuery/js module. The tab-panes used in the login page require (I think) both elements.

[keneso]

I believe, but am not totally sure, that you'd be looking for trouble if you separate the bootstrap-4 CSS from its associated jQuery/js module. The tab-panes used in the login page require (I think) both elements.

Maybe this can help
https://www.w3schools.com/bootstrap/...ref_js_tab.asp

[Joseph M]

Can I assign the same style rules to the EZ-Pages header as those assigned to the header's navigation tabs? How does one move or align items in these boxes? I've been able to change the background with my browser's developer tool, but nothing else.

[Joseph M]

Can I assign the same style rules to the EZ-Pages header as those assigned to the header's navigation tabs? How does one move or align items in these boxes? I've been able to change the background with my browser's developer tool, but nothing else.

I wanted to use EZ-page links to display some main categories that are only used for linked products, without showing all of my main categories. The navigational tabs apparently make me choose between all or nothing. So I used EZ-Page links for the handful of categories I wanted showing, and built a navigational bar containing only some main categories. I was able to center the EZ-pages header content by adding this to my stylesheet:

.nav {
	justify-content: center;
}

I put spacing spacing between each of the listed categories with:

.nav-pills .nav-link {
    margin: 5px 8px;
}

I'm not sure if that was the correct way to do it, but it seems to work.

[jasonshanks]

Hello,

Wow this is great !! I can't wait to try this on my live store. I just had a question how to enable 3 Column Layout after installing your add on. Also the color changing part was FREAKING genius !

[lat9]

Hello,

Wow this is great !! I can't wait to try this on my live store. I just had a question how to enable 3 Column Layout after installing your add on. Also the color changing part was FREAKING genius !

I can't take credit for the color-changing bits; that feature was there in the original Bootstrap template.

If you're asking about "3 columns" meaning "sidebar plus middle content plus sidebar", take a look at the Configuration :: Layout Settings :: Response {Left | Center | Right} Column Width settings. The sum of those values should add up to 12, with the default being 3 + 6 + 3.

If you mean "how do I show my products as a grid of 3 columns instead of 1 per row", which is built-in to Zen Cart v1.5.7, look at Configuration:: Product Listing :: Columns Per Row