Shopify Tips
Shopify offers a broad mix of simplicity and power. Here are practical notes on theme selection, Liquid, schema, and content workflows for building a scalable, maintainable store.
Would I Recommend Shopify?
Yes, for businesses with a large product catalog or plans to scale. Shopify's collections and product metadata features are incredibly powerful. Even for smaller catalogs, knowing that Shopify is built to handle enterprise-level operations provides peace of mind. Its SaaS model ensures consistent updates and maintenance while offering flexibility through themes and apps within reasonable boundaries.
Theme Selection: A Cautionary Tale
Heavily customizing third-party themes can lead to unintended consequences down the road. Shopify stuffs many backend shop system features into the theme itself. If core customizations are critical, you may have chosen the wrong feature path. Eventually, you may be stuck on a sandy foundation of core changes that affect another core system, etc., and your upgrade path is gone.
Instead, I recommend starting with Shopify's default Horizon theme. Constantly updated first by Shopify. It's minimalist yet feature-rich out of the box and pairs well with Shopify's official free apps. Third-party apps can be useful, but they introduce potential conflicts and dependencies that may hinder long-term stability.
Horizon = CSS Grid
If you have legacy sections that do not use css Grid, here is my approach to override Shopify's Horizon theme grid system. I usually prefer using flexbox instead of the constrained css grid system.
{%- style -%}
/* Override Horizon grid system for full width layout */
{% if stt_layout == 'container-fluid' %}
html body .shopify-section.section.section-all.centered-slider#shopify-section-{{ sid }} {
display: block !important; /* Override grid display with maximum specificity */
grid-template-columns: none !important; /* Remove grid columns */
}
html body .shopify-section.section.section-all.centered-slider#shopify-section-{{ section.id }} > * {
grid-column: unset !important; /* Remove grid column constraints */
}
{% endif %}
{%- endstyle -%}
Embracing Liquid and Schema
Shopify's Liquid templating language and schema-based settings approach offer real power and flexibility once you get past the learning curve. Well-designed modular marketing sections built in Liquid can replace paid apps while enhancing functionality.
Liquid allows you to create reusable components (sections) that streamline development without extensive coding knowledge. Better to build your theme marketing sections from scratch than try to shoehorn the existing template sections. Add to - not replace theme sections... and you do not break your upgrade path.
Static Site Generation vs. Shopify
While platforms like Next.js offer unparalleled speed and flexibility, here are some Shopify-specific tips:
- CLI Workflow: Shopify's CLI allows you to push/pull code changes but lacks robust multi-environment workflows (e.g., Dev/Staging/Prod). My recommendation is to maintain a staging environment for testing apps/products and use production for marketing content. Think of GitHub as just a backup resource instead of a deployment hub like you might with Vercel.
- Theme Cloning: Cloning themes for feature testing is a game-changer in Shopify. You can safely test new features by creating theme clones named after specific feature requests without affecting live content.
- Matrixify: Use this app to transfer targeted data between staging tests and production environments efficiently.
Marketing Content Development Tips
- Templates = Unique Content. Templates house your actual content.
- Pages = URL Wrappers. Pages act as wrappers that link templates to specific URLs.
- To create new content for an existing landing page: Clone the content template, make your changes, then assign it to a temporary page wrapper for approvals. After approval, swap the new content theme out with the old in your live page wrapper. Suggest a date-based naming convention for all content templates.
- Use hidden pages during review cycles or create reusable temporary wrapper pages for ongoing testing or scheduled iterations. Rotating through several temp page wrappers each month keeps live pages clean.
Final Thoughts
Shopify offers a balanced mix of simplicity and power for e-commerce businesses of all sizes. By leveraging default Shopify, building custom Liquid/Schema components from scratch, and free official Shopify apps while avoiding over-customization pitfalls, you can build a scalable store that remains easy to maintain over time. Shopify is my favorite e-commerce platform, and I hope these notes help anyone looking into Shopify.
When you become a Shopify Dev partner, you can also first develop your theme free of charge until you are ready to transfer it to a public paid account.