ZCA Bootstrap 4 Template [Support Thread]

[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/

[windyborough]

@rbarour many thanks for the detailed reply. Appologies for the late reply, I will do as you pointed out and get back if run into any issues. One quick question, I think somewhere in this thread you mentioned that you will update the template over the weekend. Shall I wait till you update the template or do it now and do again once the updated template is available to download.

Just wondering if the update will iron out issues which I might come across later on, so best to wait a day and then download the updated template and do everything on it? Also appreciate that you also provided some links.

I appreciate your reply and help, and I assure you, you will see a lot of posts/replies from me lol the site got a long way to go.

Cheers

[rbarbour]

@rbarour many thanks for the detailed reply. Appologies for the late reply, I will do as you pointed out and get back if run into any issues. One quick question, I think somewhere in this thread you mentioned that you will update the template over the weekend. Shall I wait till you update the template or do it now and do again once the updated template is available to download.

Just wondering if the update will iron out issues which I might come across later on, so best to wait a day and then download the updated template and do everything on it? Also appreciate that you also provided some links.

I appreciate your reply and help, and I assure you, you will see a lot of posts/replies from me lol the site got a long way to go.

Cheers

The current version is 1.06 and is available in the download section.

I won't be releasing another version till beginning of October but as of right now none of the changes will affect the catalog side.