ZCA Bootstrap 4 Template [Support Thread]

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 saw the fix in github. I think I am all set.

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

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
//}

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

Sure. This is the URL to the fix:
https://github.com/lat9/ZCA-Bootstrap-Template/commit/87144033e825deb20e567b347f4bd86ef847364a

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

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?

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.

Hello dbltoe, thank you for answering me so quickly, your modification ```php
.activeLink {
background-color: #ffffff !important;
color: #fcf501 !important;
border-color: #dee2e6 #dee2e6 #fff !important;
}

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.

Site specific should look something like```

I do find that this [is working in 3.3](https://jeandret.com/index.php?main_page=index&cPath=63) but the border is not working in 3.4.   See testDOTislam786booksDOTcom :dontgetit

Both are using the site specific css with !important

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

File includes/templates/bootstrap/jscript/jscript_zca_bootstrap.js

starts with

$('a.imageModal').on('click', function() {

might need to be wrapped in

if ($('a.imageModal')) {

without this you can get

Uncaught TypeError: $(...) is null

if the page has no images.

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/43915dothtmlIf you are actually using a templatemonster template, that is probably the reason for the failure. TM templates are not supported in the forum.

You need to contact them to make their template respond to proper CSS.

No Dbltoe the model is ZCA Bootstrap, I put the monster template link so that you can see what I want to do, I am inspired by this model to modify the ZCA Bootstrap

diamond1:

No Dbltoe the model is ZCA Bootstrap, I put the monster template link so that you can see what I want to do, I am inspired by this model to modify the ZCA Bootstrap
You have been telling us what you don't have and giving references to templates not used. PLEASE follow the posting tips and let us know the information asked for.
In this case, the URL of your site is extremely important. If you don't want the world to see just yet, use yoursiteDOTcom to keep it out of the search engines.

Also, use the # above to post lines 27 - 35 of includes/modules/YOUR_TEMPLATE/categories_tabs.php.

Hello, thank you for your patience, the site is still in the adjustment and translation phase, it is not yet online, that's why I can't give you a url of the site.

//-bof-zca_bootstrap  *** 1 of 1 ***
//    $new_style = 'category-top';
		$new_style = 'nav-item nav-link m-1 activeLink';
//    $categories_tab_current = '<span class="category-subs-selected">' . $categories_tab->fields['categories_name'] . '</span>';
    $categories_tab_current = $categories_tab->fields['categories_name'];
  } else {
//    $new_style = 'category-top';
    $new_style = 'nav-item nav-link m-1';
//-eof-zca_bootstrap  *** 1 of 1 ***

//-bof-zca_bootstrap  *** 1 of 1 ***
//    $new_style = 'category-top';
        $new_style = 'nav-item nav-link m-1 activeLink';
//    $categories_tab_current = '<span class="category-subs-selected">' . $categories_tab->fields['categories_name'] . '</span>';
    $categories_tab_current = $categories_tab->fields['categories_name'];
  } else {
//    $new_style = 'category-top';
    $new_style = 'nav-item nav-link m-1';
//-eof-zca_bootstrap  *** 1 of 1 ***

You must have something else going on with a file or lack thereof. The class (.activeLink) is present correctly in your site as it is in my un-modded test site. The code I gave you earlier works just fine on my test site.

The question is... What on your sited is different from an out-of-the-box load? Also, why wait for the active to work before launch? It would not stop function but you cetainly can't make money in development.

+1. Push it live as soon as it works - worry about the fine tuning later.

You are right, as long as it is not online we lose money, but I am convinced that the templates are the key to the success of an ecommerce site, that's why I invest more time on the beauty of the site and the functionality.

Hello, how to adjust the width of the right columns
and on the left, especially the one on the right in the product page which is really too wide, see attached image

Hello, I would like to know how to change color example h1 only on the product page, the shopping cart page, I know how to do it for the home page but not for the other pages.```php