How can I improve the design of product cards for a bookstore site?

Dear Experts

I am currently working on enhancing the product cards for a bookstore website using the Dawn theme. After exploring various options, I came across your expertise

Websites" https://wordyee.com/

As we aim to create an optimal user experience for our bookstore customers, it’s crucial to ensure that these elements are not only visually appealing but also intuitively designed to encourage engagement and conversions

Want to create something like this

This is Noah from PageFly - Shopify Page Builder App

To fix it you need set height image card product, you can change it by add code here:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag


Or if your theme allows you to edit the image height, you can also set up options in the theme without using code.
Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

this is the dawn theme

your code only changes the card image height

Yes, In this case, just change the image height and the items will be balanced.

I have implemented your code, however, there is an issue where the image is cropped within the product card

Hi @Malik_007 The reason is that I set too much length so the width was cut off. you can change it to this code. Can fix most images.


Thank you.

can you help me to fix this ISBN display font size on a card?


code card-product

Hi @Malik_007 you can change

to

. And add code :


Thank you.

Lovely :heart_eyes: Thank you very much @PageFly-Noah

last questions How reduce the character limit of Product Titles on product cards? “…” is coming when the line breaks.

Oke, Thank you.