ZCA Bootstrap 4 Template [Support Thread]

... and what steps are you performing to "move" a sidebox from the left to right?

lat9:

... and what steps are you performing to "move" a sidebox from the left to right?

admin - tools - layout boxes controller

immortalgames:

admin - tools - layout boxes controller

a little bit more information might help. my site was updated from zc1.5.5 to 1.5.8 where my old template was no longer supported. is there a sql i can execute with all the layout boxes as defult like the demo for this template.

https://github.com/zcadditions/ZCA-Bootstrap-Template-for-1.5.6-v2.0.0c/issues/57

when i revert back to the defult zc template all the boxes go back into there places / hold on i was wrong about that i seem to be having the same issue with the defult bootstrap also. I will post again if this pursists as this is the template im going to be using.

So, I downloaded 3.7.0 Beta 6 as I wanted to see what happens to my products listings. Now I cannot get a three column format at all. I get 6, 4, 2 and so forth. I have slowly adjusted my width to see the changes. Also, my product images are not scaling for the width of the card. See the link below. that has a 5 column. I am open to having more columns, but the image problem is a no go. I have my side bar width set a 2 and the main screen at 10.

https://www.dropbox.com/scl/fi/r0mktwc9ffxjvg02pojmn/Screenshot-2024-05-10-082748.png?rlkey=w692u7gwy8atfxfi4nb84mkw4&st=oyovi6yp&dl=0

ZC 1.57c Bootstrap 313

How do you get a sidebox to display in mobile view?
Specifically the currencies box in this case.

Box Settings
Left/Right Column Status: ON
Location: (Single Column ignores this setting) RIGHT
Left/Right Column Sort Order: 0
Single Column Sort Order: 0
Single Column Status: ON

All sideboxes disappear in phone view.

Not sure if this is just an issue with this template - I'm having the same issue with Responsive Classic.
I'm assuming it must be a setting I've got wrong because not having the option of currency or language selection on phones can't be right.

gsh68:

ZC 1.57c Bootstrap 313

How do you get a sidebox to display in mobile view?
Specifically the currencies box in this case.

Box Settings
Left/Right Column Status: ON
Location: (Single Column ignores this setting) RIGHT
Left/Right Column Sort Order: 0
Single Column Sort Order: 0
Single Column Status: ON

All sideboxes disappear in phone view.

Not sure if this is just an issue with this template - I'm having the same issue with Responsive Classic.
I'm assuming it must be a setting I've got wrong because not having the option of currency or language selection on phones can't be right.

In mobile view, I do not think any of the sideboxes are used. The sidebox settings are typically only for the full screen format as there is no room for them on a small screen.

g2ktcf:

In mobile view, I do not think any of the sideboxes are used. The sidebox settings are typically only for the full screen format as there is no room for them on a small screen.

I get that but how are currency and language selections displayed in mobile view if this is the case?

gsh68:

I get that but how are currency and language selections displayed in mobile view if this is the case?

I believe it should default to the hamburger menu. But I am guessing as my current design does not have currencies listed at all. I tried to enable them just to check for your. But no matter what settings I use, they do not show up. Now understand that I am using ZC 2.0.0 and Bootstrap 3.7.0 Beta 6 so it may not be apples to apples.

If hamburger menu is not good enough, there is the Language and currency in header plugin here.
I have submitted a new version for ZC v2.0.0 and bootstrap 3.7, it should be available soon.

pilou2:

If hamburger menu is not good enough, there is the Language and currency in header plugin here.
I have submitted a new version for ZC v2.0.0 and bootstrap 3.7, it should be available soon.

Thanks. I found that plugin last night. Seems like a possibility but tbh I'd prefer text/dropdown box than currency symbols but will have a closer look at it.

I installed a fresh copy of the latest Bootstrap template to check if it moves currency selectionto the hamburger in mobile view and it doesn't - not on Bootstrap or Responsive Classic.

Anyone been able to get this behaviour to work?

gsh68:

Thanks. I found that plugin last night. Seems like a possibility but tbh I'd prefer text/dropdown box than currency symbols but will have a closer look at it.

I installed a fresh copy of the latest Bootstrap template to check if it moves currency selectionto the hamburger in mobile view and it doesn't - not on Bootstrap or Responsive Classic.

Anyone been able to get this behaviour to work?
That mobile-menu you see when you click the hamburger icon is created by the Bootstrap template's /common/tpl_offcanvas_menu.php. I need to think about how to enable the 'easy' sidebox selection (and associated ordering) for those small-screen menus as that'll affect the functionality of the responsive_classic template as well.

g2ktcf:

So, I downloaded 3.7.0 Beta 6 as I wanted to see what happens to my products listings. Now I cannot get a three column format at all. I get 6, 4, 2 and so forth. I have slowly adjusted my width to see the changes. Also, my product images are not scaling for the width of the card. See the link below. that has a 5 column. I am open to having more columns, but the image problem is a no go. I have my side bar width set a 2 and the main screen at 10.

https://www.dropbox.com/scl/fi/r0mktwc9ffxjvg02pojmn/Screenshot-2024-05-10-082748.png?rlkey=w692u7gwy8atfxfi4nb84mkw4&st=oyovi6yp&dl=0

I cannot seem to find the solution for this. I am in the developer console in chrome. The first product card is div.col.mb.4 and is 175x829.06. The image in the card is below and it is scaled at 264. There seems to be a disconnect between the size of the column and rendered image from IH???

<img src="bmz_cache/c/ce0920250005_front_largejpg.image.220x264.jpg" title="Translucent 250g" alt="(image for) Translucent 250g" width="220" height="264" class="img-fluid listingProductImage" loading="lazy">

lat9:

Home-Page Slider: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Using-the-Home%E2%80%90Page-Slider-Feature

I'm playing catch-up on the documentation for the sidebox/centerbox carousels, but should have that finished in a couple of weeks.
That documentation is now available: https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Configuring-Sidebox-and-Centerbox-Carousels

v3.7.0 of the ZCA Bootstrap Template is now available: https://www.zen-cart.com/downloads.php?do=file&id=2191

This major release contains changes associated with the following GitHub issues:

#160: Refactor/sync layout of the various product_xx_info templates
#285: Price displays twice when a product includes attributes.
#291: Include a home-page slider
#292: Checkout Shipping shows "Continue" to Step 2 Payment, when not available/no shipping allowed
#308: Correct 'misuse' of <main> tag.
#358: Update to use FA-6, allow preloading to be disabled.
#359: Correct product-listing/category-row display for 'columns' display
#360: Enable the exclusion of no-product categories from the categories' sidebox and upper navigation.
#362: Drop support for Zen Cart versions prior to 1.5.8.
#363: Correct MySQL/ANSI-mode issues.
#365: Incorporate zc158 changes to the attributes' display.
#367: Correct the SQL uninstall script for the Bootstrap Colors configuration.
#369: Enable different container types for header/main-content/footer.
#370: <meta charset must precede preload links; HTML validation issue.
#371: zca_rating_stars always outputs 5 stars.
#372: Enable a carousel display on various sideboxes.
#375: Enable carousel display on new, featured and specials centerboxes, they can either 'fade' or 'slide'.
#377: Add jquery.matchHeight{.min}.js to address jiggly bits on sidebox/centerbox carousels.
#380: Correct checkout_confirm coloring (was using those for checkout_continue).
#384: Include zc201 notifications for sideboxes ('information', 'more_information', 'ezpages').
#385: Move header-messages to below logo; they were being overlaid by the fixed-top navigation.

Refer to the template's GitHub wiki for additional information: https://github.com/lat9/ZCA-Bootstrap-Template/wiki

ZC158a
ZCA v3.6.5, v3.7.0
PHP 8.2

The function zca_get_translated_month_name() selects $zcDate->output('%B') and not strftime('%B') because I'm running zc1.5.8a.
$zcDate shows the name of the month in English, strftime() uses the current 'locale'.
How could I fix that?

TIA,

jpda

jpda:

ZC158a
ZCA v3.6.5, v3.7.0
PHP 8.2

The function zca_get_translated_month_name() selects $zcDate->output('%B') and not strftime('%B') because I'm running zc1.5.8a.
$zcDate shows the name of the month in English, strftime() uses the current 'locale'.
How could I fix that?

TIA,

jpda
Actually, it's not using strftime since you're running PHP 8.2 ... and that function's deprecated/removed.

What language is the site using and what's that main language file's (e.g. lang.english.php for English) $locales set as?

The setting for the as-distributed English language file is

global $locales;
$locales = ['en_US', 'en_US.utf8', 'en', 'English_United States.1252'];
@setlocale(LC_TIME, $locales);

g2ktcf:

I cannot seem to find the solution for this. I am in the developer console in chrome. The first product card is div.col.mb.4 and is 175x829.06. The image in the card is below and it is scaled at 264. There seems to be a disconnect between the size of the column and rendered image from IH???

I am at my wits end on this.

What is the expected behavior for the flex columns as they get larger? What metrics drives the number of displayed columns and why are my images not matching? I really need to get my site updated as just the shear number of debug logs I get everyday is hard to manage. But I cannot go to the new version with the display being so messed up.

g2ktcf:

I am at my wits end on this.

What is the expected behavior for the flex columns as they get larger? What metrics drives the number of displayed columns and why are my images not matching? I really need to get my site updated as just the shear number of debug logs I get everyday is hard to manage. But I cannot go to the new version with the display being so messed up.
You control the size of images in product listings via Configuration :: Images :: Image - Product Listing Width/Height. The default is 100/80. Perhaps you've got the values set too high?

What metrics drives the number of displayed columns and why are my images not matching?

Possibly helpful:
https://docs.zen-cart.com//user/template/listing_columns/#fluid-mode-in-bootstrap