This was the fix for hover link background color in the EZ-pages footer:
Code:#ezpagesBarFooter .nav-pills .nav-item a:hover {
color: #ffffff;
background-color: #color of choice;
}
Printable View
This was the fix for hover link background color in the EZ-pages footer:
Code:#ezpagesBarFooter .nav-pills .nav-item a:hover {
color: #ffffff;
background-color: #color of choice;
}
Was that hover-link's coloring not provided via the admin's ZCA Bootstrap Colors tool?Quote:
Originally Posted by Joseph M
Correct. Link text color on hover is available in ZCA Bootstrap Colors. Link background color on hover is not included.Quote:
Originally Posted by lat9
However, if no link background hover color for the EZ-pages footer is defined in the stylesheet, the ZCA Bootstrap Colors "Button Color" (non-hover) option will define that EZ-pages footer color on hover. I thought it was an unusual discovery, but easily overridden.
It appears that the storefront /includes/templates/bootstrap/css/stylesheet_zca_colors.php is adding an unwanted background-color to those EZ-Pages footer links:Quote:
Originally Posted by Joseph M
Removing that line from the 'stock' version of that module will 'restore' the desired colors. I'll be creating a GitHub issue to track that change.Code:/* footer ezpage bar */
#ezpagesBarFooter {
background-color: <?php echo ZCA_FOOTER_EZPAGE_BACKGROUND_COLOR; ?>;
}
#ezpagesBarFooter a.nav-link {
color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR; ?>;
}
#ezpagesBarFooter a.nav-link:hover {
color: <?php echo ZCA_FOOTER_EZPAGE_LINK_COLOR_HOVER; ?>;
background-color: <?php echo ZCA_BUTTON_COLOR; ?>;
}
The Zen Cart Documentation says to change the powered by zen cart information in the stylesheet. This template has numerous stylesheets and I cannot find this in ANY of them. I was able to add my website name somewhere along the way, but I can't locate the file again. I also want to remove the 'your IP address". I also don't find anything for that in the stylesheets. Where can I chance these two things?
Attachment 19538
I believe the "Powered by Zen Cart" footer text is in includes/languages/english.phpQuote:
Originally Posted by gizmo_girl
And the IP address display is controlled at:
Admin>Configuration>Layout Settings>Footer - Show IP Address status
Yep, the reference in the docs suggests leaving the Powered By in the footer and I agree. https://docs.zen-cart.com/user/templ...ter-of-my-cart
https://docs.zen-cart.com/user/template/footer/
Perfect, thanks! That IP address was killing me! :smile:Quote:
Originally Posted by Joseph M
Thanks, y'all! This looks MUCH better!Quote:
Originally Posted by dbltoe
Attachment 19539
Change tracked via this GitHub issue: https://github.com/lat9/ZCA-Bootstra...late/issues/51Quote:
Originally Posted by lat9
I recently upgraded from 1.5.5f with Classic Responsive clone to 1.5.7c with ZCA Bootstrap clone. During the transition, I had the cart in maintenance mode. In the 1.5.7c cart, I was expecting to see a header alert announcing the maintenance mode but it wasn't there. I looked at the page source and found it there. Then it occurred to me that it was probably hidden behind the navigation bar.
This was confirmed when I moved the header alert code down the file to between the navigation display and the branding display, and the header alert showed up on screen. Other header alerts are now visible, such as when products are successfully added to the cart.
Confirmed bug; changes tracked via this (https://github.com/lat9/ZCA-Bootstra...late/issues/52) GitHub issue.Quote:
Originally Posted by dennisns7d
I enabled products per row to (3). This was install on a fresh test site with the latest version of zencart and bootstrap. all products are bunched up narrow.
Test site : https://www.surplusremotes.com/index...dex&cPath=3_10
What am i missing here ? Why is it doing this.
Attachment 19549
From this post, set the products/row to 0 to enable the template's responsive mode.Quote:
Originally Posted by jasonshanks
thanks again !
How does one insert the search bar into the header? With it a sidebox it disappears under a certain size and really it needs to not be a sidebox?
Also how does one make the mobile menu expanded always?
The search-in-header requires that the sideboxes/search_header.php be enabled in single-column mode.Quote:
Originally Posted by JimmyV
For the 'always display', try Googling Bootstrap 4 mobile menu always display ... that's the beauty of a template that's built on a standard!
Thanks for the quick reply that yielded zero so I had to learn the structure real quick
If you want expanded categories on this template do this
<li class="nav-item dropdown d-lg-none">
<a class="nav-link dropdown-toggle" href="#" id="categoryDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<?php echo BOX_HEADING_CATEGORIES; ?>
</a>
<div class="collapse.show" aria-labelledby="categoryDropdown">
<ul class="m-0 p-0">
You will need to alter some colors specific to my need it was Header Nav Bar Color as everything is black in that area.
It's not optimal but in the 5 minutes I had to dedicate to solving this problem it works.
The search bar was a brain freeze I kept seeing search.php in that file and simply wasn't registering the header version being the operative thing. Stupid mistake thanks for solving that issue.
Nice template seems to have hardly any issues I tried it a while back love the look but gave up on it. Glad to see it's so nicely developed now. Great work to all involved,
I have a similar question. Is there a way to make the search header only show in the header ? I tried in layout box controller but it shows it in both the header and side box at the same time.Quote:
Originally Posted by lat9
https://www.surplusremotes.com/
This is with single column status set to OFF for search_header.php in layout box controller. Did i miss something or am in the wrong place ? I just want to appear in the header.
Right, you want the LEFT/RIGHT status set to OFF but the Single Column Status set to ON.Quote:
Originally Posted by jasonshanks
You are a life saver ! thank you so much for all the help you give here. I think i am in love with this templet. It looks so... clean.Quote:
Originally Posted by lat9
No problems, I'm liking the template, too. @rbarbour left a solid base from which the Bootstrap 4 template evolved.Quote:
Originally Posted by jasonshanks
If may pick your brain a bit more. Is it possible to change the color of the Attachment 19551 box around the add to cart button ? I ask this because that green really clashes with our color scheme.Quote:
Originally Posted by lat9
Take a look in the template's stylesheet_colors.css file.
ah so no way to change it from admin then ? Aw well.Quote:
Originally Posted by dennisns7d
And I really should just try something first before commenting on it. THAT WAS EASY. just edit line 64 and 62 and you can change the color. Thanks so much again guys !Quote:
Originally Posted by jasonshanks
Quote:
Originally Posted by jasonshanks
FWIW, the inclusion of the coloring of that add-to-cart section is on my list of things to add to the admin-controlled coloring.Quote:
Originally Posted by jasonshanks
that would be wonderful :) You do great work along with the other devs. bootstrap feels like such a major modernizing of zencart. It looks so fresh and clean.Quote:
Originally Posted by lat9
Thanks for the compliment; the change will be tracked via this GitHub issue: https://github.com/lat9/ZCA-Bootstra...late/issues/54Quote:
Originally Posted by jasonshanks
Looking at the details in stylesheet_colors.css reveals that the Add Selected to Cart button on product listing pages and the Add to Cart button on product info pages were apparently intended to have the same coloring, but the cascading overruled this. Making the selectors more specific fixes this.
Code:/* Product Listing Pages */
.btn.button_add_selected {background:#00C851;color:#FFF;}
.btn.button_add_selected:hover {background:#007E33;color:#FFF;}
/* Product Info Pages */
#addToCart-card-header, .btn.button_in_cart {background:#00C851;color:#FFF;}
.btn.button_in_cart:hover {background:#007E33;color:#FFF;}
#addToCart-card {border-color:#00C851;}
After fixing the header alerts being hidden by the nav-bar, the bright red text for success and info alerts didn't seem appropriate (my opinion). I added the following to the template's stylesheet_colors.css file to use the standard Bootstrap text colors:
For me, the bright red text for danger and warning alerts were fine.Code:/* Keep standard bootstrap alert colors */
.alert.alert-success {color:#155724;}
.alert.alert-info {color:#0c5460;}
While poking around adding products to my cart and then viewing the cart, I noticed that sometimes the trash icon didn't exhibit the usual hover action nor did it remove the product from the cart when clicked. I've determined that the cause of this is the back-to-top button. This button is visible only when one has scrolled down far enough. Until then the button is not visible due to opacity being set to 0. So even though the button is not visible, it is still "in front" of whatever is beneath it (blocking whatever action may be expected).
My "fix" was to change z-index to -1 for #back-to-top when the show class was not active (in stylesheet.css).
Can anyone help me with remarking out the relevant sections to completely remove the logo and tagline please?
I tried to do it myself following the zen-cart docs but after commenting out sections I seemed to have removed everything under the banners (the entire site) so had to remove my changes.
PHP Code:<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo" class="row align-items-center p-3">
<?php if (HEADER_SALES_TEXT != '') {
echo '<div class="col-sm-4">';
} else {
echo '<div class="col-sm-12">';
}
?>
<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a><br>'; ?>
</div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper" class="col-sm-12 text-center">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline" class="text-center"><?php echo HEADER_SALES_TEXT;?></div>
<?php
}
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
$find_banners = zen_build_banners_group(SHOW_BANNERS_GROUP_SET2);
$banner_group = 2;
?>
<div class="zca-banner bannerTwo rounded">
<?php
if (ZCA_ACTIVATE_BANNER_TWO_CAROUSEL == 'true') {
require($template->get_template_dir('tpl_zca_banner_carousel.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_zca_banner_carousel.php');
} else {
echo zen_display_banner('static', $banner);
}
?>
</div>
<?php
}
}
?>
</div>
<?php }
// no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
</div>
<!--eof-branding display-->
Assuming that you want to keep the banners and just remove the logo and tagline:
Code:<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo" class="row align-items-center p-3">
<?php
//-bof-Removing the logo and tagline only
/*
<?php if (HEADER_SALES_TEXT != '') {
echo '<div class="col-sm-4">';
} else {
echo '<div class="col-sm-12">';
}
?>
<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a><br>'; ?>
</div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper" class="col-sm-12 text-center">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline" class="text-center"><?php echo HEADER_SALES_TEXT;?></div>
<?php
}
?>
*/
//-eof-Removing the logo and tagline only
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
$find_banners = zen_build_banners_group(SHOW_BANNERS_GROUP_SET2);
$banner_group = 2;
?>
<div class="zca-banner bannerTwo rounded">
<?php
if (ZCA_ACTIVATE_BANNER_TWO_CAROUSEL == 'true') {
require($template->get_template_dir('tpl_zca_banner_carousel.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_zca_banner_carousel.php');
} else {
echo zen_display_banner('static', $banner);
}
?>
</div>
<?php
}
}
?>
</div>
<?php }
// no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
</div>
<!--eof-branding display-->
Thanks for the assistance, but i'm still having an issue. I'm using the highest banner position to show 2 banners with the company logo and address for our depots.
With the logo and tagline visible (the tagline is not shown as the text is not defined) the page looks like this.
https://i.imgur.com/wDcu4Ai.png
But when I remark out the relevant section to remove the logo and tagline the page renders like this, only the banners are shown and everything else is removed.
https://i.imgur.com/a89J8L6.png
devstore.thegluepeople.co.uk
I checked my log folder and the only errors being created seem to relate to the inc/ex vat module I just installed.
OK, let's try this instead. Note that you'll need to change the site's template-override of /includes/languages/english/header.php, modifying the definition of HEADER_SALES_TEXT to be an empty string:
define('HEADER_SALES_TEXT', '');
Code:<div id="logoWrapper">
<div id="logo" class="row align-items-center p-3">
<?php
//-bof-Remove logo
/*
<?php if (HEADER_SALES_TEXT != '') {
echo '<div class="col-sm-4">';
} else {
echo '<div class="col-sm-12">';
}
?>
<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a><br>'; ?>
</div>
*/
//-eof-Remove logo
?>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper" class="col-sm-12 text-center">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline" class="text-center"><?php echo HEADER_SALES_TEXT;?></div>
<?php
}
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
$find_banners = zen_build_banners_group(SHOW_BANNERS_GROUP_SET2);
$banner_group = 2;
?>
<div class="zca-banner bannerTwo rounded">
<?php
if (ZCA_ACTIVATE_BANNER_TWO_CAROUSEL == 'true') {
require($template->get_template_dir('tpl_zca_banner_carousel.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_zca_banner_carousel.php');
} else {
echo zen_display_banner('static', $banner);
}
?>
</div>
<?php
}
}
?>
</div>
<?php }
// no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
</div>
<!--eof-branding display-->
That's done it, thank you very much.
I'll get these added to the color-selection available in the admin as well!Quote:
Originally Posted by dennisns7d
I've just submitted v3.1.2 of the Bootstrap 4 Template for the Zen Cart moderators' review. I'll post back here when it's available for download (https://www.zen-cart.com/downloads.php?do=file&id=2191).
This release contains changes associated with the following GitHub issues:
#50: Correct unwanted background coloring for EZ-Pages' footer links.
#52: Header-messages were being hidden by the upper nav-bar.
#53: Reduce the 'footprint' associated with the inline styling.
#54: Additions to the admin's ZCA Bootstrap Colors tool, pulling in the add-to-cart card and buttons.
#56: Correct 'return-to' page when adding multiple items from SNAF pages.
#57: products_new and specials pages missing manufacturers_id for listing output.
#58: HTML-related changes for the admin's ZCA Bootstrap Colors tool.
It's already awesome thanks very much !
Now available for download.Quote:
Originally Posted by lat9
Does this deal with the button in product lists allowing it to not be pale gray?
What class is that element or where does the flexbox override come in because that needs to be a different color. I tried
.input-group-prepend {
color: #ff9900;}
but that does zip and neither of the other classes seem to impact it either which leads me to believe it's the flexbox aspect
On another related to that space question on the regular product pages I added an up/down button easy peazy however not so easy on the product listing page with entire categories listed dozens of skus.
What would make the add to cart quantity box perfect is an up/down arrow here too that way a person can be on a category and using their finger tap up or down units on as many skus as they like in a given category thus reducing navigation.
Can someone point me to that file? As I said the actual individual product listings were easy to find but I am not sure where the entire category listings box is casuing a ripple impact on these two interrelated things
Unfortunately, those add-to-cart button coloring updates missed that "Add" element on listing pages. That'll be something to tackle next time.Quote:
Originally Posted by JimmyV
All the Bootstrap-4 product-related listings (products, specials, new, all, featured and search-results) are formatted via /includes/modules/bootstrap/product_listing.php; that's where you can add the up/down counter for the multiple-add-to-cart form.Quote:
Originally Posted by JimmyV
Thanks I will look closer as I didn't see it in that file.
Not sure if this is the right place but, common items bring me here.
Two sites:
FFirst is 1.5.5a with only changes of late being the installation of the new USPS mod.
Second is new 1.5.7c test site that looks like a lat9 mod demo site of all the latest versions:P
Neither is using the bootstrap template BUT,
Console on the 1.5.5a says the YOUR_ADMIN/includes/bootstrap.min.css.map is a 403
Console on the 1.5.7c saysTest and admin are, of course, not real AND the file is not there as it was not included in 1.5.5aQuote:
DevTools failed to load source map: Could not parse content for https://test.com/admin/includes/css/bootstrap.min.css.map: Unexpected end of JSON input
I'm wondering what commonality lies between the two situations. Does the new USPS need bootstrap?
If a site is not using bootstrap, does the map need to be loaded?
Picture straw -- Picture me grasping
THANX
The new USPS doesn't need the bootstrap processing for its operations. The bootstrap.min.css.map message is admin-only, noting that the admin's processing since zc156 is also Bootstrap-based.Quote:
Originally Posted by dbltoe
Guess I'll have to find another straw.
It'd be easier for me to help to find that straw, if only I knew what the straw is trying to slurp! In other words, what's the issue you're trying to solve?Quote:
Originally Posted by dbltoe
I am just not getting what is going on. I've done a complete search of the 1.5.5a site and can find no reference of where the boootstrap.min.css.map might be called or required. Yet, I get the 403. When I add the file, I get the Unexpected end of JSON input that I get on the 1.5.7c site.
Since neither is posting any warning or error, I'm hoping to find some correlation that can get me in the area of the problem. I am not making any sense of stack overflow or any other source trying to explain Unexpected end of JSON input and nothing specific to Zen Cart.
In short, I may need to know the answer in order to describe the problem.:huh:
Might be isolated to my systems but IOS doesn't like mobile checkout steps on this template and several columns do not show and you can't navigate over to them either. I solved this by removing the trash column as that function is solved by the quantity column. I also removed per item price on checkout which isn't really needed either as you still have total price.
Another issue that seems to just be IOS is the number in the quantity box again on mobile on say an X or non plus device the number is not visible because the "space" is designated I think a 4 but it really needs to be a 7 or 8 to allow the font to easily be seen.
Didn't act well on actual devices nor when I checked it on the emulators. I actually had a client tell me as she uses and iphone could have sworn it was good prior to going live but the IOS I don't generally use and perhaps missed this on setup
Are you referring to the 'base', 3-page checkout? I don't own any iStuff, so it's difficult for me to do any i-related testing.Quote:
Originally Posted by JimmyV
I'll grant that I've not done extensive testing over the past months on the 3-page checkout process.
Yes it has a 3 stage checkout did you normally use a different kind?
In the new Edge you can enter the page you want then hit 3 dots under the X and then go to more tools and then you can hit developer tools and it will give you an emulation model which can be altered from format to format to see how your template looks on various systems.
I believe android detects page sizing issues and automatically adjusts but i devices appear not to according to my client as well as this emulator. SO by altering a few things it is fine sadly now I forget how exactly I did it so I need to loop back to it I had to alter several things to get the layout identical in i and android it is a live site or I'd have a compare which now I need to check the backup prework
@dbltoe you can disable the use of maps if you don't use them. Right click > Inspect > click Gear > uncheck Enable CSS source maps. (There's also one for JavaScript.)
Most of my Bootstrap template checkout testing has been done with the One-Page Checkout (and associated BS-4 template updates) enabled. It'll take me a while to find some time to get your environment set up for testing.Quote:
Originally Posted by JimmyV
I am mentioning it in case people use the template that way to keep and eye out I don't think it's possible to fit so many columns like tpl file has like that in a mobile pixel space so you just toast the ones as noted as they really are repetitive plus I believe you need to adjust modules pages shopping cart quantity space size to, in my case 24, as people can order in the hundreds of a specific sku but if you do single or double digit the box size can be much smaller. I looked at adjusting space and paddings etc it's just not going to look good with so many columns shrunk like that. You have quantity, refresh, item, price, total, trash across an apple 8 or whatever just not alot of pixels there to have all that IMO
ZC v157c
ZCA Bootstrap 4 v3.1.2
One Page Checkout v2.3.8
ZCA Bootstrap 4 for OPC v1.0.0
In Firefox using Guest Checkout, we're encountering an issue where "City" is autofilling "Address 2" field, leaving the "City" field blank. What is the best way to resolve this? Thanks!
In most browsers, on most templates, this is an issue. Other than setting those fields as non-autofill (which would cause some customer complaints), I'm not sure what could be done within the template itself.Quote:
Originally Posted by RoseStar
I've just submitted v1.0.1 of the Bootstrap-4/OPC integration for the Zen Cart moderators' review; I'll post back here when it's available for download.
This version contains changes only to /includes/templates/bootstrap/css/checkout_one.css, correcting the display of the CSS overlay during guest checkout.
That was quick! Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2305Quote:
Originally Posted by lat9
This might help: https://github.com/zencart/zencart/c...2399671adb6ed4 and should be backportable (by hand) to older versions without issue.Quote:
Originally Posted by lat9In most browsers, on most templates, this is an issue. Other than setting those fields as non-autofill (which would cause some customer complaints), I'm not sure what could be done within the template itself.Quote:
Originally Posted by RoseStar
Thanks, @DrByte; should I apply those updates to the template's distribution?Quote:
Originally Posted by DrByte
lat9:DrByte:Quote:You're both rockstars! Thank you.Quote:
This might help: https://github.com/zencart/zencart/c...2399671adb6ed4 and should be backportable (by hand) to older versions without issue.
Thanks for the compliment; can I take your compliment to DrByte as a validation that his suggested change corrects that "browser putting data in the wrong fields" issue?Quote:
Originally Posted by RoseStar
Yes, and you're very welcome!Quote:
Originally Posted by lat9
I applied this specificity fix: https://www.zen-cart.com/showthread.php?223910-ZCA-Bootstrap-4-Template-Support-Thread&p=1381642#post1381642
to the following bootstrap files:
andCode:includes/templates/bootstrap/templates/tpl_modules_common_address_format.php
City now autofills in appropriate field.Code:includes/templates/bootstrap/templates/tpl_modules_create_account.php
Have a new issue on a different fresh install:
Zc v157c
Zca bootstrap 4 v3.1.2
Admin configured left column global off
Admin configured right column default 150px
On create account page, right column shrinks horizontally:
Attachment 19634
I read the faq on Product Columns Per Row but don't see how to apply this to a customer page. The right column appears correctly on all other pages, including Account and Sign In.
What would be the safest way to adjust bootstrap's center column width please?
For the Bootstrap-4 template, you control the left/center/right elements' via the admin's Configuration :: Layout Settings :: Responsive Left|Center|Right Column Width settings. Just make sure that the values entered sum up to 12.Quote:
Originally Posted by RoseStar
Apologies, I should've included this with my original comment. Those settings currently sum to 12: left-0, center-9, right-3Quote:
Originally Posted by lat9
Attachment 19635
Bootstrap team: Excellent work on this template. This is now my recommended template for Zen Cart.
Hmm, I'm unable to reproduce this issue with the column counts set to 0/9/3 and the global left sidebox disabled.Quote:
Originally Posted by RoseStar
Zc v157c
Zca bootstrap 4 v3.1.2
PHP 7.4 or 8.05
Hi guys, I am uprading to the latest Zencart version 1.5.7 with ZCA 3.1.2 and I have a problem at checkout where the payment selection methods page comes up blank(/index.php?main_page=checkout_payment).
The error in the log is
PHP Fatal error: Cannot declare class ot_coupon, because the name is already in use in /includes/modules/order_total/ot_coupon.php on line 14
I tried solutions from older threads without succes. The ot_coupon.php is the only core-file overwrite of the template which was copied replacing the original(no changes on original distribution). Any tips are appreciated as the next stage is to rebuilt the installation from the begining.
Thanks
Could you post the full contents of that log?Quote:
Originally Posted by Georgecy
[23-Jun-2021 15:33:06 UTC] PHP Fatal error: Cannot declare class ot_coupon, because the name is already in use in /Applications/Abyss Web Server/htdocs/ZC/includes/modules/order_total/ot_coupon.php on line 16Quote:
Originally Posted by lat9
Noting that the full log-record will also indicate the page on which the issue was raised. I'm unable to reproduce this with the template running on zc157c and PHP 7.3.
Are there any additional order-total modules or other plugins that might be affecting the checkout processing?
Is there any interest in adding a user-configurable number of products per page on the listing page to this template? So the default number would be MAX_DISPLAY_PRODUCTS_LISTING, which would be a low number like 20 or 25, but users could choose larger numbers (50/100/200 for example).
While the original "product listing grid" mod had a user-selectable format choice, its implementation was clunky, so it was excluded.Quote:
Originally Posted by swguy
While one can find lots of sites that offer user-selectable increments, in practice I find that the best usability is to set a reasonable number and just be consistent. Often more is better, unless your images are poorly optimized ... in which case, optimize your thumbnails and set the qty per page to be something like 50, which lets users get the big picture easily, and not be confused with too many choices on-screen.
Quote:
Originally Posted by jasonshanks
I found that if I set Configuration > Product Listing > Columns Per Row -> [0]
Then in includes > modules > YOUR_TEMPLATE > product_listing.php
Around Line: 422
Change
toCode:'params' => 'class="card mb-3 p-3 centerBoxContentsListing text-center h-100 "' . $style,
I just removed the inline styling variable and the width / layout is looking great.Code:'params' => 'class="card mb-3 p-3 centerBoxContentsListing text-center h-100 "',
I am not sure if this is a perfect fixed but it is doing/looking exactly the way I want.
I apologise if this has been fixed further down the thread.
I've just submitted v3.1.3 of the Bootstrap-4 template for the Zen Cart moderators' review and will post back here when it's available for download.
This release contains changes associated with the following GitHub issues:
#59: Correct duplicate sort-orders present in color configurations added in v3.1.2.
#61: Correct small-screen layout on shopping_cart page, required horizontal scroll.
#63: Remove redundant code from product_listing.php.
#64: Use common image sizing for all centerbox displays.
#65: Add 'specificity' to addresses to correct browsers' auto-fill.
#67: Add .clearBoth class styling to the template's base stylesheet.
#69: Use bootstrap message styling for the "Place Order" shopping-for message.
Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191Quote:
Originally Posted by lat9
I'd like to force the listing pages to use larger product images/fewer columns - I know that Product Listing > Columns per Row is recommended to be 0; is there another option?
With that setting at 0, edit your template's override of /includes/modules/bootstrap/product_listing.php, finding the following sectionQuote:
Originally Posted by swguy
... and edit that grid_classes_matrix for your customizations.Code:
// set css classes for "row" wrapper, to allow for fluid grouping of cells based on viewport
// these defaults are based on Bootstrap4, but can be customized to suit your own framework
if ($product_listing_layout_style === 'fluid') {
$grid_cards_classes = 'row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3';
// this array is intentionally in reverse order, with largest index first
$grid_classes_matrix = [
'10' => 'row-cols-1 row-cols-md-2 row-cols-lg-4 row-cols-xl-5',
'9' => 'row-cols-1 row-cols-md-3 row-cols-lg-4 row-cols-xl-5', //-lat9: Added for 3/9/0 configuration
'8' => 'row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4',
'6' => 'row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3',
];
// determine classes to use based on number of grid-columns used by "center" column
if (isset($center_column_width)) {
foreach ($grid_classes_matrix as $width => $classes) {
if ($center_column_width >= $width) {
$grid_cards_classes = $classes;
break;
}
}
}
$list_box_contents[$rows]['params'] = 'class="row ' . $grid_cards_classes . ' text-center"';
}
Beautiful! Thank you.
First of all, thank you lat9 for this incredible work, such a useful and well done template!
I am scratching my head about the specials, all products, etc. pages.
Let's take the specials page for example. Both header_php.php and header_php_special_zca_bootstrap.php are loaded.
The first one (actually it's the main_template_vars.php in this case, but it's not that important) runs the query, calls splitPageResults (the "original" one), etc. and saves the results into $list_box_contents.
Then header_php_special_zca_bootstrap.php does some similar stuff, but with some adjustments for the bootstrap template, and saves to $listing_sql and $column_list variable.
If I'm not mistaken (please correct me if I'm wrong) the data extracted from header_php.php is not used at all, as tpl_modules_product_listing.php is called in the template, which only considers the data from header_php_special_zca_bootstrap.php ($listing_sql and $column_list variable) and produces its "own" $list_box_contents, which is the only one that will be used in the final page.
I guess header_php.php has been left as it is - despite the overhead - so as not to override too many core files, right? And because right now there's no way to tell ZC "for this page just load this header file and not that", without making some changes to the header files themselves (or to some other core files).
Or is it because the data extracted in header_php.php for these pages is/may be used somewhere else too?
Curious if anyone has adopted Instant Search for this template:
https://www.zen-cart.com/downloads.php?do=file&id=1336
No correction necessary. You've captured what's going on. While the queries are redundant, there's no way to tell the 'core' header_php.php to not generate that query and I'm not a big fan of core-file overwrites, so there's a bit of overhead in the generation of those product listings.Quote:
Originally Posted by marcopm
I'm working on one ...Quote:
Originally Posted by swguy
Yes I'm using it, with various changes/customizations (ajax call, better db search and results sorting for my needs, etc) since the plugin is a bit basic/clunky/outdated in some parts - but still an excellent starting point!Quote:
Originally Posted by swguy
No need to use the provided css file, styling the results container and the single results is quite easy with bootstrap classes (I'm using the media object for the single results because I'm showing the product image as well)
Tbh this (instant search) is one of those many things that ZC should absolutely provide out of the box nowadays. I don't know if it's already in the works for v 1.5.8.
I just added this template to a site using 1.5.7b and selected the template in Tools > Template selection. However, after changing the template to bootstrap, I'm seeing the stylesheets and layout for my old template. Is there another step I missed in activating the template?
Hmm... never mind. I can't get my old template to change to any other template either, so it's obviously not an issue with this template specifically.Quote:
Originally Posted by earmsby
I think it would be fun to add the Font Awesome icon to the button.
In zen_image_button, you could modify the notifier to pass the image and alt text, then update the alt text appropriately.
// Add icons from Font Awesome
switch ($image) {
case BUTTON_IMAGE_ASK_A_QUESTION:
$alt = '<span class="fas fa-envelope"></span> ' . $alt;
break;
... etc.
}
Attachment 19674
Check these files (compare against a fresh download):Quote:
Originally Posted by earmsby
includes/init_includes/init_templates.php
includes/init_includes/overrides/init_templates.php (compare against copy in parent folder if it exists).
What are people doing about social icons with this template? I wound up putting them in includes/templates/bootstrap/common/tpl_header.php right after tpl_offcanvas_menu.php.
Hi Guys,
I am using this template for some time now. I would like to know what plug ins are compatible with this template and ZC 1.5.7. (including paid ones). Now I am trying them one by one and most of them do not work as they are made for older versions of the ZC. It would be nice to have a list of recommended plug ins that would help the quick setup of a new installation or upgrade.
Attributes on Product Listing https://www.zen-cart.com/downloads.php?do=file&id=1637
would be a nice inclusion for this template.
Any thoughts about using the trash can icon on the shopping cart page on mobile? It's there on desktop (obviously) and on tablet, but not on the phone. Could we put it in below the quantity? Some customers won't realize that the only way to remove an item from the cart on mobile would be to set the quantity to zero.
How about some wording on the page that indicates that products can be removed by setting the quantity to 0? Otherwise, that page's rendering is going to get over-complicated.Quote:
Originally Posted by swguy
That was pretty much my fallback plan. OK sounds fair. 1.5.7 users could even just put this in the new define_shopping_cart.php page.
Suggestion on help files for this template: it might make sense to add some developer notes on modifying the template, because when you do something like (say) add a checkbox, you have to take special steps in Bootstrap, otherwise it won't show up.
Checkbox not showing on bootstrap template?
a) put it in a special div
<div class="custom-control custom-checkbox">
b) input first, then label.
echo zen_draw_checkbox_field($bucketfee_id,'',false, 'id="'.$bucketfee_id .'" class="custom-control-input"');
echo '<label class="custom-control-label" for="' . $bucketfee_id . '">' . BUCKETFEE_QUESTION . '</label>';
c) On label, use class="custom-control-label"
Radio buttons? Similar fix:
a) one div per radio button
<div class="custom-control custom-radio"
b) input first then label as above
c) On label, use class="custom-control-label"
ZC 1.5.7c Bootstrap latest v
I just realized that the links EZ Pages created for the footer, that also have a corresponding sidebar or header link, are not working?
The link, when clicked in the footer, sends to the homepage, while the other links in sidebar and header work correctly.
GOTO www.needtoorder.com to see what I mean. Any thoughts?
I'm thinking that the social-icon addition you've got in the footer (which is injecting yet-another -- and unwanted -- <head></head><body>) might be part of the issue.Quote:
Originally Posted by Carbonless