ZCA Bootstrap 4 Template [Support Thread]

[windsurfer]

Is it possible to insert a page background ?

[lat9]

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

[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

[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

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

to

.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

[carlwhat]

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.

[nicksab]

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