ZCA Bootstrap 4 Template [Support Thread]

royaldave:

Hi

Am experimenting with using bootstrap template for my next upgrade - downloaded latest version and I am tinkering with it.

Generally loving it, however I can't get font awesome social icons to work - have tried a number of permutations of v5 and v6 FA - I see conflicting info on what version is applicable.

If someone could please tell me how to get a facebook, pinterest and insta icons to appear please let me know.

Yeh, I have. Everything I try I just get a blank.

royaldave:

Yeh, I have. Everything I try I just get a blank.

OK, I see why.

If you check the contents of -

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/fontawesome.min.css

there's no facebook, pinterest or insta...

Here you are: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/brands.min.css

Shop Suey:

Here you are: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/brands.min.css

thanks! all good now.

for others who may require this, add

    'fab' => [
        'link' => 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/brands.min.css',
        'integrity' => 'sha384-hu7sKftLeB/8IYmWPfl2Jo6MTRHquwXVmGPT/08RqhuANVZrbNFBIsvWPOiUduYX',
        'type' => 'style',
    ],

to the preloads in YOUR_TEMPLATE/common/html_header.php

Building a new site and moving my stuff over. All is going well for now except the following. ON my old site the logo.gif is in the top left corner and the banners are larger. See example.
On the new site the logo.gif is in the left center and the banner size is smaller. see example.

How do I change this.

So I don't know if this is the correct way, but in includes/templates/bootstrap/common/tpl_header.php
I changed line 93 from center to start. Now puts the logo on the top left side.
I also changed line 96 from col-sm-4 to col-sm-3 This moved the banner over a little more center

cubmanky:

Building a new site and moving my stuff over. All is going well for now except the following. ON my old site the logo.gif is in the top left corner and the banners are larger. See example.
On the new site the logo.gif is in the left center and the banner size is smaller. see example.

How do I change this.

Hi,

This is a dumb question, but how do I achieve the layout shown in the documentation?

https://docs.zen-cart.com/user/template/bootstrap/

I can't get a header or footer despite having them turned on in tools/ ezpages.

Thanks,

Mike.

Apologies, after much playing around I found the multiple settings needed to display the ezpages links.
However, I still haven't managed to get the define pages links showing.
All Define Page Status values are set to 1, but no links are showing.

More information required. Screenshot of what you are working on, where expecting to see the define pages listed (as the screenshot from the docs you sent does not have define pages showing...well, except the ezpages link pointing to the "privacy notice" define page.

I'll note, too, that the coloring shown there is not the Bootstrap template's default. "There" being that Zen Cart documentation link.

zencart 2.0.1
latest bootstrap

I am finding that when I try to update a product qty in the shopping cart nothing happens, ie I change the qty, press the 'two arrow button' and the page refreshes but the old quantity is still there.

This could obviously be down to something I've done, however I can't see what at this stage.

anyone else getting this or just me ?

(i know it works fine without bootstrap - and I've ruled out my multisite as the culprit).

royaldave:

zencart 2.0.1
latest bootstrap

I am finding that when I try to update a product qty in the shopping cart nothing happens, ie I change the qty, press the 'two arrow button' and the page refreshes but the old quantity is still there.

This could obviously be down to something I've done, however I can't see what at this stage.

anyone else getting this or just me ?

(i know it works fine without bootstrap - and I've ruled out my multisite as the culprit).
There's no "two-arrow" button in the base Bootstrap template, perhaps something you've added?

lat9:

There's no "two-arrow" button in the base Bootstrap template, perhaps something you've added?

Hi

I mean the update button - with the two swirly arrows..

royaldave:

Hi

I mean the update button - with the two swirly arrows..
I'm not able to reproduce this behavior. Are there any myDEBUG*.log files or errors noted in the browser's console-log?

Hi again,

And thanks for the feedback, I've managed to get the define pages showing in a side box, but I cant see an option for having them in the header or footer provided. I'm finding Bootstrap to be a bit more fiddly in the admin settings than my previous template - but I'm making progress.

Now I've got an issue with the EZ-pages, and I'm unsure what's causing it.
Running Zencart 2.0.1, only mods are OPC and CKEditor5.

I edited an Ezpage to include some bootstrap styling as follows:
<img class="float-left pr-3" src="images/Bulk-Honey.webp" alt="Bulk Honey in varying size, as supplied by Cammell's Honey">
Click the Update button, visit the page and see that no change has been made, revisit the source and see the code has been altered back to:
<img src="images/Bulk-Honey.webp" alt="Bulk Honey in varying size, as supplied by Cammell's Honey">

The same happens with header tags as well, only basic <P> and <img> tags seem to remain unchanged.

The same happens on the define pages as well, any styling gets stripped, but text changes remain.
This occurs whether I am using CKEditor or plain text.

Further to the above, I can make styling changes directly on the EZ page in the database and these will remain when saved.
So it appears to have something to do with making changes in the Admin editor.

mikecnz:

I've managed to get the define pages showing in a side box, but I cant see an option for having them in the header or footer provided.
That would be because it doesn't exist... There is no define page bar in the header or footer.
Are you making a new version of your site in your signature?
if you are trying to reproduce the drop down menu on your current live site, there is no functionality like that in either the bootstrap template or responsive classic. It was basically a plugin included in winchester responsive that provides the dropdown menu

the class tag being removed regardless of ckeditor5 or text editor is probably over-sanitization of the input...

The footer layout in your current site are a result of the flexlible footer plugin included in the winchester responsive template

ok, testing shows that Ckeditor5 is what is stripping the class off the image tag.
So another thing that Ckeditor 5 causes an issue with

lat9:

I'm not able to reproduce this behavior. Are there any myDEBUG*.log files or errors noted in the browser's console-log?

Not seeing anything, no.

I have reverted to using responsive classic in this setup and its now working as should.

No idea what the issue is - I'm faced with starting over on this upgrade and checking the shopping cart at each step.