Printable View
that toolkit is even better. If you use your browser's development tools, you can find that menu/sidebox's element or div. Then using that name, you can search the css files in that toolkit and find out where the color is defined.Quote:
Originally Posted by Angiex1
Will go check that out :)
In bootsrap.min.css, line 6 has a lot of data (the stylesheet is minimized). You can look for the following and adjust the items in red.Or, a beter idea is to placeCode:.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solidrgba(255,0,0,.125);
border-radius: 0.25rem;
}
in the dist-site_specific_styles.php and save the file as site_specific_styles.php.Code:.card {
background-color: #fff;
background-clip: border-box;
border: 1px solidrgba(255,0,0,.125);
border-radius: 0.25rem;
}
That way, you have a record of what you did if you need it later.
For products with attributes that have swatches, it looks like radio buttons configured using
Attribute Image Layout Style (for Checkbox/Radio Buttons only)
with value
4 - Image + Option + Select as column
won't work - it produces radio buttons which are unclickable. Switching to 5 does work, and follows the normal structure I apply for pages with radio buttons in bootstrap:
a) put it in a special div
b) input first, then label.
c) On label, use class="custom-control-label"
My workaround was just to comment out existing case '4' in includes/modules/bootstrap/attributes.php, and make case '5' and case '4' the same.
I am wanting to add Fontawesome or Bootstrap Glyphs to CSS buttons (Buy Now, Reviews etc)
Links with text only as in tpl_header.php I have done the following :
<a class="nav-link" href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo '<i class="fas fa-sign-in-alt"></i> ' . HEADER_TITLE_LOGIN; ?></a>
This is working however I want to add a Glyph to the Buy Now CSS button and want to replace the Search CSS button with a "Magnifying Glass" Glyph only
Thank you
I have answered my own question as nobody else wants to
To change the "search" button to a Fontawesome Magnifying glass
In folder: Includes/Languages/English
The File: "header.php"
Change the following:
define('HEADER_SEARCH_BUTTON','Search');
To the following:
define('HEADER_SEARCH_BUTTON','<i class="fa fa-search"></i>');
This will remove the word "search" and replace it with a Magnifying Glass only
You can still include the "search" word by using the following:
define('HEADER_SEARCH_BUTTON','<i class="fa fa-search"></i> Search');
Just make sure you've made your changes in a template-override version of that file, e.g. /includes/languages/english/MY_TEMPLATE/header.php, otherwise, your changes might be overwritten on your next Zen Cart upgrade!Quote:
Originally Posted by arxvaldex
ZC v1.5.7d, Clone A Template, IH 5, Edit Orders, Zen Colorbox, PHP 7.4
Would like to know how to change the Product Info page to 3 column mode when using this template.
Thanks, Ted
includes/templates/Your_Clone_Folder_Name/common/tpl_main_page.php
Remove product_info from that listCode:// the following IF statement can be duplicated/modified as needed to set additional flags
if (in_array($current_page_base,explode(",",'product_info,document_general_info,document_product_info,product_music_info,product_free_shipping_info,shopping_cart,checkout_shipping,checkout_payment,checkout_confirmation,checkout_success')) ) {
$flag_disable_right = true;
}
For some strange reason my Footer is now placed under the center box rather than on the bottom of the page
The only changes applied to tpl_product_info_display.php
Restoring the original Bootstrap files does not fix the problem
site here:
https://arxvaldex.com/shop/
You've somehow (?) got an unclosed <div>; see https://validator.w3.org/nu/?doc=htt....com%2Fshop%2F for details. That's why the footer is "off".Quote:
Originally Posted by arxvaldex
Thank you @barco57. That works great.Quote:
Originally Posted by barco57
Thank you!
I removed the slider indicators in "tpl_zca_banner_carousel.php" which caused the problem with the footer
Much appreciated
With zen cart 1.5.8 going to testing, will this code need updating for 1.5.8 for use with the new version of zen cart.
I was thinking of redesigning my shop using this as a starting point.
Lovely template but I cannot see where I can right-align the logo image?
Hi
I have managed to get the responsive left, center and right settings to work on the home page (they sum to 12) However when I display a product the left sidebox is fine but the right sidebox goes really wide again.
Any ideas please?
I went most of the way to make the necessary changes, there is a branch in my Github. As usual I got sidetracked by the real world/it is not up to the minnute, but it is working with 158.Quote:
Originally Posted by brittainmark
I've got changes for v3.4.0 of the template staged on its GitHub repository (https://github.com/lat9/ZCA-Bootstrap-Template/) and am testing those on both zc157 and zc158.Quote:
Originally Posted by torvista
I don't currently have an ETA for the release.
The template is designed to hide the right sidebox when displaying a product's details.Quote:
Originally Posted by AlgellA
How do you align the "buy now' button to the bottom of the card in Product Listing Page
I have tried D-Flex, Flex-Column (or Flex-Row) and mt-auto as well as CSS none of these work
I have a 4-Column center product listing with Buy Now buttons (not more info) they are not aligned and look mixed up in the cards
Thanks
Read this thread (this is for centering the logo - replace Center with Right)
https://www.zen-cart.com/showthread....go#post1387955
Read this thread (this is for centering the logo - replace Center with Right)Quote:
Originally Posted by AlgellA
https://www.zen-cart.com/showthread....go#post1387955
While trying to adjust the css to change all backgrounds to black using ZCA bootstrap colors in Admin I am still having trouble with the product listing pages. Despite everything changed to black background these pages are still showing up with a white background. CSS element inspection shows it is being inherited from .card (my css knowledge is slightly above zero so this could be incorrect). If I uncheck the 'background-color: #fff; in the inspector it switches to the correct black background color. All other aspects of the bootstrap template seem to be showing up correctly.
Bootstrap comes with includes/templates/bootstrap/css/dist-site_specific_styles.php.Quote:
Originally Posted by roodney
You can take that file, add the specific styles that you need and save it as includes/templates/your_template/css/site_specific_styles.php. Of course, if you could post the URL, more help can be provided with a look at the site. Use something like your_siteDOTcom if you don't want the Search Engines looking just yer.
currently using Zc 1.5.7 with Bootstrap 3.3.0 template.
Is it possible to have the menu from the "hamburger" coming from the side as opposed to dropdown when on mobile/tablet?
site is at royal-fleur.com/upgrade if needed.
Thank you
I'm sure it is ... with customization. That's one of the benefits of the Bootstrap template, since it uses a standard interface for its display. You can Google bootstrap 4 hamburger side menu for some ideas.Quote:
Originally Posted by nicksab
Thank you. I took a quick look at it and seems a bit more challenging than i thought and may create more issues down the line. That will have to wait for now.Quote:
Originally Posted by lat9
I need help with the login page.
I would like to invert the login display/order.
By default, it displays the returning customer form and link first .
I would like the new customer/ create account to be first instead.
I changed the code in tpl_login_default.php fromtoCode:nav class="pt-3">
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link" id="nav-login-tab" data-toggle="tab" href="#nav-login" role="tab" aria-controls="nav-home" aria-selected="true"><?php echo HEADING_RETURNING_CUSTOMER; ?></a>
<a class="nav-item nav-link active" id="nav-create-tab" data-toggle="tab" href="#nav-create" role="tab" aria-controls="nav-profile" aria-selected="false"><?php echo HEADING_NEW_CUSTOMER; ?></a>
</div>
</nav>
So far the tab order has been inverted as expected.Code:nav class="pt-3">
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-create-tab" data-toggle="tab" href="#nav-create" role="tab" aria-controls="nav-profile" aria-selected="true"><?php echo HEADING_NEW_CUSTOMER; ?></a>
<a class="nav-item nav-link" id="nav-login-tab" data-toggle="tab" href="#nav-login" role="tab" aria-controls="nav-home" aria-selected="false"><?php echo HEADING_RETURNING_CUSTOMER; ?></a>
</div>
</nav>
However, the form being displayed is incorrect. It shows the "returning/login form " by default instead of the "create account form"
How can i fix this please?
The site is at www.royal-fleur.com/upgrade.
Thank you for all your help
There's a configuration setting, One-Page Checkout Settings :: Login-Page Layout, that can be used to control the (er) layout of the login page without code modification.Quote:
Originally Posted by nicksab
Noting also that the link you identified results in a 404.
Sorry about the non working link. Somehow a "dot" got added to the link.Quote:
Originally Posted by lat9
The site is at https://www.royal-fleur.com/upgrade/...ain_page=login.
I did look at the OPC login page layout but i like the tab look better over the "box" look of OPC.
What i am trying to achieve is to have potential customer entering their information right after shopping cart page and offer a link to login if they are returning customer. Right now, it is doing the opposite. In my industry, customer is usually first/one time client. If they do returns, they just create a new account because of not remembering the login of their previous one.
Hello everyone,
I am back with another question ( sorry ).
I would like to replace the store logo by having the store name center inside of the navbar on the right side of the hamburger.
Here is where i am at:
I managed to remove the store logo on small screen but no luck with the store name. I tried a few things but it messes the layout .
I would like the navbar to read as follow on small screen ( no logo displayed)
hamburger ------ store name with home link ------- search glass ( if possible instead of in the collapse menu)
Anyone has done something like that ? or can help me please?
The site is at https://www.royal-fleur.com/upgrade
Thank you in advance for your much appreciated assistance
Little bit too much in the change department to be able to help. Can't see all the changes you've made in files.
A home link should always be seen in the mobile if not changed.
You should not see two search icons on a desktop and when you click on the hamburger.
Can you take a look at https://www.jeandretDOTcom/index.php?t=ADA_Boot3_3 and let us know what you need different?
Thank you dbltoe for the link. What i am trying to achieve is a bit different.Quote:
Originally Posted by dbltoe
Sorry about the 2 search icons. I was trying a few things with the following file bootstrap/common/template_header.php.
The look I am trying to achieve is similar to this site https://rafaelflorist.com/ on mobile.
Attachment 20113
Basically, the logo ( zen cart or else) as seen on desktop disappear on small and medium screen. When the logo is not shown, it is replace by the store name in the navbar ( linkable if possible ). The navbar on mobile looks really blank/dull on my site
As for the search icon, it would be great if it would always be in the top right corner ( right side of navbar) no matter the screen size. The search icon in the hamburger could be remove so it is not being duplicated.
Sorry for the long post and for the no so clear explanation. I understand i am asking for a lot with this and would understand if it is not possible to accomplish.
Thank you for your time and advice
I got to display as close as i can get it to what i want.
Here is my tpl_header.php code:I am in no way a coder so i am not sure if it is the right way to do itCode:<?php
/**
* Common Template - tpl_header.php
*
* BOOTSTRAP v3.1.2
*
*
* @copyright Copyright 2003-2020 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: DrByte 2020 May 19 Modified in v1.5.7 $
*/
?>
<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>
<div id="headerWrapper" class="mt-5">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<nav class="navbar fixed-top mx-3 navbar-expand-lg rounded-bottom">
<button class="navbar-toggler" style="color:#333;" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="d-md-none">
<a class="navbar-brand" style="color:#fff; font-family:auto; font-size:1.5rem;" href="">Royal Fleur Florist</a>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<?php if (!$this_is_home_page) { ?>
<li class="nav-item">
<?php echo '<a class="nav-link" href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo '<i class="fas fa-home"></i> ' . HEADER_TITLE_CATALOG; ?></a>
</li>
<?php } ?>
<?php if (zen_is_logged_in() && !zen_in_guest_checkout()) { ?>
<li class="nav-item">
<a class="nav-link" href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
</li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li class="nav-item">
<a class="nav-link" href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo '<i class="fas fa-sign-in-alt"></i> ' . HEADER_TITLE_LOGIN; ?></a>
</li>
<?php } } ?>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li class="nav-item">
<a class="nav-link" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a>
</li>
<?php }?>
<?php require($template->get_template_dir('tpl_offcanvas_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_offcanvas_menu.php');?>
</ul>
</div>
<div>
<?php require(DIR_WS_MODULES . zen_get_module_sidebox_directory('search_header.php')); ?>
</div>
</nav>
</div>
</div>
<!--eof-navigation display-->
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo" class="row align-items-center p-3 d-none d-md-block">
<?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-->
<?php
// Display all header alerts via messageStack:
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
echo zen_output_string_protected(urldecode($_GET['error_message']));
}
if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
echo zen_output_string_protected($_GET['info_message']);
}
?>
<!--eof-header logo and navigation display-->
<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->
<br>
<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' && zen_is_whitelisted_admin_ip())) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>
<?php } ?>
It seems to works so far ( no error logs :-) ) except for one thing:
When on mobile, the search icon somehow gets pulled inside the toggler when it is click on. Is there a way to fix it? please
Thank you
While on mobile (small screen), the shopping cart table requires scrolling in order to see the "total" column.
If thesmall screenison landscape,the shopping cart table is displayed/seen in full. It seems to be too big for the small screen in portrait mode.
Is there away to fix it so there is no scrolling and the table is shown in full?
I looked at post #211 thru #218 which seems to be similar issue but the fix does not work for me. It is not android or iphone related i believe.
Thank you
Can you go to jeandretDOTcom and place an item in the shopping cart while in mobile to see if this matches your look? This is the latest bootstrap with a standard demo load.
Either that or give us a link we can look at?
This is a known bug - I brought it up with lat9 when having my site upgraded.Quote:
Originally Posted by dbltoe
It only happens when you have an item with attributes in the cart. It is the offset of the attributes causing it on small screens.
Tested on the above site with "TEST $120 Special $90" on my old Moto E4+
Attributes cause scrolling. Non attributes don't.
Same result using Chrome emulator on pc.
I tried jeandretDOTcom and it is behaving the same way as my site. For reference, my site is royal-fleurDOTcom/upgrade.Quote:
Originally Posted by dbltoe
I tried a few different thing on either site.
While in the shopping cart page:
- if the product has no attribute, the table (quantity/item name/price/total) is display is display within the "viewport"
-if the product has attributes, the colum total from the table gets push to the side like out of the "viewport"
Hope this makes and sorry for the lack of better words to describe it.
Picture from jeandret site :
No attributes on product
Attachment 20118
With both attribute and no attribute
Attachment 20117
Thank you for looking into this and helping me out
I'm going to have to defer to someone more familiar with the guts of bootstrap.
You should be able to use CSS to control the element's width with either a percentage, fit-content, or some other setting. None of them effect the .table-responsive except the removal of an overflow-x:auto and you only see that in products with attributes.
It is displayed in two different sizes when the item has or doesn't have attributes but I can't find what is controlling it.
360.4 x 274
360.4 x 202
Thank you for the info. For once, it is not something i messed up :-)Quote:
Originally Posted by gsh68
Thank you dbltoeQuote:
Originally Posted by dbltoe
i tried a few thing in css as well like padding and margin but no luck.
It is too bad as all my product have attributes but i guess a bit of side scrolling can't hurt. :D
I too am not that familiar with Bootstrap but I think you could shift the attributes to the left and remove their list style for small screens, like thisQuote:
Originally Posted by nicksab
That almost does it for resolutions down to 360px width, to remove scrolling completely at that width play about with the padding of .productsCellCode:@media (max-width:???px) {
.productsCell-attributes ul {
padding-left: 0px;
list-style: none;
}
}
(I'm assuming that the productsCell class isn't used elsewhere - worth checking)
Thanx to ASAlishaa for adding the bootstrap cheatsheet to the bootstrap reamde.md I think I may have found where the problem is coming from.
The particular table is given the class table-responsive and table responsive is actually in the CSS.
However the bootstrap cheatsheet suggests that the class should be table-*-responsive with the * being sm, md, lg, or xl. It's possible that the missing clarifier is not letting CSS do its thing.
I will have to test when back at the computer later today.
Thank you for looking into this and let me know how the testing goes pleaseQuote:
Originally Posted by dbltoe
I've just submitted v3.4.0 of the Bootstrap-4 template; it's now available for download (https://www.zen-cart.com/downloads.php?do=file&id=2191) and supports the Zen Cart 1.5.7 series as well as 1.5.8!
This release contains changes associated with the following GitHub issues and has been validated with Zen Cart v1.5.8:
#151: Update zen_cfg_read_only, using zc158 version for zc157 change
#150: Remove redundant button definitions
#147: ZcaBootstrapObserver::setVariables incompatible with PHP 8.2's dynamic properties' restriction
#142: Enable additional content to be displayed on the shopping_cart page
#141: Use 'standard' Zen Cart HTML 'id' for cart quantity/button display and centerboxes
#140: Don't include conditions if shipping and/or billing isn't available
#139: Preload (rather than prefetch) the CDN-based css/js files
#138: Consolidate One-Page Checkout/Bootstrap template integration
#137: 'common_address_formatting', set as primary checkbox should appear only for address_book_process
#136: Move 'country' selection above 'state' in common-address formatting
#135: Remove unused template files for all/featured/new products' listings
#135 opened on Jul 18 by lat9
#134: zc158 Compatibility, overall changes required.
#133: Exporting ZCA Bootstrap Colors
#132: orphan statement in tpl_modules_manufacturer_info
#131: modules\bootstrap\category_row.php compare to core ZC158 query
#130: centerboxes\new_products.php comparison to core query
#125: contact_us "Send Email To:" Selection Is Not Really Required
#124: Raw HTML displayed for when customer views an order's history
#122: Restore 'base' Zen Cart attributes HTML class and id attributes.
Good evening, I downloaded the template, and in the html header file, I saw these lines: I assume we are going to preload the css and jscript files right? I wanted to know if they can be applied to other templates or does it only work on this one? Thank you
if (! empty ($ bs4_no_preloading)) {
?>
<link rel = "preload" href = "<? php echo $ preloads ['bscss'] ['link'];?>" integrity = "<? php echo $ preloads ['bscss'] ['integrity']; ?> "crossorigin =" anonymous "as =" style "/>
<link rel = "preload" href = "<? php echo $ preloads ['fa'] ['link'];?>" integrity = "<? php echo $ preloads ['fa'] ['integrity']; ?> "crossorigin =" anonymous "as =" style "/>
<link rel = "preload" href = "<? php echo $ preloads ['jquery'] ['link'];?>" integrity = "<? php echo $ preloads ['jquery'] ['integrity']; ?> "crossorigin =" anonymous "as =" script "/>
<link rel = "preload" href = "<? php echo $ preloads ['bsjs'] ['link'];?>" integrity = "<? php echo $ preloads ['bsjs'] ['integrity']; ?> "crossorigin =" anonymous "as =" script "/>
<? php
<link rel = "stylesheet" href = "<? php echo $ preloads ['bscss'] ['link'];?>" integrity = "<? php echo $ preloads ['bscss'] ['integrity']; ?> "crossorigin =" anonymous ">
<link rel = "stylesheet" href = "<? php echo $ preloads ['fa'] ['link'];?>" integrity = "<? php echo $ preloads ['fa'] ['integrity']; ?> "crossorigin =" anonymous "/>
<script src = "<? php echo $ preloads ['jquery'] ['link'];?>" integrity = "<? php echo $ preloads ['jquery'] ['integrity'];?>" crossorigin = "anonymous"> </script>
<? php
/ *
<script> window.jQuery || document.write (unescape ('% 3Cscript src = "<? php echo $ template-> get_template_dir ('. js', DIR_WS_TEMPLATE, $ current_page_base, 'jscript');?> / jquery.min.js"% 3E% 3C / script% 3E ')); </script>
* /
?>
<script src = "<? php echo $ preloads ['bsjs'] ['link'];?>" integrity = "<? php echo $ preloads ['bsjs'] ['integrity'];?>" crossorigin = "anonymous"> </script>
You can certainly apply the same idea to other templates. Those preloads help in the template's performance by pre-loading the external jQuery, Font Awesome and Bootstrap CSS and JS elements used on all pages.Quote:
Originally Posted by giancalr
Thanks for the quick reply,
how to apply them to other templates? Does the template in question have any particular function? because in the template files, I have not found any function related to preloads, what I did not understand is what the words "bscss" "fa" "bsjs" mean Thanks
The template uses CDN downloads for the Bootstrap CSS (bscss) and JS (bsjs) as well as Font Awesome (fa). How you use that construct on another template depends on that template's external dependencies.Quote:
Originally Posted by giancalr
Good morning, ok thanks I'll do some tests,
Hello all,
How do I specify an image as body background?
I can see in admin where we can specify a color for the body background ( ZCA Bootstrap Color).
I would like to specify an image for my site background but not sure how to do it with bootstrap.
Thank you in advance for the help
in the original template, includes/templates/bootstrap/css/dist-site-specific_styles,php is provided as an override CSS file. Follow the instructions inside the file and save it to your template.
Issue with layout when using columns on computer. The layout is trying to display 3 columns however they are only 2 are showing on the first row and the text is reduced to a narrow box. Second row has one column also squashed then the pattern repeats.
Attachment 20126
The issue appears to be in includes\modules\bootstrap\product_listing.php if I remove line 437it works fine.Code:wrap_with_classes' => 'col mb-4',
Is this a bug? What dose this line do? To me, it looks like it causes a div to be placed around each product div, then the div, that contains the product is set to width 32.5% which explains the narrow text box.
Zen cart 1.5.8
bootstrap 3.4.0
Check your site's Configuration :: Product Listing :: Columns per Row. For the Bootstrap template, set that to either 0 (fluid columns) or 1 (rows).Quote:
Originally Posted by brittainmark
Thanks! That's fixed it. :smile: I have now found the FAQ's which explains it. thanks again.
Hi its been a while.
Upto date info in sig.
I have had to start the site again urghhh! and have uploaded bootstrap 4 and am working on it but it has no footer and I am not sure if it is supposed to be like that or its an issue with how I uploaded the template or with zencart?
I want to add the footer and put some links in there. But have no idea how and have read through the docs but am lost.
@Angiex1, here's a link to my demo site for the template (albeit currently on zc157): https://vinosdefrutastropicales.com/zc157_bs4/
As you can see, there should be a footer. Are you seeing any myDEBUG*.log files in the site's /logs sub-directory?
I am do you want me to copy it here?
X-out any info like your IP or admin dierectory name and copy the debug here using the # above.
You can also take a look at the docs for partial blank page.
Ok am a little bit confused as I downloaded this copy here of bootstrap https://www.zen-cart.com/downloads.php?do=file&id=2191 but my version in configuration bootstrap template settings states it is version 3.4.0 but it says version 4 in the plugins
I had to change the .htaccess file very slightly when installed as has happened previously on the previous zencart install I could not get into the admin file unless changing this but this did not remove the footer.
here is the debug file for bootstrap I didn't know there was a sql file is it worth putting this is my cart?
The ZCA "bootstrap" template (or a clone) was activated on 2022-10-23 09:26:23 and some of its default settings are different than those currently set. You can copy and paste the following SQL into your admin's Tools->Install SQL Patches to change those defaults:
UPDATE configuration SET configuration_value = '3', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_PAGE_LINKS' LIMIT 1;
UPDATE configuration SET configuration_value = '<li> / </li>', last_modified = now() WHERE configuration_key = 'BREAD_CRUMBS_SEPARATOR' LIMIT 1;
UPDATE configuration SET configuration_value = '⊢ ', last_modified = now() WHERE configuration_key = 'CATEGORIES_SEPARATOR_SUBS' LIMIT 1;
UPDATE configuration SET configuration_value = '', last_modified = now() WHERE configuration_key = 'CATEGORIES_COUNT_PREFIX' LIMIT 1;
UPDATE configuration SET configuration_value = '', last_modified = now() WHERE configuration_key = 'CATEGORIES_COUNT_SUFFIX' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_SHIPPING_ESTIMATOR_BUTTON' LIMIT 1;
UPDATE configuration SET configuration_value = '4', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_SEARCH_RESULTS_FEATURED' LIMIT 1;
UPDATE configuration SET configuration_value = '4', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_NEW_PRODUCTS' LIMIT 1;
UPDATE configuration SET configuration_value = '4', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_SPECIAL_PRODUCTS_INDEX' LIMIT 1;
UPDATE configuration SET configuration_value = '0', last_modified = now() WHERE configuration_key = 'PRODUCT_LISTING_MULTIPLE_ADD_TO_CART' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'MAX_RANDOM_SELECT_NEW' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_CATEGORIES_PER_ROW' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_PRODUCT_INFO_COLUMNS_FEATURED_PRODUCTS' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_PRODUCT_INFO_COLUMNS_SPECIALS_PRODUCTS' LIMIT 1;
Zc -1.5.7
Bootstrap 3.3.0 with OPC
http://www.royal-fleurdotcom
Is there away to keep the "buy now" button align? ( see screenshot)
Attachment 20129
On my example, pictures are the same size. However, the "buy now" button is being push down because of the name of the product (4 line vs 3 line ).
Can the "buynow" be kept align no matter what s between the picture and button ( ie name, price, call for price...)?
Thank you
Following on from my previous post #760 that was taken from the logs in the cpanel, this is what is showing up in my zencart admin
[22-Oct-2022 13:05:16 UTC] PHP Warning: mysqli_connect(): (HY000/1044): Access denied for user 'angiesar_admin'@'localhost' to database 'angiesar_admin' in /includes/classes/db/mysql/query_factory.php on line 130
Also if I change template back to the classic responsive template the footer is there. Have changed back to bootstrap no footer so not sure what to do?
Has anyone any idea how I can fix this as I cannot move forward until then.
If there is no footer on the bootstrap template, then there's a PHP error logged in your site's /logs sub-directory identifying the source of the issue.Quote:
Originally Posted by Angiex1
Thank you, this is showing for bootstrap?
[HTML]The ZCA "bootstrap" template (or a clone) was activated on 2022-10-23 09:26:23 and some of its default settings are different than those currently set. You can copy and paste the following SQL into your admin's Tools->Install SQL Patches to change those defaults:
UPDATE configuration SET configuration_value = '3', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_PAGE_LINKS' LIMIT 1;
UPDATE configuration SET configuration_value = '<li> / </li>', last_modified = now() WHERE configuration_key = 'BREAD_CRUMBS_SEPARATOR' LIMIT 1;
UPDATE configuration SET configuration_value = '⊢ ', last_modified = now() WHERE configuration_key = 'CATEGORIES_SEPARATOR_SUBS' LIMIT 1;
UPDATE configuration SET configuration_value = '', last_modified = now() WHERE configuration_key = 'CATEGORIES_COUNT_PREFIX' LIMIT 1;
UPDATE configuration SET configuration_value = '', last_modified = now() WHERE configuration_key = 'CATEGORIES_COUNT_SUFFIX' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_SHIPPING_ESTIMATOR_BUTTON' LIMIT 1;
UPDATE configuration SET configuration_value = '4', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_SEARCH_RESULTS_FEATURED' LIMIT 1;
UPDATE configuration SET configuration_value = '4', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_NEW_PRODUCTS' LIMIT 1;
UPDATE configuration SET configuration_value = '4', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_SPECIAL_PRODUCTS_INDEX' LIMIT 1;
UPDATE configuration SET configuration_value = '0', last_modified = now() WHERE configuration_key = 'PRODUCT_LISTING_MULTIPLE_ADD_TO_CART' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'MAX_RANDOM_SELECT_NEW' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'MAX_DISPLAY_CATEGORIES_PER_ROW' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_PRODUCT_INFO_COLUMNS_FEATURED_PRODUCTS' LIMIT 1;
UPDATE configuration SET configuration_value = '2', last_modified = now() WHERE configuration_key = 'SHOW_PRODUCT_INFO_COLUMNS_SPECIALS_PRODUCTS' LIMIT 1;
There is only this other file
<?php
/**
* @copyright Copyright 2003-2022 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: DrByte 2020 Jul 10 Modified in v1.5.8-alpha $
*/
// send to domain root
session_write_close();
header('Location: ' . 'http://' . $_SERVER['HTTP_HOST']);
exit();
This is not a bootstrap error, it is information to let you know some of the settings are different to the default. You can use the details above to reset the setting as it says in the top of the file. Your issue is with access to the database as shown inQuote:
Originally Posted by Angiex1
This says that the user 'angiesar_admin'@'localhost' does not have access to the database this means that the database cannot be read. and is thus causing an error.Quote:
[22-Oct-2022 13:05:16 UTC] PHP Warning: mysqli_connect(): (HY000/1044): Access denied for user 'angiesar_admin'@'localhost' to database 'angiesar_admin' in /includes/classes/db/mysql/query_factory.php on line 130
Thank you Mark, but how can I not have access to the database I set up from scratch? it is as though not all of the template uploaded when installing it? as it is only the footer that is missing?
Thank you Mark.
Regarding this log
[22-Oct-2022 13:05:16 UTC] PHP Warning: mysqli_connect(): (HY000/1044): Access denied for user 'angiesar_admin'@'localhost' to database 'angiesar_admin' in /includes/classes/db/mysql/query_factory.php on line 130
I set up that database when setting up the store and installing Zencart so have no idea why it says I wouldnt have access as have full privileges. but looking closer at it the database user is correct but the database name is incorrect and no idea how or why that would happen. How do I sort this out?
If you run the zen cart do you get any new log files generated?
That is the only log file generated.
Its fine in the responsive classic the footer is there, am wondering if just reinstalling the template will work or whether I didnt install the template correctly.
Do you see the copyright notice at the bottom of the page? If you do, then the footer is being displayed. The only difference I get between responsive classic and bootstrap is that a row with a link to home is not displayed.
Attachment 20130
Attachment 20131
@Angiex1 what you have looks ok to me. Now it's time to get cracking on the define pages!
@swguy Thats from the classic responsive template as I changed it back to that to check the footer was ok. But on the bootstrap 4 template there is no footer.
If you check now you will see the issue.
That's how it's supposed to look. It's fine.
@swguy Looking at Lat9's site with bootstrap there is a footer which mine does not have please see attached. Is that how it is supposed to be as Lat9 stated there should of been a footer? and to look at her site.
Attachment 20134
When you look at
https://vinosdefrutastropicales.com/zc157_bs4/
there is a bar at the bottom with My Account, Site Map, Privacy Notice, etc.
This just means she has EZ Pages configured to show links in the footer.
Thank you.
My ez pages footerbar status display is set to on so what am I missing to get it to show?
Ok erm I am wanting a bar across the bottom and under that with some of the links in the information side box in there plus my social media icons and links etc.
How would I do that ?
I also cannot find how to remove some of the links in the information side box, some I have removed others such as shop by brand I cant find how to remove and order status I want in the footer but not in the information side box?
> My ez pages footerbar status display is set to on so what am I missing to get it to show?
You have to turn the entries in Tools > EZ-Pages that you want to show to green (display in footer = yes, sort order > 0) in the Footer column.
https://docs.zen-cart.com/user/ezpages/ezpages_display/
> I also cannot find how to remove some of the links in the information side box ...
https://docs.zen-cart.com/user/admin...inepagestatus/
Note that About Us and Brands links are different - see
https://docs.zen-cart.com/user/custo...fic_overrides/
Small bug in version 3.4.0 of the bootstrap template:
includes/modules/sideboxes/bootstrap/information.php
references FILENAME_ABOUT_US and FILENAME_BRANDS for checks as to whether to add these links to the sidebox; should follow the 1.5.8 release standard of checking the flags $flag_show_about_us_sidebox_link and $flag_show_brand_sidebox_link instead.
Thank you will crack on and take a look but coding is a bit over my head, can just get by with css but just don't need all the links in the info box.
This is an exmaple taken from Amazons uk website of what I want to achieve in the footer. I am just not sure how?
Attachment 20135
Until this issue is fixed, you could just delete the code in includes/modules/sideboxes/bootstrap/information.php between lines 25 and 31, i.e.
Code:if (defined('FILENAME_ABOUT_US')) {
$information[] = '<a class="' . $information_classes . '" href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '</a>';
}
if (defined('FILENAME_BRANDS')) {
$information[] = '<a class="' . $information_classes . '" href="' . zen_href_link(FILENAME_BRANDS) . '">' . BOX_HEADING_BRANDS . '</a>';
}
Thank you, was just looking to do that bit and it shows as set to false so will try your suggestion.
@swguy, Thank you, have removed the links in the info box I don't want there.
Also from another thread of mine your answer reminded me how to change the names of the links and the page headers in the info boxes etc so thank you again for that.
I hate asking so many questions but asking and the answers has carried on helping me and will help others who are new to Zencart.
Define pages are nearly done aswell :).
I do not know if this question is for Zencart or the template so will ask it here, how to I change the order of the links in the information box, please do not tell me its complicated! It is getting late here in the UK and I am shattered but need to get the site up and running fairly quickly.
The order is dictated by how they appear in
includes/modules/sideboxes/bootstrap/information.php
You can move them around, starting with the
if (something) {
and ending with the
}
@swguy thank you. Finally feel as though I am getting there. Still a way to go but now in the right direction :)
Please can someone stop me going in circles lol
I am trying to centre the link in the footer bar, have been through everything I can think of in cpanel and the admin of the shopping cart and cannot find what I am looking for.
I need to centre the link in the footer bar please where do I go to do this
Thank you.
Just read up on flexbox; to align flexbox items you would need to add "justify-content: center;" to the css
Now, I'm not familiar with this template and do not know whether the .nav class is used elsewhere so, to be on the safe side I would add the following to _nav.scss instead:Code:.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
justify-content: center;
}
Code:.nav.nav-pills {
justify-content: center;
}
This is not incorrect but....Quote:
Originally Posted by simon1066
Bootstrap 4 comes with a file in includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php. Making your changes to this file and saving it as includes/templates/YOUR_TEMPLATE/css/site_specific_styles.php is the recommended way to keep all your changes together for when you need them.
@Angiex1 - in your case, YOUR_TEMPLATE is bootstrap. I would also recommend that you use lat9's clone a template to clone the bootstrap to something else you like. This will keep the original bootstrap "clean" and able to be used in troubleshooting.
Thanks @dbltoe, that's good to know.Quote:
Originally Posted by dbltoe
> Bootstrap 4 comes with a file in includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php.
Small correction - the template is already set to 'bootstrap'. So it's
includes/templates/bootstrap/css/dist-site_specific_styles.php
so just copy that file to
includes/templates/bootstrap/css/site_specific_styles.php
I thought I said that. :P
Quote:
@Angiex1 - in your case, YOUR_TEMPLATE is bootstrap. I would also recommend that you use lat9's clone a template to clone the bootstrap to something else you like. This will keep the original bootstrap "clean" and able to be used in troubleshooting.
I forgot to install clone a template and have already made changes which is taking me days, have spent the whole day trying to centre the links in the footer bar and just cannot figure how, to be honest I would rather they were listed in columns under that bar but have no idea how, have read the docs file more than once.
Quote:
Originally Posted by swguy
I looked there but its php and erm yeah!!!!
I would still clone your template and then overwrite the original bootstrap folders with the original files.
And, yes, the file is php and should be saved as such.
Last time I did it via a clone a template it was more confusing for me than this is. Right now I'm getting seriously frustrated with myself and after 10 hours of going round in circles to be honest its more than frustrating!!!
It was saved as php but what am I supposed to put in the file?
All I want to do is centre the links on the footer bar, but to be honest that isnt really how I want it as thats just a quick fix.
Right for some reason I did not see posts ~788, 789 and 790, thank you to both Simon and DBLToe, as wondered why you said you had already said something.
Will go take a look.
How would I have links as a list in the footer, with a header above each set of links? so a row of 4 lists ?
Thank you.
Looks like Font Awesome icons don't work in the latest Bootstrap template on Zen Cart 1.5.8. Investigating.
Note: Bootstrap uses FA5 but Responsive Classic uses FA4.
Repro steps: edit an ez page and add an FA icon in HTML.
Observe that the FA icon is shown in RC but not in Bootstrap.Code:Test link for FB:
<a href="http://www.facebook.com/" rel="noreferrer noopener" target="_blank"><i class="fa fa-facebook"></i></a>
In Bootstrap you can also switch back to FA4 by modifying the $preloads variable in
includes/templates/bootstrap/common/html_header.php
and when this is done, the icon appears.Code:'fa' => [
'link' => 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css',
'integrity' => 'sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==',
],
I have also tried with "fas" instead of "fa".
What affect does that have for changes I want to make @swguy?
I have put some of the links I want in the footer bar but its just not right for me.
Thank you again to everyone who is answering me.
I'm going to get the template how I want it for now and then will clone it with the changes already made and once done that reinstall Bootstrap 4 and over right the original installation of the template to make it the base install.
> What affect does that have for changes I want to make @swguy?
It was not specifically for you. Unless you are using FA icons, you can ignore.
Thank you, I think you added to your post as I answered it originally.
I just have to try and get my head around what you put as right now its gone right over my head lol.