ZCA Bootstrap 4 Template [Support Thread]

Not without a link to the site.

Quote:

---

Originally Posted by zamzom

[ZC 1.5.8][Bootstrap 3.5.2]
Back-to-top button is sometimes covering important buttons.
This is may be more of a style question but is there a way to push this button towards outside the main block meanwhile reducing rest of the block size especially on desktop view?
Attachment 20287

---

Have you tried this?

In your css for the button insert clear:both (if clear:left or clear:right do not work)

https://www.w3schools.com/cssref/pr_class_clear.php

and/or apply margins eg margin-top:1em

https://www.w3schools.com/cssref/pr_margin-top.php

hope this helps

Quote:

---

Originally Posted by dw08gm

Have you tried this?

In your css for the button insert clear:both (if clear:left or clear:right do not work)

https://www.w3schools.com/cssref/pr_class_clear.php

and/or apply margins eg margin-top:1em

https://www.w3schools.com/cssref/pr_margin-top.php

hope this helps

---

I think that this could be solved via a CSS z-index setting; I'll take a look (eventually).

As a suggestion, a template option to disable this button would be nice.

I have removed it from includes/templates/bootstrap/common/tpl_main_page.php on quite a few sites.

This would be more of a feature request, but is there an easy way to have the "Newsletter Subscribe" checkbox also featured on the checkout page?

It would be the same exact code as seen on the Account Creation page, I'd imagine.

Here's why. Since we have guest checkout, we want the opportunity to capture as many newsletter subscribers as possible. These are people who may not create an account, or perhaps may have forgotten that we offer a newsletter after they created their account.

By also displaying the "Subscribe to our Newsletter" box on the checkbox page, it gives us one more opportunity to increase our mailing list since there's more daily orders vs daily account creations.

Could you tell me what code to copy into which file in order to make that one of the boxes? It could look just like it does on the account creation page: https://i.postimg.cc/FHZHXvGH/Electr...Dimensions.png

Quote:

---

Originally Posted by swguy

As a suggestion, a template option to disable this button would be nice.

I have removed it from includes/templates/bootstrap/common/tpl_main_page.php on quite a few sites.

---

Quote:

---

Originally Posted by Jeff_Mash

This would be more of a feature request, but is there an easy way to have the "Newsletter Subscribe" checkbox also featured on the checkout page?

It would be the same exact code as seen on the Account Creation page, I'd imagine.

Here's why. Since we have guest checkout, we want the opportunity to capture as many newsletter subscribers as possible. These are people who may not create an account, or perhaps may have forgotten that we offer a newsletter after they created their account.

By also displaying the "Subscribe to our Newsletter" box on the checkbox page, it gives us one more opportunity to increase our mailing list since there's more daily orders vs daily account creations.

Could you tell me what code to copy into which file in order to make that one of the boxes? It could look just like it does on the account creation page: https://i.postimg.cc/FHZHXvGH/Electr...Dimensions.png

---

I've created GitHub issues to note these requests; they should be included in the next template release.

Hi There,

Has anyone had any luck with webp images with bootstrap carousel, I've tried but no success.

Thanks in advance.

Using the carousel ... how? I can't think of a reason why that image type wouldn't work.

my testing code is below

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images\banners\Toronto.webp" alt="First slide">
<div class="carousel-caption d-none d-md-block">
<h5>Toronto</h5>
<p>Hello</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images\banners\PRIME-Header.webp" alt="Second slide">
<div class="carousel-caption d-none d-md-block">
<h5>Fever-Tree</h5>
<p>Mixers</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images\banners\Essentia.webp" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
<h5>Essentia</h5>
<p>Water</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

the webp images not appear but if I use .jpg they do.

Quote:

---

Originally Posted by allmart

Hi There,

Has anyone had any luck with webp images with bootstrap carousel, I've tried but no success.

Thanks in advance.

---

What version of Zencart?

Does the browser's dev tools give any clues? Perhaps under the Console or Network tabs.