ZCA Bootstrap 4 Template [Support Thread]

[rbarbour]

I will be uploading Version: 1.0.6 by end of weekend...

This upgrade includes:

1.) Several HTML validations (github issue #62)
2.) Adds Responsive Carousel Banners (github issue #63)
3.) Adds the PhotoSwipe Lightbox to the document_general_info, document_product_info, page, product_free_shipping_info, product_info, product_music_info, product_reviews, product_reviews_info & product_reviews_write pages (github issue #64)
4.) Adds Admin controlled Template Colors Configuration (github issue #65)

[shags38]

hello rbarbour - I have realized that I do not know enough about bootstrap to work with this template but I do believe it is the way to go.

I have a problem in that the index page in my existing template is now showing the text 'Flexible Footer Menu' <indexDefaultHeading> and I am not sure how to remove it even though I have removed all the zca bootstrap template files - any ideas where I should look?

many thanks,
Mike

[rbarbour]

hello rbarbour - I have realized that I do not know enough about bootstrap to work with this template but I do believe it is the way to go.

This template is the ONLY way to go!

Version 1.0.6 was uploaded Sunday but isn't yet available in the downloads.

I have a problem in that the index page in my existing template is now showing the text 'Flexible Footer Menu' <indexDefaultHeading> and I am not sure how to remove it even though I have removed all the zca bootstrap template files - any ideas where I should look?

many thanks,
Mike

Mike,

More than likely you have a stray language file.

look in your /includes/languages/english folders

&

/includes/languages/english/extra_definitions folders

but as stated before this is not related to this template and should be posted in the proper thread.

[shags38]

This template is the ONLY way to go!

Version 1.0.6 was uploaded Sunday but isn't yet available in the downloads.



Mike,

More than likely you have a stray language file.

look in your /includes/languages/english folders

&

/includes/languages/english/extra_definitions folders

but as stated before this is not related to this template and should be posted in the proper thread.

Thanks Raymond - your hint at extra_definitions folders did the trick - found it in /includes/languages/english/extra_definitions/flexible_footer_menu in the first block under define('HEADING_TITLE',''); removed Flexible Footer Menu

cheers,
Mike

[Georgecy]

Hi guys,
Just to ask if the carousel on front page is adjustable and can also take the full width of the page?

[lat9]

I'm having the devil of a time getting checkbox inputs to show as table-column elements.

In the responsive_classic and classic templates, the element is "coded" as

                    <tr>
                        <td><?php echo TEXT_GROUP_PUBLIC; ?></td>
                        <td><?php echo zen_draw_checkbox_field("group_public[$favorites_group_id]", '', ($group_info['is_public'] == 1)); ?></td>
                    </tr>

For the bootstrap template, I've wrapped the table with a <div class="table-responsive"> and added the classes "table table-bordered" to the table itself. Then, I modified the checkbox column to read:

                    <tr>
                        <td><?php echo TEXT_GROUP_PUBLIC; ?></td>
                        <td><div class="custom-control custom-checkbox"><?php echo zen_draw_checkbox_field("group_public[$favorites_group_id]", '', ($group_info['is_public'] == 1)); ?></div></td>
                    </tr>

... but still no checkbox is displayed.

Anyone have any suggestions?

[rbarbour]

I'm having the devil of a time getting checkbox inputs to show as table-column elements.

In the responsive_classic and classic templates, the element is "coded" as

                    <tr>
                        <td><?php echo TEXT_GROUP_PUBLIC; ?></td>
                        <td><?php echo zen_draw_checkbox_field("group_public[$favorites_group_id]", '', ($group_info['is_public'] == 1)); ?></td>
                    </tr>

For the bootstrap template, I've wrapped the table with a <div class="table-responsive"> and added the classes "table table-bordered" to the table itself. Then, I modified the checkbox column to read:

                    <tr>
                        <td><?php echo TEXT_GROUP_PUBLIC; ?></td>
                        <td><div class="custom-control custom-checkbox"><?php echo zen_draw_checkbox_field("group_public[$favorites_group_id]", '', ($group_info['is_public'] == 1)); ?></div></td>
                    </tr>

... but still no checkbox is displayed.

Anyone have any suggestions?

Cindy,

https://getbootstrap.com/docs/4.0/co...#custom-styles

The ZCA Bootstrap Template uses custom forms.

An ID must be added to the check box

And a label must be created
<label class="custom-control-label" for="***ID****">

[lat9]

Thanks, @rbarbour. That corrected the issue I was having.

[windyborough]

Hi everyone,

I need some help with this theme. Not highly expert so please bare with me. I was using a template to design a decent looking website. Ran into unlimited issues so dropped the idea of using third party templates. I downloaded this template and have managed to fiddle around with it a bit, so far to my satisfaction. Mainly turning on and off boxes and similar things.

Attached is the screenshot with numbers, 1 to 4. I'll explain what I'm trying to do and any help in regards to how to achieve results would be highly appreciated.

1. Log in. I would like to move the log in to the right side of the page. Next to search box, or find it for me box.
2. The top menu is same as side menu. I found the setting and it can be disabled/enabled. I'm thinking of editing it but then it means when enabled it will mirror the side menu which is number 4 in the pic.

What I'm trying to achieve is to have a different menu which stretches to the whole width of the page and in that I can add, drop down sub menus as per need. Question is how do I do it? Can it be done by using css menu and adding it to stylesheet?

3. That menu needs to go. Simply put. How can I do that?
4. Side menu is fixed. How to change its width? I saw the option in setting but it says the changes made will not take effect for zca theme. So, how can I go about and change it? Or possibly change it top menu suggestion of making it in css (by coping and pasting from some stylesheet which has some good looking menus) is it possible?

Any beginner level help would be appreciated. The reason I ditched the idea of third party theme is that no support. So here's to hoping that I'll be able to achieve some results using this theme. Where it says welcome to mobile direct, above it I would like a decent slider for products. Any suggestion to which works better with this build of zen cart version.

Many thanks in advance for your help and input.

Cheers.


P.S. I can locate files and edit using note pad or netbeans, no problem. I'm doing all this locally and not live so I can make the changes and adjust things first. Learn while I do this. Thanks.

[rbarbour]

1. Log in. I would like to move the log in to the right side of the page. Next to search box, or find it for me box.

In: /includes/templates/bootstrap/common/tpl_header.php
around line 54 find:

<ul class="navbar-nav mr-auto">

change to:

<ul class="navbar-nav ml-auto">

2. The top menu is same as side menu. I found the setting and it can be disabled/enabled. I'm thinking of editing it but then it means when enabled it will mirror the side menu which is number 4 in the pic.

What I'm trying to achieve is to have a different menu which stretches to the whole width of the page and in that I can add, drop down sub menus as per need. Question is how do I do it? Can it be done by using css menu and adding it to stylesheet?

The top tabs are admin controlled (ADMIN>CONFIGURATION>LAYOUT SETTINGS>Categories-Tabs Menu ON/OFF). You can add different plugins to achieve what you want.

Bootstrap Examples
https://getbootstrap.com/docs/4.1/components/navbar/

You can easily change those using the category tab dropdown or the CSS mega menu plugins. Like I did here
http://zcadditions.com/bootstrap_elux_demo/

3. That menu needs to go. Simply put. How can I do that?

That is an ezpage menu and is admin controlled (ADMIN>CONFIGURATION>EZ-PAGES SETTINGS>EZ-Pages Display Status - HeaderBar)

4. Side menu is fixed. How to change its width? I saw the option in setting but it says the changes made will not take effect for zca theme. So, how can I go about and change it? Or possibly change it top menu suggestion of making it in css (by coping and pasting from some stylesheet which has some good looking menus) is it possible?

The widths of the side columns are admin controlled (ADMIN>CONFIGURATION>LAYOUT SETTINGS>Responsive Left Column Width), (ADMIN>CONFIGURATION>LAYOUT SETTINGS>Responsive Center Column Width), (ADMIN>CONFIGURATION>LAYOUT SETTINGS>Responsive Right Column Width)

Any beginner level help would be appreciated. The reason I ditched the idea of third party theme is that no support. So here's to hoping that I'll be able to achieve some results using this theme. Where it says welcome to mobile direct, above it I would like a decent slider for products. Any suggestion to which works better with this build of zen cart version.

This template has options to turn any banner display into a banner carousel which can also be found under ADMIN>CONFIGURATION>LAYOUT SETTINGS

I personally like slick (http://kenwheeler.github.io/slick/) for a product carousel, you can also see that implemented here: http://zcadditions.com/bootstrap_elux_demo/