ZCA Bootstrap 4 Template [Support Thread]

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

[windyborough]

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.

I downloaded the latest version and using it. Since I last posted, I have had multiple issues (not template related) and since then been starting new projects to test and iron out the things. Right now stuck at two things, first is css mega menu. I managed to incorporate it by following the included instructions and I have to get another one to use. Plus it does not show up in configurations settings in admin panel and by the looks of it the the author who made it is not active perhaps. It's thread is really old, 2012. Need to get another mega menu.

I have taken your advice and downloaded slick. Slick is very slick lol. I love it haven't messed about it yet because its half one in the morning and I know I'll just mess it up if I even tried to "uderstand" it.

My question is, can you point me to the write direction for how to incorporate slick in your theme? Youtube? Slick looks advance and nice and to add it must need advance knowledge, I'm guessing, which I'm lacking. If you can point me to the direction then I'll try to figure it out that which files needs to be edited and copied from and to and all that.

I have found a ZX slider and it looks recent. But slick looks.. slick! It has many options and settings and it can/will make a bland site very lovely.

Any mega menu idea? I have found a cracking looking menu here same thing, don't know which file the html code will go into in the template and in which css will. I downloaded it and not sure how to add it to the theme.

Any help with the slick would be highly appreciated. Many thanks in advance. Cheers

[dellchase]

Great template! It's so fast!

How do I go about adding/removing items from that bootstrap toggle menu?

Thank you

[rbarbour]

Great template! It's so fast!

How do I go about adding/removing items from that bootstrap toggle menu?

Thank you

The toggle menu is controlled via the admin,

You can remove the specials, all products and new product links from the categories
Configuration > Layout Settings > Categories Box - Show Specials Link
Configuration > Layout Settings > Categories Box - Show Products New Link
Configuration > Layout Settings > Categories Box - Show Featured Products Link
Configuration > Layout Settings > Categories Box - Show Products All Link

The other links in this toggle menu are taken from the information and more information sideboxes,
Configuration > Define Page Status >
Configuration > E-Mail Options > Display "Newsletter Unsubscribe" Link?

Also some are controlled by your ezpage settings
Sidebox Sort order is used when pages are listed in vertical links; Sort order should be greater than zero to enable it in vertical listing.

[mprough]

I was hoping you could provide some guidance for the product listing. In the image you see that at this width (med) I believe it is there are still 4 columns when there should likely only be one, two max for sure. I cannot locate the spot to edit this for a better display on medium devices.

[mprough]

I have a order total module running in the standard (not OPC) zen cart checkout, using the bootstrap template.
I cannot get the checkbox to display...

It does in the default template, but not with bootstrap.

Am I missing something, I see checkboxes work for the attributes?

Any help is appreciated

~Melanie

[mprough]

Zen Cart 2.0.1
PHP 8.3.14
Bootstrap 3.7.2-beta5
No other plugins

The listingDisplayOrderSorter with recommended, product name etc is only configurable via a file edit? Just making sure, I found no admin side config for it.

~Melanie