ZCA Bootstrap 4 Template [Support Thread]

Is it possible to insert a page background ?

Quote:

---

Originally Posted by windsurfer

Is it possible to insert a page background ?

---

Quite possible; that will require custom CSS. See this GitHub Wiki article for additional information: https://github.com/lat9/ZCA-Bootstra...ecific-styling

Hello all,

i am facing another issue with my ZC 2.0.1 update.

I have Bootstrap template with OPC and Image Handler.

When going to my product listings under categories, the product image ##do not get reseize on mobile and they overlap each other.

For example https://www.royal-fleur.com/thanksgi...d-centerpieces

Each picture on mobile size is displayed at 400 x 400 and obviously overlap each other.

How can i fix this please?

Thank you in advance for your help

Quote:

---

Originally Posted by nicksab

Hello all,

i am facing another issue with my ZC 2.0.1 update.

I have Bootstrap template with OPC and Image Handler.

When going to my product listings under categories, the product image ##do not get reseize on mobile and they overlap each other.

For example https://www.royal-fleur.com/thanksgi...d-centerpieces

Each picture on mobile size is displayed at 400 x 400 and obviously overlap each other.

How can i fix this please?

Thank you in advance for your help

---

Not sure if it is the proper way to go about my issue but it seems to be an issue with .listingProductImage in stylesheet_zca_colors.php.

at line 371 i changed

Code:

---

.listingProductImage {
    min-width: <?= (int)IMAGE_PRODUCT_LISTING_WIDTH ?>px;

---

to

Code:

---

.listingProductImage {
    min-width: auto;

---

It seems to have resolve the product picture issue

Can someone confirm if it would create some issue somewhere else?

thank you

Quote:

---

Originally Posted by nicksab

Hello all,

i am facing another issue with my ZC 2.0.1 update.

I have Bootstrap template with OPC and Image Handler.

When going to my product listings under categories, the product image ##do not get reseize on mobile and they overlap each other.

For example https://www.royal-fleur.com/thanksgi...d-centerpieces

Each picture on mobile size is displayed at 400 x 400 and obviously overlap each other.

How can i fix this please?

Thank you in advance for your help

---

FWIW, i am not seeing the problem on your website.

that said, this sounds like a problem that was recently addressed.

i would review this github issue on bootstrap. and i would then review the correction made, which was part of bootstrap 3.7.4.

but i'm not sure whether your css is cached on your computer, as i am not seeing the problem on your site.

Quote:

---

Originally Posted by carlwhat

FWIW, i am not seeing the problem on your website.

that said, this sounds like a problem that was recently addressed.

i would review this github issue on bootstrap. and i would then review the correction made, which was part of bootstrap 3.7.4.

but i'm not sure whether your css is cached on your computer, as i am not seeing the problem on your site.

---

Thanks Carl.

I did a change to my css to temporarily fix the layout since it is a live site.

My bootstrap version is 3.7.1 and will do the update. Thanks for providing the link

I am getting the following log:

ZC 2.0.1
Bootstrap 3.7.1 with OPC

Code:

---

[12-Nov-2024 23:20:19 UTC] PHP Fatal error: Uncaught Error: Undefined constant "TEXT_LOOKUP_INSTRUCTIONS" in /includes/templates/royal_fleur/templates/tpl_order_status_default.php:184
Stack trace:
#0 /includes/templates/royal_fleur/common/tpl_main_page.php(238): require()
#1 /index.php(94): require('/home/zch1akhw6...')
#2 {main}
thrown in /includes/templates/royal_fleur/templates/tpl_order_status_default.php on line 184

---

I tried the suggested fix below but no luck. I copied includes/languages/english/lang.order_status.php to my template

I am still getting the log and my order status page is pretty much blank

Quote:

---

Originally Posted by lat9

Actually, that looks like a bug in the zc158 language loader. I thought (keyword) that deference should be given to a legacy-named language file, although I'm seeing now that OPC (since the order_status page was, for previous Zen Cart versions, newly added) distributes its version of /english/order_status.php in the main language directory. Sigh.

To correct, for now, simply copy /includes/languages/english/order_status.php to /includes/languages/english/bootstrap/order_status.php (replacing bootstrap with your template clone's name).

---

How can i fix it please?

Thank you

The One Page Checkout (OPC) distribution provides /includes/languages/english/YOUR_TEMPLATE/lang.order_status.php. Copy that file to /includes/languages/english/royal_fleur.

How would one take the quick reorder sidebox and get a link to it to show in the mobile menu versus disappearing on smaller sized screens.

Or even better have it show as a homepage centerbox once logged into the system

Or some other method to quick reorder products on mobile v surfing around.

Dont really see a searchable solution on this but a customer said it would be much easier to fill their cart like this and search for items not on the reorder list aka takes less time

Quote:

---

Originally Posted by JimmyV

How would one take the quick reorder sidebox and get a link to it to show in the mobile menu versus disappearing on smaller sized screens.

Or even better have it show as a homepage centerbox once logged into the system

Or some other method to quick reorder products on mobile v surfing around.

Dont really see a searchable solution on this but a customer said it would be much easier to fill their cart like this and search for items not on the reorder list aka takes less time

---

That'll require a site-specific edit to the site's (presumed) copy of the template's /includes/templates/bootstrap-copy/common/tpl_offcanvas_menu.php to add that content.