ZCA Bootstrap 4 Template [Support Thread]

[Dave224]

Thanks lat9. I was planning to use $quotes['html_input'] for the actual Request Quote button (but haven't started work on it yet), and initially considered $quotes['icon'] for the help button, but opted not to. But I'll try it.

By the way, I found an error in the <i>...</i> expression and fixed it, but the modal still doesn't come up.

Dave

[Dave224]

Cindy, I discovered I forgot to include the require statement for the modal template file, causing no response when clicking the help button. I have moved the help button html to the shipping module $this->quote[‘icon’] variable and it works as before, but I can’t figure out how to get the php require statement included in the shipping module. Right now it’s in the OPC shipping template file. And the modal is now coming up when the help button is clicked.
Dave

[Jeff_Mash]

Question: is there already built-in settings to have the Add to Cart Box float at the top of the page of the mobile menu (in vertical/portrait orientation)?

If the phone is sideways (landscape mode), it's perfect because the Add to Cart Box floats on the right side of the screen.

But if the phone is in vertical/portrait mode, the Add to Cart Box is at the very bottom of the product page. I am getting a lot of customers who think the product is available and asking questions, because they aren't scrolling to the very bottom and seeing that it's out of stock or discontinued.

Just wondering if that functionality already exists (to both display the Add to Cart box near the top of the product description when in vertical screen orientation), or if it's something I can add through CSS (making a block of code hidden or visible depending on the size of the display, etc).

[lat9]

Question: is there already built-in settings to have the Add to Cart Box float at the top of the page of the mobile menu (in vertical/portrait orientation)?

If the phone is sideways (landscape mode), it's perfect because the Add to Cart Box floats on the right side of the screen.

But if the phone is in vertical/portrait mode, the Add to Cart Box is at the very bottom of the product page. I am getting a lot of customers who think the product is available and asking questions, because they aren't scrolling to the very bottom and seeing that it's out of stock or discontinued.

Just wondering if that functionality already exists (to both display the Add to Cart box near the top of the product description when in vertical screen orientation), or if it's something I can add through CSS (making a block of code hidden or visible depending on the size of the display, etc).

That would require moving the various block-elements of the tpl_product_info_display.php template around in your site's "clone".

[lat9]

v3.7.6 of the ZCA Bootstrap Template is now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191

This release contains changes for the following GitHub issues:

#471: Correct XSS vulnerabilty in Bootstrap carousels.
#472: Correct duplicate ID featuredCenterbox-card-header in featured-categories centerbox.
#468: Retire use of E_USER_ERROR; deprecated for PHP 8.4.
#473: Add icons to upper nav-bar links.
#470: Correct font-awesome class used for front-page slider.
#474: Correct action used for product notifications on the checkout_success page.
#476: Add about_us page-link to site_map page listing.
#477: Use consistent heading numbers for checkout_shipping_address page.

[Jeff_Mash]

Can someone tell me how (if possible) to display a Shopping Cart icon in the top menu header for MOBILE devices?

In regular desktop mode, if someone adds an item to their shopping cart, the Shopping Cart link will display. But in mobile devices, if someone adds an item, there is no icon for them to see and click.

Instead, they have to click the menu (three horizontal lines) and then go to the Shopping Cart. It would be easier if the template would reduce this to one click instead of two.

We have had some customers complain that they couldn't find how to checkout, and we figured out it's because they continue browsing for more items, and then forget how to get back to the Shopping Cart. Having a little icon at the top of the mobile menu would eliminate this issue.

I didn't see if there was any configuration item in the Admin Menu to allow that to display or not.

[chuckrey]

Using this template with ZC 2.1.0. Looks great !

I am trying to display EZ Pages and possibly banners in the header instead of side boxes by way of layout boxes controller. I have no problem w/ search in the header, but that is the only box I am able to move to it. I have 3-6-3 set-up on template settings for columns and have reset the boxes, but still the only box that will go to header boxes is the search box. And for clarification, when I try and drag the box over I get a small icon to display not allowed icon. What am I missing? Anyone? Thanks !

[dbltoe]

Not really a bootstrap item as both are controllerd by your Configuration menu.

Under Configuration >> EZ-Pages Settings, you can turn the Header Bar on or off.

https://docs.zen-cart.com/user/admin...-banner-groups gives a good explanation of how to position banners and a visualization of where the three header/footer options can be placed.

[chuckrey]

Thanks for your response. I just realized it will go within the navmain bar. I was hoping to place w/ a float right within the logoWrapper. I was thinking I may need to adjust the tpl_header.php file to move that string to a new location. Does that sound right? Thanks again.

[dbltoe]

Open a thread outside bootstrap for discussion.