ZCA Bootstrap 4 Template [Support Thread]

[lat9]

First of all thank you for an amazing template, I have been able to customise pretty much the way I want for now. The only thing I'm having an issue with is the product page, where I can't get the Add to Cart box and price to display above the product description on mobile. Some of the product descriptions are rather long and I don't like that customers have to scroll so far down to "click" add to cart.

I'm glad you like the template, it's been a team effort taking over where Ray Barbour left off!

You can move that price/add-to-cart section above the descriptions by moving (from an as-distributed v3.0.0/3.1.0 tpl_product_info_display.php) lines 231 through 302 after line 107.

[Shifty_J]

I'm glad you like the template, it's been a team effort taking over where Ray Barbour left off!

You can move that price/add-to-cart section above the descriptions by moving (from an as-distributed v3.0.0/3.1.0 tpl_product_info_display.php) lines 231 through 302 after line 107.

Thanks so much for the quick reply. I did that earlier however it stretches the price block and add to cart to fill the row, then where it was I have a very lonely "Manufacturers Block" and "Ask a Question".

Is it possible to keep it where it is normally but display above the description on mobile. Otherwise, maybe I could create a duplicate but just hide it at certain screen sizes?

[lat9]

Thanks so much for the quick reply. I did that earlier however it stretches the price block and add to cart to fill the row, then where it was I have a very lonely "Manufacturers Block" and "Ask a Question".

Is it possible to keep it where it is normally but display above the description on mobile. Otherwise, maybe I could create a duplicate but just hide it at certain screen sizes?

That highlighted solution is probably your quickest path to success.

[lat9]

That highlighted solution is probably your quickest path to success.

Actually, you could try moving the displayColRight elements (lines 135 through 304) to before the displayColLeft elements (that start on line 55). That'll swap the left/right columns and move the price/add-to-cart (and other righthand elements) to the top of the mobile display.

[Shifty_J]

That kind of worked, but threw the layout a bit.

I have pretty much got it working / looking the way I want.

I created a new <div id="productInfo-displayRow" class="row"> directly under the product name <h1> then replicated the <div id="productInfo-displayColLeft" class="col-sm mb-3"> and <div id="productInfo-displayColRight" class="col-sm mb-3">.
Then I simply put the image + additional image code into the left column and all the manufacturer/ask a question/attribute/price/add to cart code into the right column.

Just need to do a little tweaking but I'm getting there.

Once I get it looking better and have cleaned it up I can post it here.

[Dave224]

I've just installed version 3.1.1 of this template and noted a slider appears whenever a dropdown menu is clicked on the nav bar. Not sure that slider is the correct term, but how can I turn this feature off?
Dave

[Dave224]

Actually, the feature is pretty nifty. I'd like to move the slider next to the dropdown rather than at the side of the nav bar, and style the slider a bit. Can't seem to get a developer tool to identify it.
Dave

[lat9]

Actually, the feature is pretty nifty. I'd like to move the slider next to the dropdown rather than at the side of the nav bar, and style the slider a bit. Can't seem to get a developer tool to identify it.
Dave

Dave, that might be the use of the banner-slider. Do you have any banners active via the admin's Banner Manager?