[Mobile View] Display full product name in Product Grid.

2 0 0



I have two issues at hand. If you can help me solve them, I'll like the answer and mark it as solution within 1h of your response.


  • How can I display the full product name in the Product Grid?
    • Juan23_0-1698308041321.png


  • How can I change the sizes of Price, Compared Price and Discount?
    • Juan23_1-1698308130986.png


Ideally I don't have to add new code but just find the right place in the current code.

Thank you very much for your help.
Website: unclesamsroad.com




Reply 1 (1)
Shopify Partner
5587 1025 1055

Hi @Juan23 

1. Must check in your product collection template file and remove something like this from your product.title code 

truncate: 18

2. Open custom.css file, find this line of code to change font size of regular price 

.card-information__wrapper .price span, .card-information__wrapper .price {

And this line to change font-size of sale price

span.price-item.price-item--sale {
    font-size: 11px !important;


- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now