Magento 2 -Limit the length of the product name on the front end.

Question

I want to limit the length of the product name on the front end. I have the following code in the list.phtml

<a class="product-item-link" href="<?= /* @escapeNotVerified */ $_product->getProductUrl() ?>">
<?= /* @escapeNotVerified */ $_helper->productAttribute($_product, $_product->getName(), 'name') ?></a>

How I can limit the product name to 50 characters for example?

Thank you

Kishan Patadia · Accepted Answer · 2017-10-24T16:30:57.090

6

You can use like below sample code.

<?php
$productName = $_helper->productAttribute($_product, $_product->getName(), 'name');
$len = strlen($productName);
?>
<a class="product-item-link" href="<?php echo /* @escapeNotVerified */ $_product->getProductUrl() ?>">
    <?php echo substr($productName,0,50); ?>
    <?php if($len > 50) echo '...'; ?>
</a>

substr function will truncate product name (string)

edited Oct 24 '17 at 16:30

answered Oct 24 '17 at 16:23

Kishan Patadia

5,609
3
24
36

thank you how I can put some characters at the end of the name for example .... – Robert Oct 24 '17 at 16:27
you can count string. for example if greater than 100 then print '...' after product name. – Kishan Patadia Oct 24 '17 at 16:27
can you add this in your answer please? – Robert Oct 24 '17 at 16:29
added. please check – Kishan Patadia Oct 24 '17 at 16:31
How this can be done in admin grid? – Jafar Pinjar Sep 12 '18 at 11:42

score 2 · Answer 2 · answered Oct 24 '17 at 16:24

2

Try below code

<a class="product-item-link" href="<?= /* @escapeNotVerified */ $_product->getProductUrl() ?>">
    <?php /* @escapeNotVerified */ substr($_helper->productAttribute($_product, $_product->getName() , 'name'),0,50); ?>
</a>

answered Oct 24 '17 at 16:24

Abhishek Panchal

4,948
3
21
38

you test this code is not work? – Robert Oct 24 '17 at 16:27
@Abhishek I have truncated product name but special characters are getting corrupted while truncating product names. Is there any solution to prevent this? – Chintan Kaneriya Apr 03 '19 at 05:50

score 0 · Answer 3 · answered Aug 16 '20 at 16:02

0

You can use Pure CSS for this, rather on code level, limiting character from code may me a little bad for SEO.

Read the full answer here https://magento.stackexchange.com/a/319927/26733

Thanks

answered Aug 16 '20 at 16:02

Shuvankar Paul

410
6
17

score 0 · Answer 4 · answered Sep 08 '21 at 15:07

0

I tried the code by Kishan Patadia, it works on catalog page but not on home page, shall we need to run upgrade command?

answered Sep 08 '21 at 15:07

Jasonwong

1

Magento 2 -Limit the length of the product name on the front end.

4 Answers4

Linked