shopify
Liquid snippets, theme patterns, and resources for Shopify theme development.
# free liquid snippets
5 production-ready Liquid snippets from the full pack. Search, filter, copy.
loading snippets…
shopify liquid snippets pack 60 production-ready snippets — cart, product, SEO, performance, navigation, and more.
get all 60 → $19 # shopify theme checklist
10 checks to run before launching or updating a Shopify theme.
✓
core web vitals LCP < 2.5s, CLS < 0.1, INP < 200ms. Run PageSpeed Insights against the live product page.
✓
image optimization All images use
| image_url: width: 800 filter. No unresized originals on mobile. ✓
mobile viewport Product page ATC button visible without scrolling on 375px viewport. Test in Chrome DevTools.
✓
cart ajax Items added without full page reload. Cart count in nav updates immediately.
✓
variant selector Price, images, and inventory status update on variant switch without page reload.
✓
product schema markup Structured data includes price, availability, and image. Validate with Google Rich Results Test.
✓
metafield defaults All theme editor metafield settings have sensible defaults — no empty blocks on stores that haven't filled them in.
✓
section presets Every new section has at least one preset so merchants can add it from the theme editor.
✓
currency & translation No hardcoded currency symbols. All customer-facing strings use
t: translation keys. ✓
theme check Run
shopify theme check locally — zero errors, all warnings reviewed. # free downloads
3 snippets as standalone .liquid files — drop into your theme's snippets folder and render with {% render 'snippet-name' %}.