Product pages and collections, straight from Shopify.
Every product, variant, price and collection comes from Shopify. You design the page in Webflow or Astro; the data never goes through a sync to stay correct.
Galleries, variants, subscriptions, gift cards and breadcrumbs are components you style like any other element on the page. The lists a store lives on, best sellers, related, recently viewed, are filled by Shopify directly.
<smootify-product data-id="best-seller" limit="8"> <!-- your product card, designed once --> </smootify-product>
What's in it.
Components come with every plan. Add-ons say which plan they need.
Media gallery
ComponentImages, video and 3D models from the product, in a slider or a grid you design.
Custom product properties
ComponentSize, shape, color and any other option, styled in Webflow or Astro and tied to Shopify variants.
Subscriptions
ComponentAuto-billed plans, weekly, monthly or yearly, with a discount, from Shopify Subscriptions.
Related products
ComponentRelated and complementary products calculated by Shopify, on any product page.
Gift cards
ComponentSell Shopify gift cards from a page you designed.
Breadcrumbs
ComponentThe path back from a product to its collection.
Volume prices
ComponentThe price breaks of a B2B catalog as a table, for company buyers. The price follows the quantity.
Read moreProduct configurator
Server add-onA live price from a formula, for made-to-order products.
Read moreName your price
Server add-onThe customer sets the amount, inside limits you choose.
Read moreMagic box
Add-on, every planA bundle the customer builds from products and variants you pick.
Read moreMagic add-ons
Add-on, every planOptional extras added to a product as a real-time bundle.
Read moreDynamic properties
Add-on, every planInputs inside the add-to-cart, defined by Shopify metaobjects.
Read moreProduct file upload
Server add-onThe customer attaches a file to the line item before adding to cart.
Read moreWishlist
Add-on, every planCustomers save products to buy later.
Read moreLast viewed
Add-on, every planThe products this visitor looked at, tracked in the browser.
Read moreProduct reviews
IntegrationJudge.me, Klaviyo Reviews and Loox work with Smootify.
Read moreBack in stock
IntegrationKlaviyo back-in-stock alerts on a Smootify product page.
Read moreLists the CMS cannot make.
The parts most people never find in the docs.
Data a CMS cannot hold
Best sellers are ranked on the store's full sales history. Related and complementary are calculated by Shopify. None of it can be imported into a CMS, so these lists read Shopify directly: best-seller, related, complementary, created-at, purchasable.
Your own query
custom-query takes a Storefront API search, a tag, a price band, a vendor, a product type, and data-sort takes any Shopify product sort key. It covers most of what "custom collection" apps sell.
A collection, anywhere
specific-collection shows a Shopify collection on any page, without tying that page to a CMS collection item.
Lists per customer
A list can read a product-reference metafield. Point it at the signed-in customer and you get "your usuals" or "picked for you", managed by the merchant in Shopify, with no recommendation engine.
Metafields as interface
Spec sheets, allergens, certifications: 42 metafield types across six scopes. separator="repeat" clones an element for each value in a list, so the nested Collection List goes away.
No CMS limits
These lists take no CMS items and never wait for a sync. The card is designed once and reused everywhere.
- The default is 3 products. Without a limit, the list looks broken.
- Related and complementary need data-parent-id. Without it, the element is removed.
- Complementary products are defined in Shopify's free Search & Discovery app. If nothing is set there, nothing shows here.
- A metafield needs Storefront access, or it never reaches the page.
The rest of the store.
Start in Figma.
Go live on Shopify.
Free to build, pay only when you go live. One Shopify app with 17 add-ons, billed on the store’s Shopify invoice.
- One Shopify app with 17 add-ons, on the Shopify bill
- Free to build, pay only when you go live
- Works on Basic, Grow and Advanced
- Your 1.x store keeps working
- Every element stays yours to change
- Docs indexed in llms.txt