ZCA Bootstrap 4 Template [Support Thread]

[n8pbm]

Bootstrap 3.4.0 with Zen cart V1.5.8 and PHP 7.4.33

I am testing upgrading to 1.5.8 and installed the latest Bootstrap. I noticed that any categories that have sub-categories always shows the define main page information. If the category does not have a sub-category then the define mane page does not appear. I am trying to eliminate the define main page showing when selecting the categories. I use Bootstrap 3.1.1 currently with 1.5.7d and do not have this issue. Just curious if this is a setting I am missing?

Switching to the classic template and I do not have this issue.

http://www.popupparts.com/Backup if you want to see it in action.

Thank you

[n8pbm]

I saw the fix in github. I think I am all set.

[todoonada]

Bootstrap 3.4.0 with Zen cart V1.5.8 and PHP 7.4.33

I am testing upgrading to 1.5.8 and installed the latest Bootstrap. I noticed that any categories that have sub-categories always shows the define main page information. If the category does not have a sub-category then the define mane page does not appear. I am trying to eliminate the define main page showing when selecting the categories. I use Bootstrap 3.1.1 currently with 1.5.7d and do not have this issue. Just curious if this is a setting I am missing?

Switching to the classic template and I do not have this issue.

http://www.popupparts.com/Backup if you want to see it in action.

Thank you

I do not know if it is the same solution like in github.
I went to
includes/templates/bootstrap/templates/tpl_index_categories.php
and made the following lines inactive

//if (DEFINE_MAIN_PAGE_STATUS === '1' || DEFINE_MAIN_PAGE_STATUS === '2') {
?>
    <!-- <div id="indexCategories-defineContent" class="defineContent"> -->
<?php
    /**
     * require the html_define for the index/categories page
     */
    // require $define_page;
?>
    <!-- </div> -->
<?php
//} else {
?>
    <h1 id="indexCategories-pageHeading" class="pageHeading"><?php echo $current_categories_name; ?></h1>
<?php
//}

[swguy]

@n8pbm Please post a link to the fix in Github so others can benefit from your finding. Thanks!

[n8pbm]

Sure. This is the URL to the fix:
https://github.com/lat9/ZCA-Bootstra...4bd86ef847364a

Line 31 to 47 in includes/templates/bootstrap/templates/tpl_index_categories.php

[diamond1]

Hello, I am looking to put .active in red on the ezpage header bar and on the category names see photos one on a site where there is active on the categories and one without which is mine, in the login page I am successful to put the .active in yellow here is the code

.nav-tabs .nav-link.active {
  color: #fcf501;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
} 

but in the column of the names of the categories I run into a wall. can you help me?

[dbltoe]

The categories tab menu adds the class .activeLink to the current link automatically.

Hopefully, you are using the site_specific_styles.php to control all your changes to the template. If not, rename the dist-site_specific_styles.php to site_specific_styles.php and save it to your CSS folder.

Then, for the categories add

.activeLink {
  background-color: #ffffff !important;
  color: #fcf501 !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
}

Unfortunately, the !important is needed to fully override the stylesheet_colors.css

Please Note: The use of the above colors for background and font will violate accessibility contrast rules. Your font color would have to jump to #807900 to meet the 4.5:1 minimum ratio.

It looks like we will need to add to the github wish list for .activeLink to be added to the ezpages bar. If so, the above code would need to be more specific than just .activeLink if you wanted different colors in different bars.

[diamond1]

Hello dbltoe, thank you for answering me so quickly, your modification

.activeLink {
  background-color: #ffffff !important;
  color: #fcf501 !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
} 

does not work,

I also have another problem if I put the css codes in site_specific_styles.php they have no effect, I had to create another .css file and paste my codes in this one.

[dw08gm]

Hello, I am looking to put .active in red on the ezpage header bar and on the category names see photos one on a site where there is active on the categories and one without which is mine, in the login page I am successful to put the .active in yellow here is the code

.nav-tabs .nav-link.active {
  color: #fcf501;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
} 

but in the column of the names of the categories I run into a wall. can you help me?

Perhaps you have an a:active defined in one of your css files.

https://www.geeksforgeeks.org/differ...-active-links/

why ZCA-bs decided to go with a separate class .activelink is beyond my understanding.

[swguy]

Looks like an override of

includes/languages/english/lang.order_status.php

will be needed for PHP 8.1

[13-Nov-2022 13:56:15 America/New_York] PHP Fatal error: Uncaught Error: Undefined constant "TEXT_LOOKUP_INSTRUCTIONS" in /homepages/19/client/htdocs/estore/includes/templates/bootstrap/templates/tpl_order_status_default.php:177