V1.7 Product price horizontal alignment Prestashop 1.7

skeccy

New member
XNullUser
Joined
Feb 25, 2022
Messages
11
Reaction score
0
Points
1
NullCash
4
Hi everyone, I put this suggestion hoping it will be useful to someone. By adding this command in the custom.css it is possible to align and fix horizontally the price of the products in the showcase. custom.css is located under yoursite/themes/yourtheme/assets/css

Add this line on your custom.css:

.product-price-and-shipping {position:absolute;bottom:0px;display:block;width:100%;padding-bottom:5px;}

1645888557421.png
This is the result on Classic Theme, Prestashop 1.7.7.8
 

d-shilko

Well-known member
☆☆ Special ☆☆
☆ Pro ☆
Joined
Jun 10, 2021
Messages
2,542
Reaction score
1,536
Points
113
NullCash
4,201
Hi everyone, I put this suggestion hoping it will be useful to someone. By adding this command in the custom.css it is possible to align and fix horizontally the price of the products in the showcase. custom.css is located under yoursite/themes/yourtheme/assets/css

Add this line on your custom.css:

.product-price-and-shipping {position:absolute;bottom:0px;display:block;width:100%;padding-bottom:5px;}

View attachment 43817
This is the result on Classic Theme, Prestashop 1.7.7.8
Hello. Next time this kind of information should be place to the Request thread.
And read forum rules!
 

skeccy

New member
XNullUser
Joined
Feb 25, 2022
Messages
11
Reaction score
0
Points
1
NullCash
4
Ah ok, scuse me. I'm a new user, sorry
 

Isma

Member
XNullUser
Joined
Jul 5, 2020
Messages
716
Reaction score
1
Points
18
NullCash
14
Gracias, voy a comprobar si sirve para mi proyecto.
 

broxit

Active member
XNullUser
Joined
Oct 8, 2020
Messages
1,427
Reaction score
12
Points
38
Location
Flower Town
NullCash
147
Good information. Thank you for sharing. Sometimes long product name make price position look weird.
 

ToxiiK

Well-known member
Master
Diamond
Elite
Joined
Jul 19, 2019
Messages
951
Reaction score
545
Points
93
NullCash
18
Thank you for sharing, very nice !
 

Chunz

Member
XNullUser
Joined
Aug 10, 2022
Messages
55
Reaction score
0
Points
6
NullCash
6
Merci pour le partage du code cela peut être utile
 

jonpagseguro2

Member
XNullUser
Joined
Oct 24, 2022
Messages
149
Reaction score
1
Points
18
NullCash
3
Hi everyone, I put this suggestion hoping it will be useful to someone. By adding this command in the custom.css it is possible to align and fix horizontally the price of the products in the showcase. custom.css is located under yoursite/themes/yourtheme/assets/css

Add this line on your custom.css:

.product-price-and-shipping {position:absolute;bottom:0px;display:block;width:100%;padding-bottom:5px;}

View attachment 43817
This is the result on Classic Theme, Prestashop 1.7.7.8
thank you bro for this theme. i'll try it
 

conta3

Member
XNullUser
Joined
Nov 5, 2022
Messages
99
Reaction score
0
Points
16
Location
Brazil
NullCash
1
thank you bro for this theme. i'll try it
Hi everyone, I put this suggestion hoping it will be useful to someone. By adding this command in the custom.css it is possible to align and fix horizontally the price of the products in the showcase. custom.css is located under yoursite/themes/yourtheme/assets/css

Add this line on your custom.css:

.product-price-and-shipping {position:absolute;bottom:0px;display:block;width:100%;padding-bottom:5px;}

View attachment 43817
This is the result on Classic Theme, Prestashop 1.7.7.8
thank you bro for this Module. i'll try it
 

sassa

Active member
Elite
XNullUser
Joined
Jun 10, 2022
Messages
65
Reaction score
163
Points
33
NullCash
1,379
thank you for condivision ! very usefull :)
 
Top