Functional food and sports nutrition
CTRL: subscriptions, bundles and a redesigned drawer cart on Shopify Plus
Full-stack Shopify development on an existing Shopify Plus store: editor-manageable sections from Figma, a rebuilt home page and drawer cart, subscription and bundle integrations, upsell placements, email templates and shipping-app configuration.
- Figma to Liquid
- Drawer cart logic
- Subscriptions
- Bundles
- Upsell & cross-sell
- Email templates
- Shipping app setup
About the store
CTRL is a US brand producing protein-based foods and drinks, with accessories such as shakers, and a steady stream of collaborations: products carrying the names of the artists and creators the brand works with. The store runs on Shopify Plus and was already live when I joined. The designer delivered new layouts in Figma; the store team wanted them implemented as sections they could keep editing, and wanted subscriptions and bundles to work the same way wherever a customer met them.
Role and collaboration
I was the full-stack Shopify developer on the project, working with the brand’s designer and store-management team. Design decisions were theirs; the implementation, the cart logic and the app integrations were mine.
The work, by touchpoint
Home page and sections
Every new layout from Figma was built as a Liquid section with editor settings, so content and ordering could be changed by the team. The home page was rebuilt with existing and new sections, including slider sections presenting the brand’s collaborators and their products in the theme’s own style. The home page was then reworked for mobile.
Drawer cart
The drawer cart was redesigned to the new design and its logic rewritten — quantity display for added items, line updates, and the places where subscription and upsell controls appear. This mattered because the drawer is where the team wanted upsell and subscription controls to be visible.
Subscriptions
The subscription app’s purchase and update options were added to the product detail page, the drawer cart and the cart page, using the app’s documented JavaScript functions rather than custom workarounds, so that app updates would not break the integration. Further integrations were added to make subscription sales easier to manage for the team.
Bundles
A bundle app was integrated, with new pages and structures built for it and connected to the rest of the store.
Product detail page
A navigation structure lets customers move between products of the same collection directly from the product page. Upsell and cross-sell areas were added to the product page, the cart, checkout and the thank-you page.
Shipping, email and SEO
A shipping app was integrated and configured with product-to-region mappings to simplify shipping and rate management. Notification email templates were redesigned according to the Figma designs. On-site SEO work and debugging of existing sections were part of the collaboration, together with performance-related changes on the storefront.
Technical notes
- Sections carry their own schema settings; nothing in the new layouts is hard-coded content.
- Subscription controls depend only on the subscription app’s public interface, which keeps them maintainable.
- Drawer-cart behavior is written against Shopify’s cart endpoints and is independent of any particular app, so adding or removing an upsell app does not require rebuilding the drawer.
Result
A home page and product experience that match the designer’s intent and remain editable by the store team; subscriptions and bundles offered consistently on the product page, in the drawer and in the cart; and shipping, email and upsell flows configured to run without developer involvement for day-to-day changes.
Working on something similar? Most of these projects started with a short email describing the store and the problem.
Discuss your project