Hello everyone,
the issue is the following: both product quantity text box and cart checkout quantity is not displayed at all.
The quantity number is hidden inside the text box (I can copy and paste its number, but this is not readable)
I attached both print screen:
https://www.cucinaespressa.it/caprese.jpg
https://www.cucinaespressa.it/cart_checkout.jpg
Is there a way to enlarge the text box and the font of the number inside it?
Thank you very much everyone!
Alex.
Quantity not displayed
-
- Phoca Member
- Posts: 19
- Joined: 23 May 2018, 16:26
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Quantity not displayed
Hi, it is caused by template CSS which sets large padding for the input boxes, just see the form input in e.g. Google Chrome Web Development tool (F12) and change the padding to some lower value. This will solve the situation.
Anyway Phoca Cart is designed for Bootstrap3 templates, so the best way is to use some Bootstrap 3 ready template.
If you let me know the link, I can see it with development tool to get info about the class which adds large padding for the input.
Jan
Anyway Phoca Cart is designed for Bootstrap3 templates, so the best way is to use some Bootstrap 3 ready template.
If you let me know the link, I can see it with development tool to get info about the class which adds large padding for the input.
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Member
- Posts: 19
- Joined: 23 May 2018, 16:26
Re: Quantity not displayed
Hi Jan, thank you for your precious help!!
I tried to give a lower padding value (classes form-control ph-input-quantity ph-input-sm I suppose....) inside template folder template.css, bootstrap-rtl.min.css and bootstrap.min.css, but I can't get the layout we wish.
I now enabled guest checkout, you can test it on https://www.cucinaespressa.it
ORDINA->Prodotti Menù
ORDINA->Carrello
Thank you very much again.
Alex
I tried to give a lower padding value (classes form-control ph-input-quantity ph-input-sm I suppose....) inside template folder template.css, bootstrap-rtl.min.css and bootstrap.min.css, but I can't get the layout we wish.
I now enabled guest checkout, you can test it on https://www.cucinaespressa.it
ORDINA->Prodotti Menù
ORDINA->Carrello
Thank you very much again.
Alex
-
- Phoca Hero
- Posts: 2819
- Joined: 28 Nov 2010, 17:20
Re: Quantity not displayed
Hi Alex,
just give it a try:
as the preset4.css will be loaded at last, add above at the end.
(generally if it is helix, you should have a custom.css)
Kind regards
Christine
just give it a try:
Code: Select all
.form-inline .form-group .ph-input-quantity.ph-input-sm {
width: 40px;
height: 45px;
}
(generally if it is helix, you should have a custom.css)
Kind regards
Christine
-
- Phoca Member
- Posts: 19
- Joined: 23 May 2018, 16:26
Re: Quantity not displayed
Hi Christine,
I added:
.form-inline .form-group .ph-input-quantity.ph-input-sm {
width: 48px;
height: 45px;
}
.form-inline .form-group .ph-input-quantity {
width: 48px;
height: 45px;
}
in my custom css code and now it looks great!!!! :-)
Thank you very much for your help!
Alex.
I added:
.form-inline .form-group .ph-input-quantity.ph-input-sm {
width: 48px;
height: 45px;
}
.form-inline .form-group .ph-input-quantity {
width: 48px;
height: 45px;
}
in my custom css code and now it looks great!!!! :-)
Thank you very much for your help!
Alex.
-
- Phoca Hero
- Posts: 2819
- Joined: 28 Nov 2010, 17:20
Re: Quantity not displayed
Hi Alex,
That's fine Thanks for your feedback.
Kind regards
Christine
That's fine Thanks for your feedback.
Kind regards
Christine