ZCA Bootstrap 4 Template [Support Thread]

[Angiex1]

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

[Angiex1]

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

[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

[lat9]

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 text-center"><?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.

[Angiex1]

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?

[lat9]

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="text-center w-100">';
        } else {
            echo '<div class="col-sm-12">';
            }
            ?>
        <?php echo '<a class="d-block" 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!

[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

[lat9]

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!

Questions are what the support-threads are all about.

[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

[lat9]

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-Bootstra.../pages/faqs.md) page for more information.