FROM CACHE - en_header

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 13 (13)
KetanKumar
Shopify Partner
34396 3444 11271

@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
34396 3444 11271

@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
34396 3444 11271

@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
34396 3444 11271

@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
34396 3444 11271

@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
KevinKeane
Tourist
5 0 5

@KetanKumar i added it under products >> collections >> Descriptions HTML 

Is that the correct location?

KevinKeane_0-1635939251282.png

 

KetanKumar
Shopify Partner
34396 3444 11271

@KevinKeane 

no can you add this code collection template 

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
emma33333
New Member
2 0 1

I need this too, and have a try https://gogomumstore.com/collections/mama-hat

but failed, I will try again.

KetanKumar
Shopify Partner
34396 3444 11271

@emma33333 

oh sorry 


It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

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