That did it! I do not remember ever changing that setting! Thank you!Quote:
Originally Posted by lat9
Printable View
That did it! I do not remember ever changing that setting! Thank you!Quote:
Originally Posted by lat9
When I first looked, I thought "YEA" but I have tweaked this file to see the results. But nothing changes. I want no more than 4 columns for my width setting of 9Quote:
Originally Posted by swguy
The way I see it, I should never have more than 4 for these settings right?Code:if (!isset($grid_classes_matrix)) {
// this array is intentionally in reverse order, with largest index first
$grid_classes_matrix = [
'12' => 'row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6',
'10' => 'row-cols-1 row-cols-md-2 row-cols-md-3 row-cols-lg-4',
'9' => 'row-cols-1 row-cols-md-2 row-cols-md-3 row-cols-lg-4',
'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',
];
}
I may have answered my own question. For some ODD unknown reason, I have TWO bootstrap directories in modules. After renaming one to _old. I got no changes. After REVERSING the two, it worked fine. What would be the expected behavior with this error? Last one processed? Unknown?Quote:
Originally Posted by g2ktcf
I now have the expected 4 column max, 3 columns for most displays and the proper mobile views. THANKS!
On mobile devices when the "hamburger" icon is displayed and tapped, the hover background, border, and text color remains after the offcanvas menu is displayed and won't return to normal until another link is tapped. The hover effect on other links goes away when the linked page is displayed. This sticky hover effect occurs on iOS devices using Safari, but might (or might not) occur on other tap devices/operating systems. Is there any way to fix this problem?
Dave
zc158a, ZCA-Bootstrap-Template 3.6.5, php8.2
I'm not sure I understand the issue, Dave. What, exactly, is the "hover background" that displays and won't go away? Are you talking about the overall 'offcanvas menu'?Quote:
Originally Posted by Dave224
When the hamburger is tapped, the css for a mouse hovering over a link is executed, turning the icon background, border and text to the colors set in the admin bootstrap colors page (dark gray for background and border, lighter gray for text in this case). But the hover colors remain after the offcanvas screen is displayed instead of going back to the non-hover css colors.Quote:
Originally Posted by lat9
See screenshot attached (I hope).
Attachment 20623
Note: I have tailored the nav menu to add/keep sign in/sign out, memberships and donate, instead of placing them in the offcanvas menu.
Dave
Dave, if the site's publicly accessible, send me a PM with the link so I can "see" for myself, please.
Cindy,
You can see this on Chrome development tools simulating an iPhone or other small device. Click (tap) on the hamburger toggler. The hamburger is displayed in "hover" mode, and the off canvas menu is displayed. The hamburger remains in "hover" mode. If a link on the offcanvas menu or on the nav bar is tapped, the hamburger icon then goes out of hover mode.
It appears to me that some kind of event must occur to indicate that the offcanvas menu display has completed which would then be a trigger to take the hamburger out of hover mode. This may also be associated with mobile devices trying to emulate mouse hovering over a link or button on a tap device. A quick look on the internet for "sticky hover" shows most attempts to fix are trying to disable hover css on small devices, but I don't think this is the right approach here since the hover is only sticky on the hamburger. But I speculate.
Hope this helps.
Dave
The site is using English and Dutch.Quote:
What language is the site using and what's that main language file's (e.g. lang.english.php for English) $locales set as?
The setting for the as-distributed English language file is
PHP Code:global $locales;
$locales = ['en_US', 'en_US.utf8', 'en', 'English_United States.1252'];
@setlocale(LC_TIME, $locales);
In lang.dutch.php the $locales are:
No other problems with translations, only this one in the definition ofPHP Code:global $locales;
$locales = ['nl-NL', 'nl-NL.utf8', 'nl-NL','nl'];
@setlocale(LC_TIME, $locales);
.PHP Code:'TABLE_HEADING_SPECIALS_INDEX' => 'Monthly Specials For %s',
I temporarily changed the function zca_get_translated_month_name() to always useThen the current Month is correctly translated in Dutch.PHP Code:$month_name = strftime('%B');
seems to be not using the current $locales at this point? :unsure:PHP Code:$zcDate->output('%B');
Any idea/solution?
TIA,
jpda
Those Dutch locale definitions should use underscores (_) not hyphens (-):
Code:global $locales;
$locales = ['nl_NL', 'nl_NL.utf8','nl'];
@setlocale(LC_TIME, $locales);
Thanks Cindy,Quote:
Originally Posted by lat9
Changed them back to underscores, no difference, alas.
Which, BTW, is consistent with the fact that strftime() does translate the name of the current month correctly,
just like other date related formats.
I wonder if any other non-English sites have the same problem?
jpda
In addition:Quote:
Originally Posted by jpda
Looking at https://www.php.net/manual/en/migrat...deprecated.php I found:
"strftime() and gmstrftime() have been deprecated. Use date() instead (for locale-independent formatting), or IntlDateFormatter::format() (for locale-dependent formatting)".
jpda
Warning log generated during checkout when using 3.7.0 bootstrap.
PR submitted. https://github.com/lat9/ZCA-Bootstrap-Template/pull/387Code:[23-May-2024 15:46:10 Europe/London] Request URI: /sales/index.php?main_page=checkout_payment, IP address: 127.0.0.1, Language id 1
#0 /home/lotus/public_html/innerlightcrystals/sales/includes/templates/bootstrap/templates/tpl_checkout_payment_default.php(251): zen_debug_error_handler()
#1 /home/lotus/public_html/innerlightcrystals/sales/includes/templates/bootstrap/common/tpl_main_page.php(227): require('...')
#2 /home/lotus/public_html/innerlightcrystals/sales/index.php(94): require('...')
--> PHP Warning: Undefined variable $comments_heading in /home/lotus/public_html/innerlightcrystals/sales/includes/templates/bootstrap/templates/tpl_checkout_payment_default.php on line 251.
changetoCode:$comments_heading
Code:HEADING_ORDER_COMMENTS
Cindy - quick question. I am enabling the Terms and Conditions regulations so a customer has to click to agree before they can submit their order.
Right now, if they want to view the terms from the OPC page, it takes them off the checkout page. They have to then click the Back button to return back to the checkout page.
Is there any way that it can launch as an Ajax popup or something in the foreground so that people never have to leave the OPC checkout page? I’m just trying to think of ways to reduce bounce rates of people who leave without completing a purchase.
If not, that’s fine but I wanted to check in case that was already a configuration setting or if it’s something considered as a feature in the future.
Good idea, Jeff. I've created this (https://github.com/lat9/ZCA-Bootstra...ate/issues/391) GitHub issue to track that update.
I have been thinking about this a good bit while trying to get my site updated to 2.0.X.Quote:
Originally Posted by lat9
There have been discussions about how how ZC looks "out of the box" and its "not a clean" site. One of the things I have noticed on other sites suggested as a "clean design" is the absence of sideboxes. I have turned off all the sideboxes on my local copy but I am not thrilled with the categories in a header menu (we only have two top categories so it looks odd).
Having the hamburger menu on both mobile and fixed displays could be an very workable option. The other "possible" option are collapsible sideboxes similar to https://www.cssscript.com/demo/respo...ab-navigation/
I have NO IDEA the effort it takes to do this. However, I am impressed by the flexibility of bootstrap and I literally think it can become the go to standard for ZC.
Hi Guys I have added in lang.english.php the following code
'HEADING_ORDER_COMMENTS' => 'Special Instructions or Comments About Your Order - Indicate the courier location nearest you from this list <a href="https://cyp.acscourier.net/en/myacs/my-tools/acs-store-locator" target="_blank">Courier Locations</a>',
The issue is that the Courier Locations</a>', spills into the table below(screenshot attachedAttachment 20640) and is not looking ok. Is any other way to do it?
On what page is that wonky display?Quote:
Originally Posted by Georgecy
Thank you Cindy.Quote:
Originally Posted by lat9
In two places index.php?main_page=checkout_shipping and index.php?main_page=checkout_payment
Attachment 20641
Attachment 20642
It looks like you have some bad HTML code atWithout seeing the site's code, it should probably beCode:Courier Locations</a>">Courier Locations</a>">
Code:Courier Locations">Courier Locations</a>
This is the codeQuote:
Originally Posted by dbltoe
'HEADING_ORDER_COMMENTS' => 'Special Instructions or Comments About Your Order - Indicate the courier location nearest you from this list <a href="https://cyp.acscourier.net/en/myacs/my-tools/acs-store-locator" target="_blank">Courier Locations</a>',
Yet, if you look at your second image, something is causing a lot of extra HTML to be sent to the browser.
It's hard to be sure without the code, but it looks like some characters need to be escaped in your constant, probably double quotes.
When displaying it, it probably goes through some function where double quotes inside the constant might need to be escaped.
Just an idea.
In tpl_checkout_payment_default.php, I can see the logic for building a bootstrap-style checkbox for payment methods that have a field which includes a checkbox - it's on line 120 in version 3.7.0.
But this doesn't seem to fire correctly for Authorize AIM, which does
$selection['fields'][] = [
'title' => 'Keep Card on File',
'field' => zen_draw_checkbox_field('authorizenet_cim_save', '', true, 'id="authorizenet_cim_save" '),
'tag' => $this->code . '_save',
];
and produces
<label for="authorizenet_cim_save" class="inputLabelPayment">Keep Card on File</label>
<input type="checkbox" name="authorizenet_cim_save" checked="checked" id="authorizenet_cim_save" class="custom-control-input">
which is lacking the enclosing div of class "custom-control custom-checkbox" (and thus does not actually display a checkbox, just the text.)
OK I see. The code on line 120 is for credit classes.
Perhaps the logic from line 120-140 of tpl_checkout_payment_default.php needs to be reused in line 223 (where payment classes are handled).
I support this suggestion. The symptoms are the same as I reported over 4 years ago in post 222 of this thread, so a similar solution should work.
I ran a test and it looked like the required solution.
i can not speak of any missing divs; but this template DOES produce the checkbox. you can see it in your code above.Quote:
Originally Posted by swguy
whether the code for this template needs to be addressed, i also can not say. but the "missing" checkbox can be seen by addressing the css.
i use something like this.
at one point, i was going to add it to the payment module, but alas i got distracted.Code:#authorizenet_cim-cc-cvv {
width: 15%
}
#authorizenet_cim_save {
opacity: 100%;
position: initial;
}
label[for=authorizenet_cim_save] {
display: flex;
}
> i can not speak of any missing divs; but this template DOES produce the checkbox. you can see it in your code above.
It does not, which is why I posted this. The specific reason is that a bunch of steps are required to get checkboxes to show in Bootstrap.
These steps are missing. They were added for order total modules but not for payment modules.
You can see in the attached image how it's rendered (without the checkbox).
and you can see in this screencast how changing the opacity to 100% causes the dropbox to appear WITHOUT making any changes to the template.Quote:
Originally Posted by swguy
TIS.
On ZC1.5.7d with Boostrap Template 3.6.4 on the mobile the categories show as below
Attachment 20644
On the 2.01 with Bootstrap 3.7 the categories show correctly as below
Attachment 20645
Is this something that can be easily changed in 3.6.4 to show the categories as in 3.7.
@Georgecy, that correction was made via this GitHub commit: https://github.com/lat9/ZCA-Bootstra...1f3d02e19dd9b7
Thanks a lot Cindy. It worked!!!Quote:
Originally Posted by lat9
In the mobile menu of 3.6.4 the color of text is white and the background is white as is shown below. As a result the choice is not readable till you click it. What and where is the CSS that can change the font color to black so it can be readable. I try changing the colors in the template from admin without success.
Attachment 20647
@Georgecy, check the site's stylesheets for overrides of the dropdown-item class (i.e. .dropdown-item). The Bootstrap template doesn't override the coloring of that class and its default color is #212529 (pretty darn close to black).
Thanks a lot Cindy. The problem was the stylesheet for the footer. When was deleted all came back to normal.Quote:
Originally Posted by lat9
v3.7.1 of the ZCA Bootstrap Template is now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191
This release corrects the following GitHub issues:
#388: Correct PHP Warning on checkout_payment page.
#389: Remove extraneous comments from template_info.php.
#390: Support forthcoming zc210's additional-images' handling.
#392: Correct gv_faq page's form-entry default.
#394: Correct variable name for shipping-estimator display.
#397: Add styling to display non-Bootstrap-formatted checkbox inputs on checkout pages.
#393: Correct title of base image's additional-images' carousel-indicator.
#399: Pull in base ZC change for tpl_account_default.php.
#400: AJAX search's product count can be 'off' for variant-managed model-numbers.
Just noticed that the product price hasn't shown up on the product info page since upgrading to v3.7.0, and v3.7.1 gives me the same issue.
I downgrade to v3.6.5, and it shows up again.
However, it seems "Product Info Pricing Location" is forced to display in "Both" now, even if I choose above or below only. "Product Info Pricing Location" will show only once if the product page contains "Qty Discounts Off Price".
Is there anything I should do while upgrading/downgrading?
I'm unable to replicate this issue on Bootstrap 3.7.1 running on zc201. That is, the
I'll note that the Product Info Pricing Location setting applies only when a product includes attributes. The original (above/below the attributes' selection) display of the pricing was, I think, to have the price visible at the top of the page and also close to the add-to-cart button.
Thank you for trying.Quote:
Originally Posted by lat9
Under the same environment, built-in templates and Bootstrap v3.6.5 can show product prices well. I'm trying to remove some other plugins to see if there's any conflict when I upgrade to v3.7+.
Long shot. Have you looked at the HTML code to make sure that the price is not displaying white on white so you cannot see it. I think I had this problem because i had added some custom css to change the colour of the price?
I didn't make any CSS changes, and it looks like the price display box has disappeared, not in white.
V3.6.5:
Attachment 20667
V3.7.1
Attachment 20668
I compare the HTML codes, and the <Product Price block> is gone in v3.7.x, as the picture shown above.
v3.6.5:
v3.7.1Quote:
<!-- eof Ask a Question -->
<!--bof Attributes Module -->
<!--eof Attributes Module -->
<!--bof free ship icon -->
<!--eof free ship icon -->
<!--bof Quantity Discounts table -->
<!--eof Quantity Discounts table -->
<!--bof Product Price block -->
<!--bof products price bottom card-->
<div id="productsPriceBottom-card" class="card mb-3">
<div id="productsPriceBottom-card-body" class="card-body p-3">
<h2 id="productsPriceBottom-productPriceBottomPrice" class="productPriceBottomPrice">
<span class="mx-auto w-100 p-1 normalprice">$70.00 </span><span class="mx-auto w-100 p-1 productSpecialPrice">$49.99</span><span class="mx-auto w-100 p-1 productPriceDiscount">Save: 29% off</span></h2>
</div>
</div>
<!--eof products price bottom card-->
<!--eof Product Price block -->
<!--bof Add to Cart Box -->
<!--bof add to cart card-->
Quote:
<!-- eof Ask a Question -->
<!--bof Attributes Module -->
<!--eof Attributes Module -->
<!--bof Add to Cart Box -->
<!--bof add to cart card-->
Another thought, is your product price greater than 0 (zero)? As price is not displayed if price is zero. This could be an issue with your pricing or if your zen_get_products_display_price is not is not working as expected.
First check to make sure you have the version of /includes/templates/bootstrap/templates/tpl_product_info_display.php from bootstrap 3.7.1
check if that fixes things
if not then if you add the line below in before the if statement at about line 238 it should display the values for display price bottom and the price.
ThusCode:echo '<p> display_price_bottom is ' . ($display_price_bottom ? 'true' : 'false' . ' display price ') . zen_get_products_display_price((int)$_GET['products_id']);
you should get a line output that looks like thisCode:<?php
}
echo '<p> display_price_bottom is ' . ($display_price_bottom ? 'true' : 'false' . ' display price ') . zen_get_products_display_price((int)$_GET['products_id']);
if ($display_price_bottom === true && zen_get_products_display_price((int)$_GET['products_id']) > 0) {
?>
<!--bof products price bottom card-->
if display price bottom is false or the price is £0.00 then we are a step closer to finding your issue.Code:display_price_bottom is true display price £27.00
if noting is displayed then there is something else wrong.
> I compare the HTML codes, and the <Product Price block> is gone in v3.7.x, as the picture shown above.
There's another price block at the top. Look for that.
It's not $0Quote:
Originally Posted by brittainmark
The only one I find in v3.7.1 is:Quote:
Originally Posted by swguy
Nothing is in the Product Price block.Quote:
<!-- eof Ask a Question -->
<!--bof Attributes Module -->
<!--bof Product Price block above Attributes -->
<!--eof Product Price block above Attributes -->
Still looking for some potential side effects(?) from uninstalled plugins.
Before that, I'll stay at v3.6.5, which shows the product price block correctly.
It says 3.7.0, but I think that's okay.Quote:
Originally Posted by brittainmark
After adding codes as you describe above, it shows this:
Attachment 20673
Here's v3.6.5 without any modification:
Attachment 20674
Look at includes/templates/bootstrap/templates/tpl_product_info_display.php line 241. That's the lower display block.
Zen Cart 2.0.1, PHP 8.3.8, Bootstrap 3.7.1
Reporting a possible bug. When the Ajax search header is enabled, it does not search in product descriptions. Turn it off & the regular header search returns the results correctly.
Thanks
Melanie
GitHub issue created: https://github.com/lat9/ZCA-Bootstra...ate/issues/409Quote:
Originally Posted by mprough
My site is ZC1.5.8a with PHP v7.4Quote:
Originally Posted by swguy
I removed 2 old plugins supporting up to v1.5.5 and added test codes to line 240.
It looks like this:
And here's the result:Quote:
<?php
}
echo '<p> display_price_bottom is ' . ($display_price_bottom ? 'true' : 'false' . ' display price ') . zen_get_products_display_price((int)$_GET['products_id']);
if ($display_price_bottom === true && zen_get_products_display_price((int)$_GET['products_id']) > 0) {
?>
Attachment 20683
If I overwrite all files from package v3.6.5, the price block shows up:
Attachment 20684
Still confused about this situation.
Hi
I am having the same issues where i cannot see the product prices.
I have checked to if the template was installed correctly and that is all fine.
Can anyne help me fix this issue or do i need to downgrade my bootstrap template?
Thank you
... and what version of the template do you have installed?Quote:
Originally Posted by amebb
Quote:
Originally Posted by lat9
I am using version - ZCA Bootstrap-4
That's the name of the template; look in Configuration :: Bootstrap Template Settings. The installed version number is displayed there.Quote:
Originally Posted by amebb
Sorry my fault... The version is 3.7.1
thank you
Would i be better off uninstalling the template and reinstalling a previouus version, or is there a fix to this bug ?
Thanks
You could try simply removing the template's configuration settings and try again. You've been having issues with more than just the template on your site re-do.Quote:
Originally Posted by amebb
Backup your database.
Navigate to Configuration :; Bootstrap Template Settings.
Observe the link in your browser's address-bar; it'll read something like https://example.com/youradmin/index....uration&gID=47. Note the value of the gID parameter.
Navigate to Tools :: Install SQL Patches.
Copy/paste the following SQL commands into the tool's form, changing each xx to the value for the gID parameter you found above
Run the SQL query; the template's configuration settings will be recreated upon the admin page's refresh.Code:DELETE FROM configuration WHERE configuration_group_id = xx;
DELETE FROM configuration_group WHERE configuration_group_id = xx;
Quote:
Originally Posted by lat9
Quote:
Originally Posted by lat9
Thank you for your help.
I uninstalled the Bootstrap template and also run the script to delete lines from my database
The issue that i have now is that when i choose one of the default templates i get a blank screen.
I am unable to see anything from my site.
The admin still works but the main site is a blank page.
What can i do next ?
Think about hiring someone that can correct whatever you've done.Quote:
Originally Posted by amebb
I have resolved the issue and the site is now back up and running.
However, I am still missing prices on the product page for my products.
Also, when i got Admin > Configuration > BootStrap Configuration i can see my page etc but no information about the configuration etc
All i did was to follow the simple instructions of removing the old installation and then reinstalling the new installation of the template.
it may be a fantastic idea when these plugins, templates are released that they are fully working and not contain bugs. Just stating this and not trying to trigger anyone.!
well, the template author and I just upgraded 4 websites using the template, and had no issues, so....
well that is great. But for people like me who are not great with Php etc ... this is why we are hear asking for support.Quote:
Originally Posted by barco57
I run the SQL query on my site and notice the same issue.Quote:
Originally Posted by amebb
The template's configuration settings are recreated under a new configuration group ID, but the ID under the admin page still points to the old configuration group ID number. If you have the database backup, restore it and you'll be fine.
Not sure if it could be a clue for lat9, but if your site is fine with v3.6.5, stay with it until more info.
I finally figured out the issue of the price display box after upgrading to ZCA Bootstrap Template v3.7.x.
My site is running ZC v1.5.8a w/ PHP v7.4
After switching to PHP v8.1, the price display box shows up with ZCA Bootstrap Template v3.7.x correctly.
It looks like some functions in ZCA Bootstrap Template v3.7.x don't work well with PHP v7.4
Maybe a note can be added to remind people who still use PHP v7.4?
Keep your software up-to-date.
PHP 7.4 is obsolete for a long time.
Even PHP 8.0 has reached EOL last year.
https://www.php.net/supported-versions.php
The absolute minimum you should run your E-Commerce is PHP 8.1
Thank you for pointing this outQuote:
Originally Posted by siliconbug
Hi, very inresting what you say about Php...
On my site i am using PHP 7.4.33. If i was to update that version to php 8.1 would it cause any issues too my site?
My site version is V.1.5.8a
Thank you
Every Zen Cart version has a README with recommended PHP settings.
If you can't find a README you could look at github and search for older releases. There always is a README. Zen Cart is well documented.
I looked it up for you.
-> https://github.com/zencart/zencart/releases
-> https://github.com/zencart/zencart/blob/v158/README.md
Zencart itself would run better at 8.1 is the recomended php. Your plugins could be a whole different story. You would have to look at each one and see what php version it supports, and then do upgrades and testing. Many plugins list an old supported php, but just kept working so there was no update. Some you have to dig through the forum to find the correct tweak for. Some you can fix using the php update doc: https://docs.zen-cart.com/dev/plugins/php_updating/Quote:
Originally Posted by amebb
And some are just broken
OR you can just hire someone like lat9 to figure it all out for you.
Nice sleuthing! With that information, I am able to recreate the issue under PHP 7.4.Quote:
Originally Posted by siliconbug
The root-cause is the additional check on lines 192
and line 241Code:if ($display_price_top === true && zen_get_products_display_price((int)$_GET['products_id']) > 0) {
The zen_get_products_display_price function returns a string similar toCode:if ($display_price_bottom === true && zen_get_products_display_price((int)$_GET['products_id']) > 0) {
which fails the > 0 test on PHP 7.4 but passes on PHP 8.0+. Go figure. I'll get that worthless clause removed from v3.7.2 of the template.Code:<span class="mx-auto w-100 p-1 productBasePrice">$35.99</span>
See this GitHub issue for resolution: https://github.com/lat9/ZCA-Bootstra...ate/issues/414
The changes work on PHP v7.4, thanks!Quote:
Originally Posted by lat9
Is the bootstrap version of tpl_order_status_default.php compatible with OPC so that guests can look up order status? I have overridden zc158a core files includes/templates/default/templates/tpl_order_status_default.php and includes/modules/pages/order_status/header_php.php with the OPC versions as instructed, but what should be used for tpl_order_status_default.php in bootstrap with OPC?
Dave
zc158a, OPC 2.5.2, ZCA Bootstrap 3.7.1
That template is compatible with OPC; for bootstrap, the template's tpl_order_status_default.php should be used.Quote:
Originally Posted by Dave224
Even quicker is to go to https://docs.zen-cart.com/ and click on Server Requirements. The docs are your friend.Quote:
Originally Posted by Shop Suey
v3.7.2 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 associated with the following GitHub issues:
#401: AJAX search's product count can be 'off' (again); variant-managed products might again 'explode' the count!
#404: Correct HTML id parameter in shipping-estimator modal.
#405: Use language-constant for modal shipping-estimator instead of hard-coded English.
#407: Reformat shipping-estimator layout to use 2-column display on medium and above viewports.
#409: Correct AJAX search not including keywords in a product's description; note, new configuration setting added!.
#410: Correct accessibility issue with shopping_cart page's template.
#413: Remove pre-zc158 processing from AJAX search class.
#414: Restore product-pricing display when the site's running on PHP 7.4.
Hi
Am experimenting with using bootstrap template for my next upgrade - downloaded latest version and I am tinkering with it.
Generally loving it, however I can't get font awesome social icons to work - have tried a number of permutations of v5 and v6 FA - I see conflicting info on what version is applicable.
If someone could please tell me how to get a facebook, pinterest and insta icons to appear please let me know.
have you tried something like:
for fa 6 you might need to do:Code:<a class="nav-link" href="https://www.instagram.com/mygramthing/" target="_blank" rel="noopener"><i class="fab fa-lg fa-instagram"></i></a>
Code:<i class="fa-brands fa-instagram"></i>
or
<i class="fa-brands fa-square-instagram"></i>
Yeh, I have. Everything I try I just get a blank.Quote:
Originally Posted by royaldave
OK, I see why.Quote:
Originally Posted by royaldave
If you check the contents of -
https://cdnjs.cloudflare.com/ajax/li...wesome.min.css
there's no facebook, pinterest or insta...
Here you are: https://cdnjs.cloudflare.com/ajax/li...brands.min.css
thanks! all good now.Quote:
Originally Posted by Shop Suey
for others who may require this, add
to the preloads in YOUR_TEMPLATE/common/html_header.phpCode:'fab' => [
'link' => 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/brands.min.css',
'integrity' => 'sha384-hu7sKftLeB/8IYmWPfl2Jo6MTRHquwXVmGPT/08RqhuANVZrbNFBIsvWPOiUduYX',
'type' => 'style',
],
Building a new site and moving my stuff over. All is going well for now except the following. ON my old site the logo.gif is in the top left corner and the banners are larger. See example. Attachment 20721
On the new site the logo.gif is in the left center and the banner size is smaller. see example. Attachment 20720
How do I change this.
So I don't know if this is the correct way, but in includes/templates/bootstrap/common/tpl_header.php
I changed line 93 from center to start. Now puts the logo on the top left side.
I also changed line 96 from col-sm-4 to col-sm-3 This moved the banner over a little more center
Quote:
Originally Posted by cubmanky
Hi,
This is a dumb question, but how do I achieve the layout shown in the documentation?
https://docs.zen-cart.com/user/template/bootstrap/
I can't get a header or footer despite having them turned on in tools/ ezpages.
Thanks,
Mike.
Apologies, after much playing around I found the multiple settings needed to display the ezpages links.
However, I still haven't managed to get the define pages links showing.
All Define Page Status values are set to 1, but no links are showing.
More information required. Screenshot of what you are working on, where expecting to see the define pages listed (as the screenshot from the docs you sent does not have define pages showing...well, except the ezpages link pointing to the "privacy notice" define page.
I'll note, too, that the coloring shown there is not the Bootstrap template's default. "There" being that Zen Cart documentation link.
zencart 2.0.1
latest bootstrap
I am finding that when I try to update a product qty in the shopping cart nothing happens, ie I change the qty, press the 'two arrow button' and the page refreshes but the old quantity is still there.
This ~could~ obviously be down to something I've done, however I can't see what at this stage.
anyone else getting this or just me ?
(i know it works fine without bootstrap - and I've ruled out my multisite as the culprit).
There's no "two-arrow" button in the base Bootstrap template, perhaps something you've added?Quote:
Originally Posted by royaldave
HiQuote:
Originally Posted by lat9
I mean the update button - with the two swirly arrows..
I'm not able to reproduce this behavior. Are there any myDEBUG*.log files or errors noted in the browser's console-log?Quote:
Originally Posted by royaldave
Hi again,
And thanks for the feedback, I've managed to get the define pages showing in a side box, but I cant see an option for having them in the header or footer provided. I'm finding Bootstrap to be a bit more fiddly in the admin settings than my previous template - but I'm making progress.
Now I've got an issue with the EZ-pages, and I'm unsure what's causing it.
Running Zencart 2.0.1, only mods are OPC and CKEditor5.
I edited an Ezpage to include some bootstrap styling as follows:
<img class="float-left pr-3" src="images/Bulk-Honey.webp" alt="Bulk Honey in varying size, as supplied by Cammell's Honey">
Click the Update button, visit the page and see that no change has been made, revisit the source and see the code has been altered back to:
<img src="images/Bulk-Honey.webp" alt="Bulk Honey in varying size, as supplied by Cammell's Honey">
The same happens with header tags as well, only basic <P> and <img> tags seem to remain unchanged.
The same happens on the define pages as well, any styling gets stripped, but text changes remain.
This occurs whether I am using CKEditor or plain text.
Further to the above, I can make styling changes directly on the EZ page in the database and these will remain when saved.
So it appears to have something to do with making changes in the Admin editor.
That would be because it doesn't exist... There is no define page bar in the header or footer.Quote:
Originally Posted by mikecnz
Are you making a new version of your site in your signature?
if you are trying to reproduce the drop down menu on your current live site, there is no functionality like that in either the bootstrap template or responsive classic. It was basically a plugin included in winchester responsive that provides the dropdown menu
the class tag being removed regardless of ckeditor5 or text editor is probably over-sanitization of the input...
The footer layout in your current site are a result of the flexlible footer plugin included in the winchester responsive template
ok, testing shows that Ckeditor5 is what is stripping the class off the image tag.
So another thing that Ckeditor 5 causes an issue with
Not seeing anything, no.Quote:
Originally Posted by lat9
I have reverted to using responsive classic in this setup and its now working as should.
No idea what the issue is - I'm faced with starting over on this upgrade and checking the shopping cart at each step.