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.

[dbltoe]

Site specific should look something like

<?php /*
 * BOOTSTRAP 3.3.0
 *
 * Create a file called "site_specific_styles.php" to contain any changes
 * to base css provided by this template. Place site-specific content
 * between the opening and closing style tags.
 *
 * Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
 * additional information.
 */
?>
<style>
.activeLink {
  background-color: #ffffff !important;
  color: #fcf501 !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
}
</style>

I do find that this is working in 3.3 but the border is not working in 3.4. See testDOTislam786booksDOTcom

Both are using the site specific css with !important

[diamond1]

I think I expressed myself badly about what I want to do, I put you a to a site, if you click on an ezpage you will see that once in the page the name of the page on ezbar remains yellow, also if you click on a category you will see that it remains red once the category is chosen. The code you provided me with changes color if you move the mouse over but it does not remain the color once the page has been chosen.

https://demo.templatemonster.com/demo/43915dothtml