How to shorten product titles on Ride theme homepage?

Store Design
1

Is there anyway to shorten the products title when on the homepage/frontpage as it takes too much space.

1 Like
2

Hello,

I wouldn’t recommend shortening product titles but you can technically do it like this

{{ product.title | truncate: 10 }}

or

{{ product.title | truncatewords: 5 }}

1 Like
3

Use this code

.product-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px; /* Adjust this value to your desired width */
}
1 Like
4

Hi @Tproduction ,

Would you mind to share your URL website with password if its protected? Thanks!

1 Like
5

where should I place this code?