ZCA Bootstrap 4 Template [Support Thread]

nicksab:

My laziness. Fix for this has been provided on Github if anyone else looking
Providing a link is always helpful to those who come after you with the same question.

dbltoe:

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.

Thanks dbltoe, Good try but tough luck, it still doesn't work with changing it to silver.jpg:(

noi.ng:

Thanks dbltoe, Good try but tough luck, it still doesn't work with changing it to silver.jpg:(

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?

noi.ng:

Thanks dbltoe, Good try but tough luck, it still doesn't work with changing it to silver.jpg:(
Please provide a link to the site. Use something like your_siteDOTcom if you don’t want the search engines to pick it up.

OldNGrey:

After extensive testing my conclusion is the ```
window.location.replace(searchLink);

> By adding ```
return false;
``` immediately after that line the results are always returned when the enter key is pressed.
> 
> I tried to minify the file as well but my minified result does not work. I assume minify requires libraries to be added.
I'm not seeing this behavior.

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

arxvaldex:

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.

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

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.

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

OldNGrey:

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.

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.

todoonada:

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.

... not without seeing how those input fields are rendered. What payment method is in use?

lat9:

... not without seeing how those input fields are rendered. What payment method is in use?

Of course. I forgot to give this important piece of information.
It is the Square payment module.

lat9:

... not without seeing how those input fields are rendered. What payment method is in use?
with zc157d and standard ZCA bootstrap template on my test site the default is
[Attachment no longer available]

OldNGrey:

with zc157d and standard ZCA bootstrap template on my test site the default is
[Attachment no longer available]

That looks quite different. You have an extra filed for date and both date fields are of the select type.
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.

ChuckPhillips:

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.

ChuckPhillips:

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.

Thank you. Never thought about searching this file for css.

ChuckPhillips:

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.

Still I got a problem to figure out how to align label and textfield.
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).