If you'd like to have the collection promotional card displayed in the same way as the product cards (Text+Overlay opacity on hover), do the following steps:
- Access your themes section
- Open the Loft theme code
- Edit 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. Edit code
You'd need to edit a few lines of code to collection-template.liquid. Do the following steps:
- Search for the "Sections" folder
- Open the "collection-template.liquid" file
- Replace lines 144-167 with the contents of this file
Before
After
- Click "Save"