Add read more button to collection page

Samuel-
Tourist
8 0 1

Hello, my collection description is really long and I'd like to add a "read more" button.  

like this website : https://www.wesco.fr/tous-les-produits/motricite/parcours-de-motricite.html?dir=asc&order=position 

Could anyone help me to do this ? 

Replies 11 (11)
KetanKumar
Shopify Partner
25040 2507 9065

@Samuel- 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

can you please try this

https://codepen.io/royketelaar/pen/avWxve

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KevinKeane
Tourist
5 0 5

Hi Ketan,

 

Firstly I really appreciate the information you have supplied as I am facing a similar issue.

I have applied the HTML code which you supplied but my issue now is that is doesn't hide the more text section. All the text is been shown and the read more button doesn't seem to work. I have applied all your HTML code exactly into shopify as a text to see.. 

Any help you have here would be greatly appreciated.

KevinKeane_0-1635789373963.png

Thank you

Kevin

 

KetanKumar
Shopify Partner
25040 2507 9065

@KevinKeane 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KevinKeane
Tourist
5 0 5

@KetanKumar the URL I am testing is https://uk.kineticasports.com/collections/sports-nutrition#

Any help here would be greatly appreciated.

 

KetanKumar
Shopify Partner
25040 2507 9065

@KevinKeane 

try this code

https://codepen.io/dennisgarcia/pen/WvrReK

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KevinKeane
Tourist
5 0 5

@KetanKumar Thank you for getting back to me.

 

I applied that code and the read more did no appear for me,  all the text appears together.

 

KevinKeane_0-1635930819551.png

thanks

Kevin

 

KetanKumar
Shopify Partner
25040 2507 9065

@KevinKeane 

please share store url if you have ned code?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
25040 2507 9065

@KevinKeane 

thanks for but i can't see new code where did you have added this?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing