ZCA Bootstrap 4 Template [Support Thread]

Thank you will crack on and take a look but coding is a bit over my head, can just get by with css but just don't need all the links in the info box.

This is an exmaple taken from Amazons uk website of what I want to achieve in the footer. I am just not sure how?

Until this issue is fixed, you could just delete the code in includes/modules/sideboxes/bootstrap/information.php between lines 25 and 31, i.e.

if (defined('FILENAME_ABOUT_US')) {
    $information[] = '<a class="' . $information_classes . '" href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '</a>';
}

if (defined('FILENAME_BRANDS')) {
    $information[] = '<a class="' . $information_classes . '" href="' . zen_href_link(FILENAME_BRANDS) . '">' . BOX_HEADING_BRANDS . '</a>';
}

Thank you, was just looking to do that bit and it shows as set to false so will try your suggestion.

@swguy, Thank you, have removed the links in the info box I don't want there.

Also from another thread of mine your answer reminded me how to change the names of the links and the page headers in the info boxes etc so thank you again for that.

I hate asking so many questions but asking and the answers has carried on helping me and will help others who are new to Zencart.

Define pages are nearly done aswell :).

I do not know if this question is for Zencart or the template so will ask it here, how to I change the order of the links in the information box, please do not tell me its complicated! It is getting late here in the UK and I am shattered but need to get the site up and running fairly quickly.

The order is dictated by how they appear in

includes/modules/sideboxes/bootstrap/information.php

You can move them around, starting with the
if (something) {
and ending with the
}

@swguy thank you. Finally feel as though I am getting there. Still a way to go but now in the right direction :)

Please can someone stop me going in circles lol

I am trying to centre the link in the footer bar, have been through everything I can think of in cpanel and the admin of the shopping cart and cannot find what I am looking for.

I need to centre the link in the footer bar please where do I go to do this

Thank you.

Just read up on flexbox; to align flexbox items you would need to add "justify-content: center;" to the css

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  [B]justify-content: center;[/B]
}

Now, I'm not familiar with this template and do not know whether the .nav class is used elsewhere so, to be on the safe side I would add the following to _nav.scss instead:

.nav.nav-pills {
  justify-content: center;
}

simon1066:

Now, I'm not familiar with this template and do not know whether the .nav class is used elsewhere so, to be on the safe side I would add the following to _nav.scss instead:

.nav.nav-pills {
justify-content: center;
}

This is not incorrect but....

Bootstrap 4 comes with a file in includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php.  Making your changes to this file and saving it as includes/templates/YOUR_TEMPLATE/css/site_specific_styles.php is the recommended way to keep all your changes together for when you need them.

@Angiex1 - in your case, YOUR_TEMPLATE is bootstrap.  I would also recommend that you use [lat9's clone a template](https://www.zen-cart.com/downloads.php?do=file&id=2087) to clone the bootstrap to something else you like.  This will keep the original bootstrap "clean" and able to be used in troubleshooting.

dbltoe:

This is not incorrect but....

Bootstrap 4 comes with a file in includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php. Making your changes to this file and saving it as includes/templates/YOUR_TEMPLATE/css/site_specific_styles.php is the recommended way to keep all your changes together for when you need them.

Thanks @dbltoe, that's good to know.

Bootstrap 4 comes with a file in includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php.

Small correction - the template is already set to 'bootstrap'. So it's

includes/templates/bootstrap/css/dist-site_specific_styles.php

so just copy that file to

includes/templates/bootstrap/css/site_specific_styles.php

I thought I said that. :P

@Angiex1 - in your case, YOUR_TEMPLATE is bootstrap. I would also recommend that you use lat9's clone a template to clone the bootstrap to something else you like. This will keep the original bootstrap "clean" and able to be used in troubleshooting.

I forgot to install clone a template and have already made changes which is taking me days, have spent the whole day trying to centre the links in the footer bar and just cannot figure how, to be honest I would rather they were listed in columns under that bar but have no idea how, have read the docs file more than once.

swguy:

Bootstrap 4 comes with a file in includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php.

Small correction - the template is already set to 'bootstrap'. So it's

includes/templates/bootstrap/css/dist-site_specific_styles.php

so just copy that file to

includes/templates/bootstrap/css/site_specific_styles.php

I looked there but its php and erm yeah!!!!

I would still clone your template and then overwrite the original bootstrap folders with the original files.

And, yes, the file is php and should be saved as such.

Last time I did it via a clone a template it was more confusing for me than this is. Right now I'm getting seriously frustrated with myself and after 10 hours of going round in circles to be honest its more than frustrating!!!

It was saved as php but what am I supposed to put in the file?

All I want to do is centre the links on the footer bar, but to be honest that isnt really how I want it as thats just a quick fix.

Right for some reason I did not see posts ~788, 789 and 790, thank you to both Simon and DBLToe, as wondered why you said you had already said something.

Will go take a look.

How would I have links as a list in the footer, with a header above each set of links? so a row of 4 lists ?

Thank you.

Looks like Font Awesome icons don't work in the latest Bootstrap template on Zen Cart 1.5.8. Investigating.

Note: Bootstrap uses FA5 but Responsive Classic uses FA4.

Repro steps: edit an ez page and add an FA icon in HTML.

Test link for FB: 
<a href="http://www.facebook.com/" rel="noreferrer noopener" target="_blank"><i class="fa fa-facebook"></i></a>

Observe that the FA icon is shown in RC but not in Bootstrap.
In Bootstrap you can also switch back to FA4 by modifying the $preloads variable in
includes/templates/bootstrap/common/html_header.php

    'fa' => [
        'link' => 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css',
        'integrity' => 'sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==',
    ],

and when this is done, the icon appears.

I have also tried with "fas" instead of "fa".

What affect does that have for changes I want to make @swguy?

I have put some of the links I want in the footer bar but its just not right for me.

Thank you again to everyone who is answering me.

I'm going to get the template how I want it for now and then will clone it with the changes already made and once done that reinstall Bootstrap 4 and over right the original installation of the template to make it the base install.

What affect does that have for changes I want to make @swguy?

It was not specifically for you. Unless you are using FA icons, you can ignore.

Thank you, I think you added to your post as I answered it originally.

I just have to try and get my head around what you put as right now its gone right over my head lol.