Help: The add to cart button isn't displayed on the product page

If you are encountering issues with the add to cart button not being visible for some products on the product page, we'll walk you through a fix.

1. Access your themes section
2. Open the Loft theme code
3. Replace code

1. Access your themes section

Login to your Shopify admin, and then click “Online Store” (on the left side of the admin). This takes you to the “themes” area of your Shopify store.

Example themes section

2. Open the Loft theme code

Next, click the button that says “Actions” - followed by “Edit code” which will load the live code editor. It consists of a left hand sidebar, which lists all the files on Loft, along with a right hand code editing panel.

Shopify code editor

3. Replace code

You need to replace one line of code in the product-template.liquid file. Do the following steps:

1. Search for the "Sections" folder
2. Open the "product-template.liquid" file
3. Replace line 147 with the following block of code

   {{product.description | strip_html | truncatewords:50 }}

   Before

   

   After

   

4. Click "Save"