How To Extend Product Name In Category View And Website

Store Builder Questions
1

This might have been answered before but I can’t find it on these forums (forum search really needs to be improved).



As seen in the screenshot included, a lot of my product names are long and don’t show up fully. It’s especially frustrating for customers because the size of the product is at the end and they can’t know which product it is unless they click it. This happens everywhere on the website, not just in categoriex. How can I extend the amount of characters that show up from the name or make it so I can view the full name when hovering over it?



Thanks.



1360×201 21 KB

2

Create



design\themes\YOURTHEME\templates\addons\my_changes\hooks\products\product_name.override.tpl



and it it place



{if $show_name}
{if $hide_links}{else}{/if}{$product.product|truncate:84:"...":true nofilter}{if $hide_links}{else}{/if}
{elseif $show_trunc_name}
{if $hide_links}{else}{/if}{$product.product|truncate:84:"...":true nofilter}{if $hide_links}{else}{/if}
{/if}




Change [size=3]truncate:84 to the length you require. 84 worked for me. The default cs-cart setting is 44.[/size]

3

[quote name=‘Triplets’ timestamp=‘1420847753’ post=‘202128’]

Create



design\themes\YOURTHEME\templates\addons\my_changes\hooks\products\product_name.override.tpl



and it it place


<br />
{if $show_name}<br />
		{if $hide_links}<strong>{else}<a href="{"products.view?product_id=`$product.product_id`"|fn_url}" class="product-title" {live_edit name="product:product:{$product.product_id}" phrase=$product.product}>{/if}{$product.product|truncate:84:"...":true nofilter}{if $hide_links}</strong>{else}</a>{/if}<br />
	{elseif $show_trunc_name}<br />
		{if $hide_links}<strong>{else}<a href="{"products.view?product_id=`$product.product_id`"|fn_url}" class="product-title" title="{$product.product|strip_tags}" {live_edit name="product:product:{$product.product_id}" phrase=$product.product}>{/if}{$product.product|truncate:84:"...":true nofilter}{if $hide_links}</strong>{else}</a>{/if}<br />
	{/if}<br />

```<br />
<br />
Change [size=3]truncate:84 to the length you require. 84 worked for me. The default cs-cart setting is 44.[/size]<br />
[/quote]<br />
<br />
<br />
Awesome, thanks! <img src="upload://rA9Qa8gnUPZzRZRdI8kt3dpjkrs.png" class="bbc_emoticon" alt=":)"> It works great. Hopefully it will help others as well.