ZCA Bootstrap 4 Template [Support Thread]

[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

[dbltoe]

I thought I said that.

@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.

[Angiex1]

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.

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

[dbltoe]

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.

[Angiex1]

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.

[Angiex1]

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.

[swguy]

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".

[Angiex1]

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.

[swguy]

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

[Angiex1]

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.