Ritter Posted March 22, 2023 Share Posted March 22, 2023 (edited) Is there a way to wrap the product title in 2 or more lines? Edited March 23, 2023 by Ritter (see edit history) Link to comment Share on other sites More sharing options...
TiaNex Shopping Posted March 22, 2023 Share Posted March 22, 2023 it's easy,the title may be truncated into short, remove the code to output full title, then change the css of it, make height auto or something like display flex Link to comment Share on other sites More sharing options...
Ritter Posted March 22, 2023 Author Share Posted March 22, 2023 Any change in the theme.css destroys the entire layout: text size and color, columns and spacing 😞 Link to comment Share on other sites More sharing options...
JBW Posted March 23, 2023 Share Posted March 23, 2023 Never change theme.css - use custom.css file instead. Link to comment Share on other sites More sharing options...
Ritter Posted March 23, 2023 Author Share Posted March 23, 2023 There is no custom.css. Does custom.css have to be generated via child theme? Link to comment Share on other sites More sharing options...
JBW Posted March 23, 2023 Share Posted March 23, 2023 No not neccessary in a child theme (but child theme is recommended anyhow in case you want to modifiy any template files). If the file does not exist simly create it in /themes/theme_name/assets/css/ Link to comment Share on other sites More sharing options...
Knowband Plugins Posted March 23, 2023 Share Posted March 23, 2023 (edited) Kidnly remove the "|truncate:30:'...'" from the below file : \themes\{Your-theme}\templates\catalog\_partials\miniatures\product.tpl Replace {if $page.page_name == 'index'} <h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3> {else} <h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2> {/if} with {if $page.page_name == 'index'} <h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name}</a></h3> {else} <h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name}</a></h2> {/if} Screenshot : https://nimb.ws/ITaAmu It is the easiest way to achieve the same. Edited March 23, 2023 by Knowband Plugins (see edit history) 1 Link to comment Share on other sites More sharing options...
Ritter Posted March 23, 2023 Author Share Posted March 23, 2023 Thanks, this is the solution .. .great! 1 Link to comment Share on other sites More sharing options...
Knowband Plugins Posted May 18, 2023 Share Posted May 18, 2023 Hi Ritter, we are pleased to know that your concern is resolved. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now