How To Add Read More Button in Shopify Product Page

Adding a Read More button in Shopify is a great way to keep your product descriptions concise while still providing enough information for your customers. In this video, I’ll show you how to add a Read More button in Shopify and style it to match your store’s design.

1. jQuery Code

Make sure to include jQuery and add the following code in Theme.liquid:

2. HTML Code

Add the following HTML Code in your product description, note where it says Your Product Description which you need to replace with your own product description.

3. CSS Code

Add the following code to your CSS file. If you are using Dawn theme you will need to add following code in base.css file

5/5 - (7 votes)


Leave a Comment

Your email address will not be published.