Printable View
Thank you much for this! Have it working on v1.5.7c with bootstrap 3.1.4 Good work
Cindy!! Still trying to figure out where to control some of the styles ie the background color of the containers.
But your contribution saved me because Ceon URI killed my previous slide show.
I'm trying the Ajax search from the latest version and I don't see any results until I press enter - what am I doing wrong?
Oh LOL I should have looked at the logs. There's a log produced by ajax search this on MySQL installations that don't have ONLY_FULL_GROUP_BY turned off.
--> PHP Fatal error: 3065:Expression #1 of ORDER BY clause is not in SELECT list, references column 'demo_157c.p.products_sort_order' which is not in SELECT list; this is incompatible with DISTINCT :: SELECT DISTINCT p.products_image, p.products_id, pd.products_name, p.master_categories_id, p.products_model FROM products p
INNER JOIN products_description pd
ON pd.products_id = p.products_id
AND pd.language_id = 1
WHERE p.products_status = 1
AND ((pd.products_name LIKE '%speed%' OR p.products_model LIKE '%speed%') ) ORDER BY p.products_sort_order, pd.products_name LIMIT 8 ==> (as called by) /Users/scott/Sites/demo_157c/includes/classes/ajax/zcAjaxBootstrapSearch.php on line 61 <== in /Users/scott/Sites/demo_157c/includes/classes/db/mysql/query_factory.php on line 170.
Workaround is to add to includes/configure.php
define('DB_MYSQL_MODE','NO_ENGINE_SUBSTITUTION');
That's weird, I always run with ONLY_FULL_GROUP_BY on my test sites. What version of MySql is in use?Quote:
Originally Posted by swguy
Here's what I use to override the MYSQL_MODE, still puzzled:Quote:
Originally Posted by lat9
Code:define('DB_MYSQL_MODE', 'ONLY_FULL_GROUP_BY, STRICT_TRANS_TABLES, NO_ZERO_IN_DATE, NO_ZERO_DATE, ERROR_FOR_DIVISION_BY_ZERO, NO_AUTO_CREATE_USER, NO_ENGINE_SUBSTITUTION');
MySQL Mode: ONLY_FULL_GROUP_BY, STRICT_TRANS_TABLES, NO_ZERO_IN_DATE, NO_ZERO_DATE, ERROR_FOR_DIVISION_BY_ZERO, NO_AUTO_CREATE_USER, NO_ENGINE_SUBSTITUTION
Database Engine: MySQL 5.7.34
PHP Version 7.4.21
A code fix rather than changing configure.php would be just to add p.products_sort_order to the query in includes/classes/ajax/zcAjaxBootstrapSearch.php line 57
BTW thanks for adding this feature - and the UI you built is amazing! Another win for the Bootstrap template.
Yep, got that staged, just need to create a GitHub issue.Quote:
Originally Posted by swguy
Issue created: https://github.com/lat9/one_page_checkout/issues/307
I'm having a bad day/month/year: https://github.com/lat9/ZCA-Bootstra...ate/issues/110Quote:
Originally Posted by lat9
Can't take credit for the UI. The modal search was based on the AJAX search contribution by @balihr.Quote:
Originally Posted by swguy
Ajax search is a brilliant addition.
I have a slight issue which must be due to configuration or permission on my sites. The Ajax search works perfectly most of the time.
In production, select the magnifying glass, enter a search term, and the items display in the drop down. If I click the "View All" button the products are displayed whereas if I press enter none of the products are displayed.
In my test environment I can partly reproduce it as the first search does not display results but a subsequent search using a different search word will.
There are no error log files created.
Has anyone seen something like this?
environment:
PRODUCTION: Zen Cart 157c; Apache 2.4.41; PHP 7.4.3; MySQL 8.0.27; Ubuntu 5.4.0
Dev: Zen Cart 157c; Apache 2.4.46; PHP 7.4.13; MySQL 5.5.5 -10.4.17-MariaDB; XAMPP v3.2.4; Windows 10 build 19041
Hmm, I'm not able to reproduce this. On a test setup with the demo products, I entered j as the search term (which brought up 7 items in the modal display). Pressing Enter resulted in the Advanced Search page being displayed and showing those same 7 items.Quote:
Originally Posted by OldNGrey
I have loaded Bootstrap onto a vanilla version of zc157c and am still getting inconsistent results. Pressing the "Show All" button always works and displays the products retrieved via the AJAX search.
Pressing the enter key only works sometimes. In most cases I land back on the Home Page.
It is as if the full URL associated with the "Show All" button is not being fired when the Enter key is pressed.
Deleted
After extensive testing my conclusion is thein the ajax_search.js file is not actioning or window .location is being altered so the final page displayed is not the advanced search results page.Code:window.location.replace(searchLink);
By addingimmediately after that line the results are always returned when the enter key is pressed.Code:return false;
I tried to minify the file as well but my minified result does not work. I assume minify requires libraries to be added.
zc157c ; ZCA Bootstrap-4
HI May I get some help on Attribute Image Swatch? I have read dozens of documents & watched Youtube tutorials but none seem to have covered adding image to the Swatch. I tried all ways but the image is not showing. I have also noted that Attributes of option type Read Only cannot have images associated & even if defined will not be displayed. So over the last days I have tested all types but just can't have the attribute image shown . I present a case scenario here with some screenshots. In this case I have a Artistic Wire 18g in 3 colours, I would like to show the colors with attribute image. As you can see the options are shown just no way of getting the images up. The attribute image folder has permission code 755 at top level & 644 for files. If someone can please provide some guidance or is this function not available in the ZCA Bootstrap-4 template?
Appreciate any guidance!
I'm gonna take a stab in the dark here. Try changing the Silver.jpg to silver.jpg
Sometimes, beginning a filename with a capital letter can be a problem.
Newbie or beginner at bootstrap question:
What s the best way to turn right column off?
i switched setting to 0 instead of 3.
Then per instructions, increase center column to 9 to maintain the 12 total requirement.
However, when i do this right column is off but whatever box that were there are getting slammed under the left column!
I know i can fix it by turning the unneeded right boxes off.
The question is: is it normal behavior? or Am i missing something?
Thank you for your time
My laziness. Fix for this has been provided on Github if anyone else lookingQuote:
Originally Posted by nicksab
Providing a link is always helpful to those who come after you with the same question.Quote:
Originally Posted by nicksab
Thanks dbltoe, Good try but tough luck, it still doesn't work with changing it to silver.jpg:(Quote:
Originally Posted by dbltoe
LATEST UPDATE: I finally could get it done! For some reasons, when I had the attribute image uploaded to the "Main Directory"instead of the default sub-directory "attributes", it shows. Not sure why when the image is placed in "attributes", it did not work though. Maybe some .php file is pointing wrongly?Quote:
Originally Posted by noi.ng
Please provide a link to the site. Use something like your_siteDOTcom if you don’t want the search engines to pick it up.Quote:
Originally Posted by noi.ng
I'm not seeing this behavior.Quote:
Originally Posted by OldNGrey
Does this happen on all pages or only certain pages?
Are there additional plugins that also utilize jQuery installed on the site?
I have an issue with the Mobile Menu (Hamburger Menu) for my store
(1) There is an "important Links" menu (which is blank) I do not have this anywhere in my store
(2) Categories drop down stops short (to the screen of mobile phone), you cannot scroll down to the last category
I have searched everywhere to find "Important Links" to remove this with no luck and cannot figure out why Categories does not scroll down from the menu
Zen Cart 1.5.6a with Bootstrap Version 2.0.0a
Some assistance would be appreciated
My site here:
https://arxvaldex.com/shop/
Thank you
That's (unfortunately) a woefully old version of both Zen Cart and the Bootstrap template, both of which are no longer supported.Quote:
Originally Posted by arxvaldex
I installed the new Zen Cart 1.5.7c and new Bootstrap 3.2.0
I am now faced with new problems:
(1) Currency remains in USD $ regardless of which currency you select as default (it converts any currency to USD and displays USD only)
(2) Product Layout I do not like the "Add Selected to Cart" (with Total), I prefer each product to have its "Buy Now" button as before
A link to the old and new sites would help. You can send them to me via PM.Quote:
Originally Posted by arxvaldex
I have given up chasing my tail on this one as the results are not consistent. I have reverted to the standard bootstrap files and there is only one version of the latest jquery installed. It is occurs with all browsers.
The production server is https://bmhstoreDOTbmhDOTcomDOTau/
zc157c
Again, looking good. Especially on the accessibility. One thing often missed in ADA?WCAG checkers is the colors involved in hover. many will just reverse the colors BUT, in the case of hovering over your Categories, that's not a good idea.Quote:
Originally Posted by OldNGrey
If you change the hover color on .list-group-item:hover to #0074A7, you'll be compliant. May be others as well so, check those hovers.:yes:
The title and input fields are out of line for the credit card data input.
Zen Cart version is 1.5.7d.
Does anyone know how to align them? The title is a label and the input field is in an iframe.
Attachment 19913
... not without seeing how those input fields are rendered. What payment method is in use?Quote:
Originally Posted by todoonada
Of course. I forgot to give this important piece of information.Quote:
Originally Posted by lat9
It is the Square payment module.
with zc157d and standard ZCA bootstrap template on my test site the default isQuote:
Originally Posted by lat9
Attachment 19914
That looks quite different. You have an extra filed for date and both date fields are of the select type.Quote:
Originally Posted by OldNGrey
I use same zencart version like you and standard bootstrap template.
Is the code for cc-input coming from the cc-vendor? This might explain why it looks different depending on the country the shop is in.
Our form looked like todoonada's also. We adjusted the CSS, per the Square installation instructions:
5. "The styling of the Square input fields is different from the rest of my payment input fields."
The module contains some CSS markup in the very bottom of the `/includes/modules/pages/checkout_payment/jscript_square.php` file, intended to create uniformity for the custom fields Square creates. For 99% of stores you will NOT need to change this; but in rare cases you may want to alter this CSS slightly to suit your needs.
Thanks, @ChuckPhilips, for filling in the missing details.Quote:
Originally Posted by ChuckPhillips
Thank you. Never thought about searching this file for css.Quote:
Originally Posted by ChuckPhillips
Still I got a problem to figure out how to align label and textfield.Quote:
Originally Posted by ChuckPhillips
If I want to go add a line break after the label and change /includes/languages/english/modules/payment/square.php to define('MODULE_PAYMENT_SQUARE_TEXT_CVV', 'CVV Number:<br />'.);
the line break happens after the textfield and not after the label.
Adding CSS at the end of /includes/modules/pages/checkout_payment/jscript_square.php also was not successful.
If someone knows how to get label and textfield can be aligned, this information is greatly appreciated.
Below is a comparison between the standard layout (looks fine) and bootstrap (not aligned).
Attachment 19915
I found the problem of the misalignment.
The problem is that the labels get display: inline-block; from https://cdn.jsdelivr.net/npm/bootstr...tstrap.min.css.
This can be overwritten by adding display: block; in the aforementioned /includes/modules/pages/checkout_payment/jscript_square.php
.inputLabelPayment::after {display: block;content: "\A"; white-space: pre;}
On here when I am on a product page it says "quantity in cart: 1" for example above the add box and button.
However when you look at a category listing by row (setting "1" under columns per row) it does not show the above guidance.
Looking at product info display I can see the entry to get that display on about line 160 on my particular php file.
$display_qty = ($flag_show_product_info_in_cart_qty == 1 && $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '';
However, I am having a brain freeze on where to insert this statement to get it to show on the rows setup or columns for that matter even set on "0" as recommended it doesn't display.
So when you look at a grid on a laptop you have say 3-5 products across and tons of space in each box or row where this can be inserted but where?
That "quantity in cart" display, in the ZC core, was intended to "only show" on a product's information page; that's where the product's type-specific handling comes into play and sets the $flag_show_product_info_in_cart_qty variable.Quote:
Originally Posted by JimmyV
Assuming (key-word) that all your products are of the same 'type', you can make a change in your override of the template's /includes/modules/bootstrap/product_listing.php.
I've just submitted v1.0.3 of the Bootstrap-4 template's customization for One Page Checkout; I'll post back here when it's available for download.
This release corrects the presence of an unclickable radio-button when there's only one payment method available for an order (#7).
I am having issue with css. Using ZC 1.5.7d and lastest Bootstrap template
I renamed the dist _specific_styles file to zcustom_specific_styles and added the following code:
but nothing is happening whatsoever.Code:<?php
/*
* BOOTSTRAP 3.3.0
*
* Create a file called "site_specific_styles.php" to contain any changes
* to base css provided by this template. Place site-specific content
* between the opening and closing style tags.
*
* Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
* additional information.
*/
?>
<style>
logoWrapper { text-align: center;}
h1 {color: red;}
</style>
I have been pulling my hair on this one and can t figure it out.
Any ideas what i am doing wrong??
Thank you
TryQuote:
Originally Posted by nicksab
#logoWrapper {
text-align:center!important;
}
h1 {color:red!important;}
Thanks for the prompt reply.Quote:
Originally Posted by Nick1973
Unfortunately , it is still not working. I refreshed cached, used incognito mode...Nothing so far.
If I place the same code into stylesheet.css, it works just fine.
If you look at the first few lines of includes/templates/bootstrap/css/dist_specific_sytles.php it tells you to:Just put your code in the /* Your content here ... */ and save the file as specific_styles.php.Code:<?php /*
* BOOTSTRAP 3.3.0
*
* Create a file called "site_specific_styles.php" to contain any changes
* to base css provided by this template. Place site-specific content
* between the opening and closing style tags.
*
* Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
* additional information.
*/
?>
<style>
/* Your content here ... */
</style>
That's the filename the system is looking for.
i know and seen the instructions but it still not working fo rsome reasons.Quote:
Originally Posted by dbltoe
I even tried to paste the whole example from GitHub found here https://github.com/lat9/ZCA-Bootstra.../pages/faqs.md
somehow the code is not being called or something.
my dist_specific_style.php looks like this
but none of my h1 tag are turning red.Code:<?php
/*
* BOOTSTRAP 3.3.0
*
* Create a file called "site_specific_styles.php" to contain any changes
* to base css provided by this template. Place site-specific content
* between the opening and closing style tags.
*
* Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
* additional information.
*/
?>
<style>
h1 {color: red!important;}
</style>
Not sure what it could be honestly as i am not a coder or expert whatsoever
Quote:
Originally Posted by lat9
Rename/copy dist_specific_styles.php to site_specific_styles.php.Quote:
Originally Posted by nicksab
I could swear I typed in the site_ :blush:
I tried that already as per instructions.Quote:
Originally Posted by lat9
Renamed it to royal_specific_styles.php.
I gave up on using the .php file for now and created a royal_stylesheet.css instead
Thanks for your help.
Apart from my stylesheet issue, i have another problems.
The "starting at " is shown twice on my product page. ( see screenshot)
Attachment 19925
I am not sure if it is template related or not but i would like to remove the bottom one ( "starting at " above the add to cart button)
I tried to search the thread for product_info or starting but came up empty
Thank you for your help on this
^ I wanted to do the same for my site but unfortunately on non-attribute products the bottom card is default so can't be removed.
To remove the top "starting at" I added the following to stylesheet.css
#productsPriceTop-card {
display:none;
}
Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2305Quote:
Originally Posted by lat9
Thanks for the suggestionQuote:
Originally Posted by gsh68
Can anyone recommend a flexible footer that would work with this template?
I tried the flexible footer muti found here https://www.zen-cart.com/downloads.php?do=file&id=1957 but it really buggy.
I like how it work though so if anyone could suggest an alternative, that would be awesome.
Thank you
Bootstrap + OPC - includes/templates/bootstrap/common/tpl_offcanvas_menu.php pulls in sideboxes/information.php on line 97, but before $column_box_default is set, which causes a white screen:
#1 require() called at [/Users/scott/Sites/mystore/includes/modules/sideboxes/bootstrap/information.php:61]
#2 require(/Users/scott/Sites/mystore/includes/modules/sideboxes/bootstrap/information.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_offcanvas_menu.php:97]
#3 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_offcanvas_menu.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_header.php:61]
#4 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_header.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_main_page.php:122]
#5 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_main_page.php) called at [/Users/scott/Sites/shroom/index.php:94]
--> PHP Warning: require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common): failed to open stream: No such file or directory in /Users/scott/Sites/shroom/includes/modules/sideboxes/bootstrap/information.php on line 61.
hmmmm.... I may not have yet installed the OPC fixes for Bootstrap; likely a false alarm.
Hello all,
I need help creating a bootstrap menu dropdown for this template.
So far i edited my tpl_header.php file and added the following code:
so far so as it is populating dropdown menu , however,, i am trying to achieve the following where:Code:<div style="text-align:center;"class="dropdown">
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Shop</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Tablet</a>
<a class="dropdown-item" href="#">Smartphone</a>
</div>
</div>
Shop (dropdown menu that would display active category)
-> category 1
->category 2
->category 3....
I was using mega menu on my previous template and was hoping to achieve the same using bootstrap.
Mega-menu uses the following code if it helps:
I would like a drop down menu that would display all my categories if possible and makes sense.Code:<li class="categories-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_CATEGORIES; ?></a><!-- bof cateories -->
<div class="dropdown_1column">
<div class="col_1 firstcolumn">
<div class="levels">
<?php
// load the UL-generator class and produce the menu list dynamically from there
require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
$zen_CategoriesUL = new zen_categories_ul_generator;
$menulist = $zen_CategoriesUL->buildTree(true);
$menulist = str_replace('"level4"','"level5"',$menulist);
$menulist = str_replace('"level3"','"level4"',$menulist);
$menulist = str_replace('"level2"','"level3"',$menulist);
$menulist = str_replace('"level1"','"level2"',$menulist);
$menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
$menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
echo $menulist;
?>
</div>
</div>
</div>
</li><!-- eof categories -->
Additionally, how can hide these dropdown menu on mobile and tablet. I want these menu only on desktop.
I've just submitted v3.3.0 of the Bootstrap 4 Template for the Zen Cart moderators' review; I'll post back here when it's available for download.
This release contains changes associated with the following GitHub issues:
#68: Enable the definition of a site-specific CSS file.
#104: Sideboxes are not disabled if COLUMN_xx_STATUS or SET_COLUMN_xx_STATUS is set to '0'.
#105: Stray <ul> present in the site_map page's template.
#107: checkout_payment_address incorrectly identifies shipping (not billing) address as current.
#108: HTML validation error in breadcrumbs.
#110: MySQL Fatal error in AJAX Search on strict MySQL 5.7 installations.
#111: Missing space between class names for dropdown menus.
#113: Enable interoperation with COWOA's no_account page.
#117: Accessibility 'tweaks'.
#118: HTML validation error in listing pagination when ellipsis is required.
#119: Document how to transfer color customizations from a test site to its live version.
Now available for downloading: https://www.zen-cart.com/downloads.php?do=file&id=2191Quote:
Originally Posted by lat9
Hello all,
I am having some display issue while on mobile. (see screenshots)
When i go on product listing, the product pictures don t seem to be resizing properly somehow.
On main page, the center box display the product just fine ( using SWGuy mods for 2 product display)
Attachment 19960
Attachment 19961
What could be doing this? I am using Image Handler as well. Could it be interfering with the picture resizing on small size screen?
Thank you for your help
This is one of those cases where a link to the site displaying the behavior would help.Quote:
Originally Posted by nicksab
Sorry for the delayed response. I just managed to get the site on a live server. I was working on it with XamppQuote:
Originally Posted by lat9
the site is at http://www.royal-fleur.com/upgrade
The mobile display is really messing up for me. I must have done something bad somewhere but no clue what.
Thanks Lat9 for looking into it as well as the OPC missing. I really appreciate it
I'll jump in if I may. I am not familiar with the Bootstrap template but, if I inspect one of the images I see that the CSS is applying a minimum width to them (also affecting your non-mobile page), this codeQuote:
Originally Posted by nicksab
I would check whether you really need it.Code:.listingProductImage {min-width: 300px;}
Upto date info in my sig.
Please bare with me as it is a few years since using Zencart.
I am just about to install this template and looking at the install instructions in the docs just want confirmation I am going to do this correctly, as having the install issues I had I want this a bit smoother.
I am a bit confused by this "If you haven't made any changes to the Zen Cart 'base' version of /includes/modules/order_total/ot_coupon.php, you can simply copy that file from the template's distribution. Otherwise, you'll need to merge the one marked section with your store's version of the file."
There are no changes made to my install, do I copy the above file from the templates folder and overwrite it to zencart /includes/modules/order_total/ot_coupon.php overwritting the file already there?
Thanks
Simon,Quote:
Originally Posted by simon1066
Thanks for helping. I am not a bootstrap pro and learning as I go as well.
I saw the min-width css via the developer console as well and wondering if it is needed.
When it is removed, the image are displayed properly but i have no idea if it is affecting anything else.
Any bootstrap expert can advise on this, please?
Thank you
One way to check would be to search the Bootstrap fileset for 'listingProductImage' to see where it's used.Quote:
Originally Posted by nicksab
If you've made no changes to the Zen Cart "base", you can safely copy all the files in the Bootstrap template's distribution to your store's file directory.Quote:
Originally Posted by Angiex1
Thank you,
Using built in developer tool, i got the following:Quote:
Originally Posted by simon1066
/includes/templates/bootstrap/css/stylesheet_zca_colors.php
Line # 90 : .listingProductImage {min-width: <?php echo (int)IMAGE_PRODUCT_LISTING_WIDTH; ?>px;}
Would the removal of it solve my display issue? I am not sure how it would affect the template as it seems to be only in the color stylesheet.
Thank you again all for helping
I see, the min width uses the value of the product Listing image width. That being said, simply adjusting the width of the image of the product listing might be sufficient to solve your issue (probably something I should have thought of from the start). I wouldn't remove it.Quote:
Originally Posted by nicksab
The width of the image is set in Admin > Images > Image - Product Listing Width
Just a few WAG's here. Bootstrap 4 incorporates a lot that responsive_classic does not. Ajax Search, some image handling and control of columns in Product Listing.
I'm thinking you may be loading extra things with bootsstrap that are fighting with these features.
I would first check Admin >> Configuration >> Product Listing >> Product Listing - Columns Per Row to make sure it is set for 0 versus the recommended 3. This will allow bootstrap to properly work with your product images.
Are you saying that Image Handler is not needed with bootstrap template? That would be great. I am just used to the automatic resizing with IH ( instead of uploading small/medium/ large pics)Quote:
Originally Posted by dbltoe
I double and triple check the setting and it is set to 0. :(
Removing Line # 90 : .listingProductImage {min-width: <?php echo (int)IMAGE_PRODUCT_LISTING_WIDTH; ?>px;} seems to fix the issue I have.
I am just scare of creating more problem down the line by taking things out like this. Any thoughts on this?
Can my "homemade " bootstrap menu be contributing to the issue?
Thanks all for helping
Image Handler is a great addition to the Bootstrap 4 template and the combination is in use in a fair number of sites.Quote:
Originally Posted by nicksab
Since "that line" doesn't wreck havoc with the demo products (and a 3/6/3 layout), what layout do you have configured in the Bootstrap Template settings' Responsive Left/Center/Right Column Widths?
The "homemade" menu has some issues when viewed in a small landscape or small portrait mode. That'll be a matter of working out the CSS and associated Bootstrap classes required.
Since i am not using the right column, it is currently set to 3/9/0.Quote:
Originally Posted by lat9
Left column width is set to 200px even though it has no influence on bootstrap if I understand it correctly.
The"homemade" menu is definetely a work in progress. It is my first attempt at bootstrap and was trying to mimic CSS_mega_menu.
Upto ate info in sig.
I want to make some changes to my site and know that I can do this with this template, but some of the changes may not be doable with the template.
Would it be advisable to use the clone a template once have made the changes or before? so if any upgrades happen I can use the copy template
I'll suggest ... both. Clone the base 'bootstrap' template and make your 'clone' the active one. If you're preparing to make substantial changes, clone your clone so you have a backup.Quote:
Originally Posted by Angiex1
Thank you, will do that :)
I'm just about to clone Bootstrap but what do I put here "Target Template: " ?
I've found it and realised should be in the right support thread
Hi, I have tried everywhere to make these changes and cant figure it out, details in sig.
Have attached a picture as easier for me to explain.
No 1 I want to add -Register after login link so it reads log in - register I also want the shopping cart up there and not as a side box.
No 2 I want to centre the logo, have followed the docs section but have managed to change it but cannot centre it.
No 3 I want to remove this bar and the home link etc completely. I can change the colours but it isnt needed for me.
Any directions would be great
Attachment 19969
Thank you
1. To change the wording of the "Login" link to "Login - Register", you'll make a template-override version of /includes/languages/english/header.php (i.e. copy that file to your current template's /includes/languages/english/YOUR_TEMPLATE) and edit the define statement for HEADER_TITLE_LOGIN. The shopping-cart link will show once a customer has placed an item into their cart.Quote:
Originally Posted by Angiex1
2. You'll need to edit your current template's /templates/tpl_index_default.php, changing the line that reads
toCode:?>
<div id="indexDefault-defineContent" class="defineContent"><?php require($define_page); ?></div>
<?php } ?>
3. That's the site's "breadcrumbs" ... I'm not sure why you'd want to remove that, but you can totally disable the Breadcrumbs via Configuration :: Layout Settings :: Define Breadcrumb Status.Code:?>
<div id="indexDefault-defineContent" class="defineContent text-center"><?php require($define_page); ?></div>
<?php } ?>
Thank you Lat9,
Number 1 worked and number 3, but number 2 centred the picture and not the logo.
For number 3 I want to remove it as the home page link is there at the top, there is a page title already and on my screen thats in great big black letters its just really busy.
Would you have any idea why the logo won't centre?
To center that logo, you'll need to edit /includes/templates/clone/common/tpl_header.php, changing this block
to readCode:
<!--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>
Be sure to make a backup copy prior to changes!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="text-center w-100">';
} else {
echo '<div class="col-sm-12">';
}
?>
<?php echo '<a class="d-block" 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>
Thank you that has worked :)
It is alot of years since have done any of this and Bootstrap is totally new to me so thank you for your patience. I love how it is easier to alter the template, but some things just loose me so there may be well be, well probably will be a few more questions
Excellent!:smile:Quote:
Originally Posted by Angiex1
Questions are what the support-threads are all about.
Thank you.
I know I can change all the text colour on my site via bootstrap but I want to leave the text as is apart from the page headers which I want to change the colour of but cannot find where
Attachment 19970
If you're using v3.3.0 or later of the template, you can use the site-specific-styles added in that version. See the template's FAQ (https://github.com/lat9/ZCA-Bootstra.../pages/faqs.md) page for more information.Quote:
Originally Posted by Angiex1
Thank you will give that a go, will that change all the headers on all pages?
Hmmmm thought I hadnt replied, edited so as not to repeat!
If you're referring to the styling of all <h1> tags ... yes.Quote:
Originally Posted by Angiex1
thank you.
I've just submitted v1.0.4 of the companion integration between the Bootstrap 4 Template and One-Page Checkout; I'll post back here when it's available for download.
This release corrects the number of parameters supplied to zen_prepare_country_zones_pull_down (see issue #8).
Zen Cart download link: https://www.zen-cart.com/downloads.php?do=file&id=2305
Now available for download.Quote:
Originally Posted by lat9
I have another couple of questions, upto date info in my sig.
I have screen shot where the changes I want to make are and numbered them
1 How do I change the colour of the line going round the categories links?
2 How do I change the wording from "New? Please provide your billing information"
Thank you.
Attachment 20014
I will let others talk about how to change the color of the box (I am sure its in a CSS file somewhere unless they linked it to an admin setting)
As for the text... in your admin, go to the Developer's toolkit and search for that phrase. That will tell you which file has the text string. This could need to be repeated if you use multiple languages.
Thank you will go look there as have spent days looking in my filess in file manager with no luck. Have tried going through the colours on ZCA Bootstrap Colors and cant find how to do the colour change.
g2ktcf Thank you that worked for number 2 will look at the toolkit in future as totally forgot about that.