How can I add a read full description text to my main collections page? I have a long description and I would like to display only the first line and have text that reads “read full description”. Here is a link to the page https://lindsays-shop.com/collections . I am using the Fasionopolism Theme.

Hello, If you have a product-template.liquid - open it and ctrl+f for “product.description”. You should see something like: {{ product.description }} You’re going to want to take that and wrap it like I had in my code: <div class="truncate-container"> <div id="truncated-product-description"> {…

I don’t need this for product pages. I need it for the main collection page that displays all my stores collections.

Unfortunately this did not work.

How to add a read full description text to collections page on Fashionopolism theme

Store Design

devcoders January 4, 2025, 6:20pm 3

Hello @Juel

Go to Online Store > Themes > Actions > Edit Code.
In the left sidebar, open the theme.liquid file and add before tag.

Topic		Replies	Views
Collection description - truncate with option to 'show more' Store Design	15	288	January 29, 2024
Read More & Read Less Function for Collection Page Description in the Dawn Theme Store Design design , customizations , collection-page , shopify-themes	2	171	May 16, 2023
Dawn Theme 14.0.0 add read more to text in collection banner OR double 'collection banner'? Store Design collection-page	11	118	July 2, 2024
Read More / Read Less on collection description Store Design liquid , design , customizations , collection-page , css	4	116	January 12, 2025
Ella theme - collection description wrap up -> read more, read less button Store Design	2	374	June 14, 2022

How to add a read full description text to collections page on Fashionopolism theme

Related topics