ZCA Bootstrap 4 Template [Support Thread]

I found the problem of the misalignment.
The problem is that the labels get display: inline-block; from https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css.
This can be overwritten by adding display: block; in the aforementioned */includes/modules/pages/checkout_payment/jscript_square.php
*.inputLabelPayment::after {display: block;content: "\A"; white-space: pre;}

On here when I am on a product page it says "quantity in cart: 1" for example above the add box and button.

However when you look at a category listing by row (setting "1" under columns per row) it does not show the above guidance.

Looking at product info display I can see the entry to get that display on about line 160 on my particular php file.

$display_qty = ($flag_show_product_info_in_cart_qty == 1 && $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '';

However, I am having a brain freeze on where to insert this statement to get it to show on the rows setup or columns for that matter even set on "0" as recommended it doesn't display.

So when you look at a grid on a laptop you have say 3-5 products across and tons of space in each box or row where this can be inserted but where?

JimmyV:

On here when I am on a product page it says "quantity in cart: 1" for example above the add box and button.

However when you look at a category listing by row (setting "1" under columns per row) it does not show the above guidance.

Looking at product info display I can see the entry to get that display on about line 160 on my particular php file.

$display_qty = ($flag_show_product_info_in_cart_qty == 1 && $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '';

However, I am having a brain freeze on where to insert this statement to get it to show on the rows setup or columns for that matter even set on "0" as recommended it doesn't display.

So when you look at a grid on a laptop you have say 3-5 products across and tons of space in each box or row where this can be inserted but where?
That "quantity in cart" display, in the ZC core, was intended to "only show" on a product's information page; that's where the product's type-specific handling comes into play and sets the $flag_show_product_info_in_cart_qty variable.

Assuming (key-word) that all your products are of the same 'type', you can make a change in your override of the template's /includes/modules/bootstrap/product_listing.php.

I've just submitted v1.0.3 of the Bootstrap-4 template's customization for One Page Checkout; I'll post back here when it's available for download.

This release corrects the presence of an unclickable radio-button when there's only one payment method available for an order (#7).

I am having issue with css. Using ZC 1.5.7d and lastest Bootstrap template

I renamed the dist _specific_styles file to zcustom_specific_styles and added the following code:

<?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>

	logoWrapper { text-align: center;}
    h1 {color: red;}
</style>

but nothing is happening whatsoever.

I have been pulling my hair on this one and can t figure it out.

Any ideas what i am doing wrong??

Thank you

nicksab:

I am having issue with css. Using ZC 1.5.7d and lastest Bootstrap template

I renamed the dist _specific_styles file to zcustom_specific_styles and added the following code:

> 
> but nothing is happening  whatsoever.
> 
> I have been pulling my hair on this one and can t figure it out.
> 
> Any ideas what i am doing wrong??
> 
> Thank you

Try

#logoWrapper {
text-align:center!important;
}

h1 {color:red!important;}

Nick1973:

Try

#logoWrapper {
text-align:center!important;
}

h1 {color:red!important;}

Thanks for the prompt reply.

Unfortunately , it is still not working. I refreshed cached, used incognito mode...Nothing so far.

If I place the same code into stylesheet.css, it works just fine.

If you look at the first few lines of includes/templates/bootstrap/css/dist_specific_sytles.php it tells you to:```

That's the filename the system is looking for.

dbltoe:

If you look at the first few lines of includes/templates/bootstrap/css/dist_specific_sytles.php it tells you to:```

> 
> That's the filename the system is looking for.

i know and seen the instructions but it still not  working fo rsome reasons.

I  even tried to paste the whole example from GitHub found here [https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md](https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md)

somehow the code is  not  being called or something.

my  dist_specific_style.php looks like this

but none of my h1 tag are turning red. 

Not sure what it could be honestly as i  am not a coder or expert whatsoever

lat9:

That "quantity in cart" display, in the ZC core, was intended to "only show" on a product's information page; that's where the product's type-specific handling comes into play and sets the $flag_show_product_info_in_cart_qty variable.

Assuming (key-word) that all your products are of the same 'type', you can make a change in your override of the template's /includes/modules/bootstrap/product_listing.php.

nicksab:

i know and seen the instructions but it still not working fo rsome reasons.

I even tried to paste the whole example from GitHub found here https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md

somehow the code is not being called or something.

my dist_specific_style.php looks like this

> 
> but none of my h1 tag are turning red. 
> 
> Not sure what it could be honestly as i  am not a coder or expert whatsoever
Rename/copy **dist**_specific_styles.php to **site**_specific_styles.php.

I could swear I typed in the site_ :blush:

lat9:

Rename/copy dist_specific_styles.php to site_specific_styles.php.

I tried that already as per instructions.

Renamed it to royal_specific_styles.php.

I gave up on using the .php file for now and created a royal_stylesheet.css instead

Thanks for your help.

Apart from my stylesheet issue, i have another problems.

The "starting at " is shown twice on my product page. ( see screenshot)

I am not sure if it is template related or not but i would like to remove the bottom one ( "starting at " above the add to cart button)

I tried to search the thread for product_info or starting but came up empty

Thank you for your help on this

^ I wanted to do the same for my site but unfortunately on non-attribute products the bottom card is default so can't be removed.
To remove the top "starting at" I added the following to stylesheet.css

#productsPriceTop-card {
display:none;
}

lat9:

I've just submitted v1.0.3 of the Bootstrap-4 template's customization for One Page Checkout; I'll post back here when it's available for download.

This release corrects the presence of an unclickable radio-button when there's only one payment method available for an order (#7).
Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2305

gsh68:

^ I wanted to do the same for my site but unfortunately on non-attribute products the bottom card is default so can't be removed.
To remove the top "starting at" I added the following to stylesheet.css

#productsPriceTop-card {
display:none;
}

Thanks for the suggestion

Can anyone recommend a flexible footer that would work with this template?

I tried the flexible footer muti found here https://www.zen-cart.com/downloads.php?do=file&id=1957 but it really buggy.

I like how it work though so if anyone could suggest an alternative, that would be awesome.

Thank you

Bootstrap + OPC - includes/templates/bootstrap/common/tpl_offcanvas_menu.php pulls in sideboxes/information.php on line 97, but before $column_box_default is set, which causes a white screen:

#1 require() called at [/Users/scott/Sites/mystore/includes/modules/sideboxes/bootstrap/information.php:61]
#2 require(/Users/scott/Sites/mystore/includes/modules/sideboxes/bootstrap/information.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_offcanvas_menu.php:97]
#3 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_offcanvas_menu.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_header.php:61]
#4 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_header.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_main_page.php:122]
#5 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_main_page.php) called at [/Users/scott/Sites/shroom/index.php:94]
--> PHP Warning: require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common): failed to open stream: No such file or directory in /Users/scott/Sites/shroom/includes/modules/sideboxes/bootstrap/information.php on line 61.

hmmmm.... I may not have yet installed the OPC fixes for Bootstrap; likely a false alarm.

Hello all,

I need help creating a bootstrap menu dropdown for this template.

So far i edited my tpl_header.php file and added the following code:

<div style="text-align:center;"class="dropdown">

	  <div class="btn-group">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Shop</button>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Tablet</a>
      <a class="dropdown-item" href="#">Smartphone</a>
    </div>
	</div>

so far so as it is populating dropdown menu , however,, i am trying to achieve the following where:

Shop (dropdown menu that would display active category)
-> category 1
->category 2
->category 3....

I was using mega menu on my previous template and was hoping to achieve the same using bootstrap.

Mega-menu uses the following code if it helps:

 <li class="categories-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_CATEGORIES; ?></a><!-- bof cateories    -->
     
            <div class="dropdown_1column">
                <div class="col_1 firstcolumn">
                   <div class="levels">
                       <?php

 // load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>                        
                   </div>   
                </div>
               </div>
        </li><!-- eof categories  -->

I would like a drop down menu that would display all my categories if possible and makes sense.

Additionally, how can hide these dropdown menu on mobile and tablet. I want these menu only on desktop.