ZCA Bootstrap 4 Template [Support Thread]

torvista:

I understand a multilevel dropdown (with flyout submenus) is not a standard feature of Bootstrap, so there seem to be a lot of third party alternatives.
Any recommendations?
A link to an example of what you're looking for would be appreciated.

E.g.

g2ktcf:

How would I change a color to a gradient?

This might help. I wanted to do this for the sidebox and centerbox headers as well as the top nav, so I edited includes/templates/bootstrap/css/site_specific_styles.php and added:

.leftBoxHeading, .centerBoxHeading, #navMain > nav {
color: black;
background-image: linear-gradient(my parameters);
}

As @dbltoe noted, only hex color codes may be entered in the Admin tool.

dbltoe:

gradiants and colors are different. A background color is coded differently than a plain background which can be an image, gradiant or other entity.

You can use rgba and other forms of opacity in the bootstrap colors.

It's not limited to just hex.

Right-clicking will show many things you can do with the color listing. RGB, RGBa, Hexadecimal, and HSL

Still, color is a singular product show you will need to use the site-specific CSS for gradients.

Yes - "limited to color codes" would have been better. Fixed.

swguy:

This might help. I wanted to do this for the sidebox and centerbox headers as well as the top nav, so I edited includes/templates/bootstrap/css/site_specific_styles.php and added:

.leftBoxHeading, .centerBoxHeading, #navMain > nav {
color: black;
background-image: linear-gradient(my parameters);
}

As @dbltoe noted, only hex color codes may be entered in the Admin tool.

Yep, I did that a while back. I really like the site specific styling page. I can sit and make all kinds of tweaks all in one place. I just park the chrome developer console off the sided and play! :D

With bootstrap, it's always a good idea to see what is already out there when wanting to do something like this. Bootstrap has a lot of features that can easily be used.

https://higuma.github.io/bootstrap-4-css-customization/en/gradient+shadow.html is an example of what can be done with existing gradients in bootstrap 4 and the bg-gradient-xxxxxx class. It gets deep but is a thorough cover of the topic.

You could create a rule in the site-specific something like```
.myGradient {color: #721c24;
background: #f8d7da linear-gradient(180deg,#f9dde0,#f8d7da) repeat-x;
border-color: #f5c6cb;
}

Then add it to the items that you want to have that gradient.

It might be easier to use several different div's and classes instead of the .myGradient.```
.leftBoxHeading, .centerBoxHeading, #navMain {    color: #721c24;
    background: #f8d7da linear-gradient(180deg,#f9dde0,#f8d7da) repeat-x;
    border-color: #f5c6cb;
}

This saves having to tooch a bunch of core files.

Still there is the option of having several gradients and just adding the class/div to a particular item.

g2ktcf:

Yep, I did that a while back. I really like the site specific styling page. I can sit and make all kinds of tweaks all in one place. I just park the chrome developer console off the sided and play! :D

Glad to hear you are having success!

I am not sure this is a bootstrap issue. But I have two full sets of Category boxes showing in the left side box one on top of the other. It is a complete duplicate but I cannot see where this is coming from?

Latest edition of Bootstrap, ZC 2.0, IH, Clone a Template is all I have installed at this point on a local XAMPP server.

g2ktcf:

I am not sure this is a bootstrap issue. But I have two full sets of Category boxes showing in the left side box one on top of the other. It is a complete duplicate but I cannot see where this is coming from?

Latest edition of Bootstrap, ZC 2.0, IH, Clone a Template is all I have installed at this point on a local XAMPP server.
What shows (i.e. a screenshot) in the admin's Tools :: Layout Boxes Controller?

lat9:

What shows (i.e. a screenshot) in the admin's Tools :: Layout Boxes Controller?

hm....there are TWO entries for every value? I know I had db issues before and I had to restore the db but this is weird.

v3.6.5 of the Bootstrap template is now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191

This release contains changes associated with the following GitHub issues:

#342: Preserve listing filters in listings' display-order form.
#344: Correct "Missing constant" logs for zc158 on the products_all page.
#343: Add display-order selection for products' and specials' listings (zc200 or later, only).
#349: Use zen_get_products_name to display products' names in listings.
#345: Correct products' table formatting on the AJAX checkout_payment page.
#352: Change products items title from heading to paragraph for accessibility.
#353: Enable the zca_splitPageResults class to be overridden.
#355: Provide title HTML attributes on header-navigation links.
#356: Always display the "Home" link in the header; ensure header-messages are displayed even if the header is disabled.

zc158a
Bootstrap v3.6.4
OPC v2.5.1

I am upgrading ZCA v3.6.4 to v3.6.5

I can't find the file "/includes/languages/english/bootstrap/extra_definitions/lang.zca_bootstrap_common.php"

Should it be "/includes/languages/english/extra_definitions/bootstrap/lang.zca_bootstrap_common.php" ?

TIA,

jpda

Nearly it is in "/includes/languages/english/bootstrap/extra_definitions/bootstrap/lang.zca_bootstrap_common.php"

brittainmark:

Nearly it is in "/includes/languages/english/bootstrap/extra_definitions/bootstrap/lang.zca_bootstrap_common.php"

Thanks, but the v3.6.5 distribution /includes/languages/english/bootstrap/ only contains lang.account_history_info.php and account_history_info.php.
And /includes/languages/english/ contains two folders: *bootstrap * & extra_definitions.
The latter folder contains the file /lang.zca_bootstrap_common.php.

jpda

jpda:

zc158a
Bootstrap v3.6.4
OPC v2.5.1

I am upgrading ZCA v3.6.4 to v3.6.5

I can't find the file "/includes/languages/english/bootstrap/extra_definitions/lang.zca_bootstrap_common.php"

Should it be "/includes/languages/english/extra_definitions/bootstrap/lang.zca_bootstrap_common.php" ?

TIA,

jpda

brittainmark:

Nearly it is in "/includes/languages/english/bootstrap/extra_definitions/bootstrap/lang.zca_bootstrap_common.php"
Crud, the readme.html is wrong. The language files for the template are in either

/includes/languages/english/bootstrap/lang..php
/includes/languages/english/extra_definitions/bootstrap/lang..php

... except for the zca_bootstrap_id.php (no lang. prefix), which is present in the ..../extra_definitions/bootstrap sub-directory.

Thanks for your confirmation Cindy!:smile:

jpda

FWIW, I've corrected that readme on the GitHub repository; viewable here: https://htmlpreview.github.io/?https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/docs/bootstrap/readme.html

Version 3.4.0 (and perhaps earlier) has a small bug that the checkbox for "conditions" created in includes/templates/bootstrap/templates/tpl_checkout_payment_default.php doesn't include the "required" attribute. This is fixed in more recent versions of the template but wasn't listed as one of the fixes - just wanted to put a note here in case someone else hit this issue.

[QUOTE=lat9;1400527]v3.6.5 of the Bootstrap template is now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191

I am about to upgrade to ZC2.0.0. Are there any known issues with 2.0.0?