Perfecting your storefront requires careful attention to detail. To help you design a completely cohesive shopping experience, we are excited to introduce the brand-new Live Preview feature for Also Bought.
This update allows you to visualize your design changes instantly, giving you total confidence in your customer-facing presentation before hitting save.
Real-time styling at a glance
Located right inside your preferences dashboard, the new preview panel gives you a real-time look at your styling changes as you make them. No more switching back and forth between your settings and a live storefront tab.
What you can customize and preview instantly:
-
🖱️ Button styling & typography: Test out button shapes, border sizes, and custom text options on the fly.
-
🎨 Colors & theme matching: Experiment with background fills, text colors, and star rating accents to perfectly match your brand guidelines.
-
📐 Component layouts: Toggle how product titles, pricing configurations, and image sizes scale or stack to ensure a clean fit.
Understanding the preview
The system dynamically displays your adjustments using realistic sample data to simulate your recommendation layouts, product carousel navigation, and pricing badges.
-
A note on storefront accuracy: Because every Shopify theme architecture is unique, external CSS or custom app block positions can occasionally lead to minor variations on your live page. Treat the live preview as a highly precise styling indicator to ensure visual consistency before pushing changes live.
The new Live Preview is already active in your app dashboard. Head over to your Also Bought settings today to try it out and give your product recommendations a fresh, brand-aligned look!
If you have any questions or need a hand setting it up, feel free to reach out. We’re always here to help you succeed.
Learn more
For additional information, check out our step-by-step article:
Article: How the Also Bought Live Preview works
─────────────────────────────────────────
