ZCA Bootstrap 4 Template [Support Thread]

This may sound stupid, but I can't figure out how to get the Bootstrap Banner Display - Enable Header Position 2 Carousel Feature to show up. I set it to true under Layout Settings, but don't know what to do from there to get images to show up. Can someone help? Thanks in advance!

stellarweb:

This may sound stupid, but I can't figure out how to get the Bootstrap Banner Display - Enable Header Position 2 Carousel Feature to show up. I set it to true under Layout Settings, but don't know what to do from there to get images to show up. Can someone help? Thanks in advance!
Have you made sure the banners are active in Tools>layout box controller and have checked to see if you have set up the banner images in Tools > Banner Manager

rbarbour:

This template has only been tested on v1.5.5f by myself, I haven't done any backward compatibility testing.

I had it up and running I thought, but then I did a test purchase and it hangs up at CONFIRM ORDER
v 1.5.7

johnniejetski2:

I had it up and running I thought, but then I did a test purchase and it hangs up at CONFIRM ORDER
v 1.5.7

Would be interested to know if you get this working. I am running it on 1.5.6c.

Nick1973:

Would be interested to know if you get this working. I am running it on 1.5.6c.
I have a site running Bootstrap with 1.5.6c and PHP 7.3.6 and it works well. Initially to threw a few PHP warnings but nothing too serious. Currently I am testing Bootstrap with 1.5.7 and PHP 7.4, but I have updated some Bootstrap templates, still work in progress.

'm on 1.5.7 and php 7.3
WARNING: An Error occurred, please refresh the page and try again.
( only on the template.. when getting back to classic or responsive nothing is wrong)

15-Jul-2020 01:46:00 Europe/Amsterdam] Request URI: /index.php?main_page=contact_us, IP address: 213.125..*
#1 require() called at [/var/www/clients//++++++/includes/init_includes/init_zca_bootstrap.php:35]
#2 require_once(/var/www/clients//++++++/includes/init_includes/init_zca_bootstrap.php) called at [/var/www/clients//++++++/includes/autoload_func.php:37]
#3 require(/var/www/clients//++++++/includes/autoload_func.php) called at [/var/www/clients//++++++/includes/application_top.php:219]
#4 require(/var/www/clients//++++++/includes/application_top.php) called at [/var/www/clients//++++++/index.php:25]
--> PHP Warning: Declaration of zca_breadcrumb::trail($separator = ' &nbs...') should be compatible with breadcrumb::trail($separator = ' &nbs...', $prefix = '', $suffix = '') in /var/www/clients//++++++/includes/classes/zca/zca_breadcrumb.php on line 71.

[15-Jul-2020 01:46:00 Europe/Amsterdam] Request URI: /index.php?main_page=contact_us, IP address: 213.125..*
#1 require(/var/www/clients//++++++/includes/templates/bootstrap/common/tpl_main_page.php) called at [/var/www/clients//++++++/index.php:94]
--> PHP Warning: Use of undefined constant DISPLAY_PAGE_PARSE_TIME - assumed 'DISPLAY_PAGE_PARSE_TIME' (this will throw an Error in a future version of PHP) in /var/www/clients/*************/++++++/includes/templates/bootstrap/common/tpl_main_page.php on line 251.

:-)

kernheimer:

'm on 1.5.7 and php 7.3
WARNING: An Error occurred, please refresh the page and try again.
( only on the template.. when getting back to classic or responsive nothing is wrong)

15-Jul-2020 01:46:00 Europe/Amsterdam] Request URI: /index.php?main_page=contact_us, IP address: 213.125..*
#1 require() called at [/var/www/clients//++++++/includes/init_includes/init_zca_bootstrap.php:35]
#2 require_once(/var/www/clients//++++++/includes/init_includes/init_zca_bootstrap.php) called at [/var/www/clients//++++++/includes/autoload_func.php:37]
#3 require(/var/www/clients//++++++/includes/autoload_func.php) called at [/var/www/clients//++++++/includes/application_top.php:219]
#4 require(/var/www/clients//++++++/includes/application_top.php) called at [/var/www/clients//++++++/index.php:25]
--> PHP Warning: Declaration of zca_breadcrumb::trail($separator = '##&nbs...') should be compatible with breadcrumb::trail($separator = '##&nbs...', $prefix = '', $suffix = '') in /var/www/clients//++++++/includes/classes/zca/zca_breadcrumb.php on line 71.

[15-Jul-2020 01:46:00 Europe/Amsterdam] Request URI: /index.php?main_page=contact_us, IP address: 213.125..*
#1 require(/var/www/clients//++++++/includes/templates/bootstrap/common/tpl_main_page.php) called at [/var/www/clients//++++++/index.php:94]
--> PHP Warning: Use of undefined constant DISPLAY_PAGE_PARSE_TIME - assumed 'DISPLAY_PAGE_PARSE_TIME' (this will throw an Error in a future version of PHP) in /var/www/clients/*************/++++++/includes/templates/bootstrap/common/tpl_main_page.php on line 251.

:-)

for the first error, line 35 of:

includes/classes/zca/zca_breadcrumb.php

//from
    function trail($separator = '  ')
//to
    function trail($separator = '  ', $prefix = '', $suffix = '')

i think that should fix that one.

the 2nd error, the DISPLAY_PAGE_PARSE_TIME is no longer part of the ZC core. you can either define or remove it depending if you want to see that data.

includes/templates/bootstrap/common/tpl_main_page.php

<!--bof- parse time display -->
<?php
// add the following line and set to true or anything else if you want to see the data or not!
define('DISPLAY_PAGE_PARSE_TIME', 'true');
  if (defined('DISPLAY_PAGE_PARSE_TIME') && DISPLAY_PAGE_PARSE_TIME == 'true') {
?>
<div class="text-center">
Parse Time: <?php echo $parse_time; ?> - Number of Queries: <?php echo $db->queryCount(); ?> - Query Time: <?php echo $db->queryTime(); ?>
</div>
<?php
  }
?>
<!--eof- parse time display -->

@carlwhat
SUPER sweet of you to take the time! i did what you suggested but keep the warning in my log :D and on the shop
Altough i have now 6 warnings on the also_purchased_products.php, info display and tpl_main_page.php

:-) :-)
i love this new version, so many things that really improved, but i'm so a dumbo when it comes to changing the php files. (give me an old fashioned css and htlm and i am happy)
Thanks again for your help, very much appreciated!

With 1.5.7, for the Breadcrumbs thing, I think you can simply delete the zca breadcrumbs class and the corresponding init file for it, and edit your tpl_main_page to tell it to use the <li> markup for prefix/suffix:

<?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR, '<li>', '</li>'); ?>

Less core code changes that way. It's this very sort of situation (custom markup) that the core breadcrumb class was updated.

I suppose alternatively you could just edit the breadcrumb class and set the defaults to the li stuff instead of empty strings.

I have a order total module running in the standard (not OPC) zen cart checkout, using the bootstrap template.
I cannot get the checkbox to display...

It does in the default template, but not with bootstrap.

Am I missing something, I see checkboxes work for the attributes?

Any help is appreciated

~Melanie

I have a set of manually added product images added into the product description like this:

<div class="productImagesRow">  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_001.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_002.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_003.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow">  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_004.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_005.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_006.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow">  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_007.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_008.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_009.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow">  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_010.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_011.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_012.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow">  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_013.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_014.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div>  <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_015.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div>

How would I make each image open full size in its own 'modal lightbox window' using the bootstrap scripts?

I've tried this:

<a data-toggle="modal" data-target=".image-modal-lg" href="#image-modal-lg"><img src="images/red-arrows-canvas-001.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"><div class="p-1"></div><span class="imgLink">larger image</span></a>

<a data-toggle="modal" data-target=".image-modal-lg" href="#image-modal-lg"><img src="images/red-arrows-canvas-002.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"><div class="p-1"></div><span class="imgLink">larger image</span></a>

<a data-toggle="modal" data-target=".image-modal-lg" href="#image-modal-lg"><img src="images/red-arrows-canvas-003.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"><div class="p-1"></div><span class="imgLink">larger image</span></a>

However that only opens the first image no matter what image you click on.

I am using the bootstrap template but would like to make some css modifications, how could i do that ?

windsurfer:

I am using the bootstrap template but would like to make some css modifications, how could i do that ?Follow your sig, get chrome or Firefox, go to your page you want to change, hit F12

Nick1973:

I have a set of manually added product images added into the product description like this:

<div class="productImagesRow"> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_001.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_002.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_003.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow"> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_004.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_005.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_006.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow"> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_007.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_008.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_009.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow"> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_010.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_011.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_012.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div><div class="productImagesRow"> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_013.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_014.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div> <div class="productImagesColumn"><img src="images/additional/red_arrows_canvas_015.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"></div></div> ``` > > How would I make each image open full size in its own 'modal lightbox window' using the bootstrap scripts? > > I've tried this: > > ```html <a data-toggle="modal" data-target=".image-modal-lg" href="#image-modal-lg"><img src="images/red-arrows-canvas-001.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"><div class="p-1"></div><span class="imgLink">larger image</span></a>

<a data-toggle="modal" data-target=".image-modal-lg" href="#image-modal-lg"><img src="images/red-arrows-canvas-002.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"><div class="p-1"></div><span class="imgLink">larger image</span></a>

<a data-toggle="modal" data-target=".image-modal-lg" href="#image-modal-lg"><img src="images/red-arrows-canvas-003.jpg" alt="Red Arrows A3 Canvas Prints" title=" Red Arrows A3 Canvas Prints " width="450" height="450"><div class="p-1"></div><span class="imgLink">larger image</span></a>

> 
> However that only opens the first image no matter what image you click on.

I've sorted this out now thanks

Anyone have any tips on how I'd go about making the ezpages header disappear on mobile? I don't mind the items being in the collapsable menu. I just don't want the big bar across the mobile screen. I like the the ezpages header only on desktop. Thank you

In your template overrides style sheet use "visibility : hidden" in the "@media size sections"
eg
@media (max-width: 480px) and (min-width: 320px) {
#expagesBarHeader { visibility: hidden; }
}
You will hide the bar but have a hole in the display so may need to add "height: 0em;"

environment Test: Zen Cart 157; Apache 2.4.46; PHP 7.3.21; MySQL 5.7.31; Linux 4.15.0

V1.5.7
PHP Version: 7.3.21
Server Apache
latest available ZCA Bootstrap Template
https://www.jrcdesigns.co.uk/

Have finally found a template that I will find easier to change colours to the ones I want and like the look of aswell.
I am wanting to move the tagline from the centre of the header, please can someone show me where and how, have read through the thread but cant see the info anywhere.

Thank you

There's a couple of ways. The design makes it difficult as it has a div surrounding a div for one line of text. To add to that, the stylesheet info that controls this is embedded in the file versus existing in a stylesheet. Finally, it is hard-coded as !important. That makes it more difficult.

Without having to change a template file, you can add a stylesheet_zcustom.css to your includes/templates/bootstrap/css/ folder with the following entry:

#tagline {text-align:left !important;}

We use this stylesheet as a way to keep track of changes made over time. Easy to find and generally loads last. The !important in this case is due to the fact !important was already used to set up the centering.

Thank you dbltoe that did the trick :)

V1.5.7
PHP Version: 7.3.21
Server Apache
latest available ZCA Bootstrap Template
Square payments
https://www.jrcdesigns.co.uk/

I have spent all day trying to figure this out and cant so am hoping someone can help please.

There is a grey bar near t he top centre of the page which has home on it and when you go to another page it adds that on so say contact us.
Is there a way of removing this at all?

Thank you