Product Price showing in uneven places

Shopify Discussion
1

Hi i m using first of all the Refresh free template. My problem is that in all of the product cards (templates) where the photo is shown as portrait on the middle top , then Name , then price , and at the bottom the add to cart button.

The thing is that the position of the price value , is variable and depends on the size of the title of the product.

As i understand it is margin tied to the title on the top of it.

What i need is the prices to show all in the same height -position. So maybe its better to pinn them -link them to the add to cart button on the bottom .

How can i do this ??? Which code part do i have to change??

Thank you in advance ..!!

2

Hello @Zach101

Its Artzen Technologies! We will be happy to help you today.

After analyzing your problem, I can suggest you two methods to resolve this issue.
Firstly, you can use Truncate function on the product title which will reduce the words of the title according to your need. For the example purpose:- {{ product.title | truncate:5}} (it will truncate the title to 5 words).
Secondly, you can give a fixed height to the div so that it will take that much space accordingly.

Let me know if need further assistance

Regards,

Artzen Technologies