Quantity not displayed

Phoca Cart - complex e-commerce extension
geppogiappo
Phoca Member
Phoca Member
Posts: 19
Joined: 23 May 2018, 16:26

Quantity not displayed

Post by geppogiappo »

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.

Tags:
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47865
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Quantity not displayed

Post by Jan »

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
If you find Phoca extensions useful, please support the project
geppogiappo
Phoca Member
Phoca Member
Posts: 19
Joined: 23 May 2018, 16:26

Re: Quantity not displayed

Post by geppogiappo »

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
christine
Phoca Hero
Phoca Hero
Posts: 2734
Joined: 28 Nov 2010, 17:20

Re: Quantity not displayed

Post by christine »

Hi Alex,

just give it a try:

Code: Select all

.form-inline .form-group .ph-input-quantity.ph-input-sm {
    width: 40px;
    height: 45px;
    }
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
geppogiappo
Phoca Member
Phoca Member
Posts: 19
Joined: 23 May 2018, 16:26

Re: Quantity not displayed

Post by geppogiappo »

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.
christine
Phoca Hero
Phoca Hero
Posts: 2734
Joined: 28 Nov 2010, 17:20

Re: Quantity not displayed

Post by christine »

Hi Alex,

That's fine :-) Thanks for your feedback.

Kind regards
Christine
Post Reply