Test and publish
Shopiframe uses live Shopify data, so the Framer canvas cannot show every final behavior. Test the storefront in Framer Preview and on the published site before launch.
Before you test
Confirm that:
The correct Demo Store or Shopify store is active.
The Products CMS was synced with that store.
Every product component is connected to the CMS Product Data field.
All Shopiframe components are up to date.
Your Shopify products are active and available to the Headless storefront.
Test products
Open several product pages and confirm that each page loads the correct product.
Select every relevant option and variant.
Confirm that price, image, availability, sale state, and stock update together.
Test sold-out products and unavailable variants.
Test quantity limits and subscriptions when used.
Test cart and checkout
Add different products, variants, and quantities.
Change quantities and remove items from the cart.
Confirm that Cart Counter, Cart Subtotal, and promotion messages stay in sync.
Open Shopify Checkout from the published site.
Complete a test order using Shopify test mode.
Test markets and layouts
Switch between every supported market and confirm the country, currency, and localized prices.
Check navigation, product pages, cart, and overlays on mobile and desktop.
Verify loading, empty, error, sale, and sold-out states.
Test important links, forms, analytics, and third-party integrations.
Publish safely
Publish to a temporary Framer domain first. Complete the full test checklist, then connect the production domain. If you redirect the native Shopify storefront to Framer, add the redirect only after the Framer site and Shopify Checkout have been verified.
If something fails, use Troubleshooting before launch.