Apps
Folio supports app blocks — the mechanism that lets an app add itself to your theme through the theme editor rather than by editing your files.
Where apps can go
| Place | How |
|---|---|
| Product page | Product information → Add block → Apps |
| Cart drawer | Overlay → Cart drawer → Add block → Apps |
| Any section built from blocks | Same Add block → Apps menu |
| Anywhere at all | The Custom Liquid section or block, for a snippet the app gives you |
Drag an app block like any other, and it appears where you put it.
In the cart drawer, app blocks sit below the line items and above the checkout button. That position is deliberate: the drawer reloads its line items on every cart change, and a widget inside that area would be destroyed each time an item was added. Where the theme puts them, they survive.
Reviews
Product reviews are the app category most stores want first. Any review app with theme app blocks works: add its block to the product page where you want the star rating, and its review list block lower down.
The theme also has its own Product reviews block. It is not added by default, because running it alongside a review app shows two review systems on one page. Use one or the other.
Checking an app before you commit
Install it, then look at three things:
- Does it offer theme app blocks? If it asks to “install code into your theme” instead, it is editing your theme files, and those edits stay behind when you change or update the theme. Prefer blocks.
- What does it do to page speed? Compare a product page before and after in PageSpeed Insights. An app that costs you a second of load time needs to earn it.
- Does add-to-cart still work? Apps that replace the buy button are the most common cause of a cart drawer that stops opening.
When something breaks after installing an app
Work in this order — it is fastest, not just tidiest:
- Disable the app (do not uninstall — disabling is reversible in one click). If the problem goes away, it is the app.
- Remove any Custom Liquid the app told you to paste. Snippets from app documentation are frequently out of date, and unlike a block they are not validated.
- Check the browser console on the broken page. An app’s script throwing an error there will stop the theme’s own scripts on that page from running, which is why “the drawer stopped opening” often has nothing to do with the drawer.
- Then contact us — with the app named. See Support.
An app conflict is the single most common cause of a theme appearing to break after it worked, and naming the app in your first message typically saves a day.
Translation apps
Translation apps work with the theme because every string is translatable rather than hard-coded. Text you enter in the theme editor is translated through Shopify’s Translate & Adapt app (free) under Theme content.