ZCA Bootstrap 4 Template [Support Thread]

I'm just about to clone Bootstrap but what do I put here "Target Template: " ?

I've found it and realised should be in the right support thread

Hi, I have tried everywhere to make these changes and cant figure it out, details in sig.

Have attached a picture as easier for me to explain.

No 1 I want to add -Register after login link so it reads log in - register I also want the shopping cart up there and not as a side box.
No 2 I want to centre the logo, have followed the docs section but have managed to change it but cannot centre it.
No 3 I want to remove this bar and the home link etc completely. I can change the colours but it isnt needed for me.

Any directions would be great

Thank you

Angiex1:

Hi, I have tried everywhere to make these changes and cant figure it out, details in sig.

Have attached a picture as easier for me to explain.

No 1 I want to add -Register after login link so it reads log in - register I also want the shopping cart up there and not as a side box.
No 2 I want to centre the logo, have followed the docs section but have managed to change it but cannot centre it.
No 3 I want to remove this bar and the home link etc completely. I can change the colours but it isnt needed for me.

Any directions would be great

Thank you

1. To change the wording of the "Login" link to "Login - Register", you'll make a template-override version of /includes/languages/english/header.php (i.e. copy that file to your current template's /includes/languages/english/YOUR_TEMPLATE) and edit the define statement for HEADER_TITLE_LOGIN. The shopping-cart link will show once a customer has placed an item into their cart.
2. You'll need to edit your current template's /templates/tpl_index_default.php, changing the line that reads

?>
<div id="indexDefault-defineContent" class="defineContent"><?php require($define_page); ?></div>
<?php } ?>

to

?>
<div id="indexDefault-defineContent" class="defineContent[B] text-center[/B]"><?php require($define_page); ?></div>
<?php } ?>

3. That's the site's "breadcrumbs" ... I'm not sure why you'd want to remove that, but you can totally disable the Breadcrumbs via Configuration :: Layout Settings :: Define Breadcrumb Status.

Thank you Lat9,

Number 1 worked and number 3, but number 2 centred the picture and not the logo.

For number 3 I want to remove it as the home page link is there at the top, there is a page title already and on my screen thats in great big black letters its just really busy.

Would you have any idea why the logo won't centre?

To center that logo, you'll need to edit /includes/templates/clone/common/tpl_header.php, changing this block

<!--bof-branding display-->
<div id="logoWrapper">
   <div id="logo" class="row align-items-center p-3"> 
   <?php if (HEADER_SALES_TEXT != '') {
           echo '<div class="col-sm-4">';
        } else {
            echo '<div class="col-sm-12">';
            }
            ?>
        <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a><br>'; ?>
    </div>

to read

<!--bof-branding display-->
<div id="logoWrapper">
   <div id="logo" class="row align-items-center p-3"> 
   <?php if (HEADER_SALES_TEXT != '') {
           echo '<div class="[B]text-center w-100[/B]">';
        } else {
            echo '<div class="col-sm-12">';
            }
            ?>
        <?php echo '<a[B] class="d-block"[/B] href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a><br>'; ?>
    </div>

Be sure to make a backup copy prior to changes!

Thank you that has worked :)

It is alot of years since have done any of this and Bootstrap is totally new to me so thank you for your patience. I love how it is easier to alter the template, but some things just loose me so there may be well be, well probably will be a few more questions

Angiex1:

Thank you that has worked :)

It is alot of years since have done any of this and Bootstrap is totally new to me so thank you for your patience. I love how it is easier to alter the template, but some things just loose me so there may be well be, well probably will be a few more questions
Excellent!:smile:

Questions are what the support-threads are all about.

Thank you.

I know I can change all the text colour on my site via bootstrap but I want to leave the text as is apart from the page headers which I want to change the colour of but cannot find where

Angiex1:

Thank you.

I know I can change all the text colour on my site via bootstrap but I want to leave the text as is apart from the page headers which I want to change the colour of but cannot find where

If you're using v3.3.0 or later of the template, you can use the site-specific-styles added in that version. See the template's FAQ (https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md) page for more information.

Thank you will give that a go, will that change all the headers on all pages?

Hmmmm thought I hadnt replied, edited so as not to repeat!

Angiex1:

Thank you will give that a go, will that change all the headers on all pages?
If you're referring to the styling of all <h1> tags ... yes.

thank you.

I've just submitted v1.0.4 of the companion integration between the Bootstrap 4 Template and One-Page Checkout; I'll post back here when it's available for download.

This release corrects the number of parameters supplied to zen_prepare_country_zones_pull_down (see issue #8).

Zen Cart download link: https://www.zen-cart.com/downloads.php?do=file&id=2305

lat9:

I've just submitted v1.0.4 of the companion integration between the Bootstrap 4 Template and One-Page Checkout; I'll post back here when it's available for download.

This release corrects the number of parameters supplied to zen_prepare_country_zones_pull_down (see issue #8).

Zen Cart download link: https://www.zen-cart.com/downloads.php?do=file&id=2305
Now available for download.

I have another couple of questions, upto date info in my sig.

I have screen shot where the changes I want to make are and numbered them

1 How do I change the colour of the line going round the categories links?

2 How do I change the wording from "New? Please provide your billing information"

Thank you.

I will let others talk about how to change the color of the box (I am sure its in a CSS file somewhere unless they linked it to an admin setting)

As for the text... in your admin, go to the Developer's toolkit and search for that phrase. That will tell you which file has the text string. This could need to be repeated if you use multiple languages.

Thank you will go look there as have spent days looking in my filess in file manager with no luck. Have tried going through the colours on ZCA Bootstrap Colors and cant find how to do the colour change.

g2ktcf Thank you that worked for number 2 will look at the toolkit in future as totally forgot about that.