ZCA Bootstrap 4 Template [Support Thread]

swguy:

I have had a couple of clients say that Google reports slow loading from the Bootstrap template in mobile mode. Do you have any thoughts about this?
What Google tool reports this 'slow loading'?

Sorry should have been more specific:

https://pagespeed.web.dev/analysis/https-zc210-vinosdefrutastropicales-com/mvvf40ktgf?hl=en&form_factor=mobile
shows a score of 85.

if you click the Desktop tab, it shows 99.

220 test site with PHP 8.4 gets 94, 100, 93, 100 using incognito Chrome browser. 81, 100, 89, 100 using regular.

The culprit in this case is Grammarly. Perhaps you have something similar happening.

This is 2.1.0/PHP 8.3. But incognito scores are the same as regular browser tab scores for me.
Question though - are you using Bootstrap in your 2.2.0 test site?

Google prefers a LCP <2.5s which is hard to reach for phones from the Stone Age with 4G throttling and CMS with a lot of of js.

You still could try to enhance the server capabilities to reduce TTFB, to deliver locally and pipeline ALL css and js files. If the host is quick, it's quicker than CDN.

The js is most awful. 1kb js is always times more dreadful than 1kb of anything else. I tried to rebuild jquery with grunt but there always something from the jquery that was needed by zen cart. So no possibilities there and still one of the best js collection libraries.

Your shop is loading various of images. Though the main imag is >80kb thats's not too bad.
But you have lots of thumbnail images. All these want to be exeuted by the fucky js

And mobile has even more of that to handle menu etc.

Just to add.
The site needs 1.5s TTFB from Stuart to LA
My site needs 1.5s to LA, too. But from Berlin which is 3 times that far - and behind the ocean.
Though only 300kb instead of 450kb full page size it of course needs longer to finish at this distance and Stone Age Moto G mobile with 4G.
But I'm sure you can reduce TTFB and enhance the score for mobile too.

swguy:

This is 2.1.0/PHP 8.3. But incognito scores are the same as regular browser tab scores for me.
Question though - are you using Bootstrap in your 2.2.0 test site?
Yes, and running into a lot of fun with the pID thing and 8.4 glitches with several mods.

Zen cart 2.1.0
Bootstrap 4

Sorry if this has been asked.
I want to display the product description to take all the space below the images and add to cart rather than having it showing as it appears in the attachment, any idea? Thanks.

It's been asked before...

https://github.com/lat9/ZCA-Bootstrap-Template/issues/273

torvista:

It's been asked before...

https://github.com/lat9/ZCA-Bootstrap-Template/issues/273

Thanks Steve

Using 2.1.0 and I am trying to figure out how I can have the widebanners display in mobile. I have a header banner in position 3 and it looks great on Desktop. i would like it to display in mobile too.

Anyone else know how to resolve this? Thank you!

chuckrey:

Using 2.1.0 and I am trying to figure out how I can have the widebanners display in mobile. I have a header banner in position 3 and it looks great on Desktop. i would like it to display in mobile too.

Anyone else know how to resolve this? Thank you!
Using an unmodified zc210/bootstrap test setup, I see no issue with the widebanners' display on either a mobile landscape or portrait viewport. I'll suggest reviewing all changes you've made to the bootstrap templates and CSS files.

Okay, will have a close look. Thank you

zencart 2.10
Php: 8.4
bootstrap: 3.7.9-beta1

Cindy,
When you can find the time. :D
What will it take to have bootstrap make a tooltip on the hover of the mouse on radio button attribute images?

HOw was your working vacation?

Mark,

haredo:

zencart 2.10
Php: 8.4
bootstrap: 3.7.9-beta1

Cindy,
When you can find the time. :D
What will it take to have bootstrap make a tooltip on the hover of the mouse on radio button attribute images?

HOw was your working vacation?

Mark,
What should "pop up" in that tooltip?

My product page is constructed by attributes and range from 5 to 45 individual color swatches to choose from 12 different categories. I use an image swapper so when you click and attribute the main image changes. I controlled the pointer with css to switch to a hand. I’m asking if when you roll the mouse over the attribute image can a tooltip pop up and show the name of the product option name?

haredo:

My product page is constructed by attributes and range from 5 to 45 individual color swatches to choose from 12 different categories. I use an image swapper so when you click and attribute the main image changes. I controlled the pointer with css to switch to a hand. I’m asking if when you roll the mouse over the attribute image can a tooltip pop up and show the name of the product option name?
That's most likely (given a combination of the bootstrap template and an image-swapper) custom coding.

@Cindy Thanks for the heads-up. I needed to edit a bootstrap file and the image swapper file to make work. The includes/ modules/ my-template/ attributes.php file and the includes/ templates/ my-template/ templates/ tpl_modules_magicthumb.php file. Now the tooltip works when hovering over an attribute image on the product page.

Ok, I am just installed the Bootstrap and I am unable to edit or change any colors. How can able to do any color changes?

wmorris:

Ok, I am just installed the Bootstrap and I am unable to edit or change any colors. How can able to do any color changes?

https://github.com/lat9/ZCA-Bootstrap-Template/wiki/ZCA-Bootstrap-Stylesheets-and-Colors