The Visibility settings allow you to control how products and bundle information appear to your customers. Managing these options ensures a clean, professional shopping experience and prevents customers from selecting unavailable items.
Where to find this: Bundle Builder editor → Advance tab → Product Settings → Visibility tab
Default: Off (out-of-stock products remain visible)
What it does: When enabled, any product that hits zero inventory is automatically hidden from the bundle builder. Customers only see items you can actually fulfill.
When disabled, out-of-stock products stay visible. Customers can still attempt to select them, which may cause friction at checkout or require manual order management on your end.
When to enable: Turn this on if you don't use backorders or pre-orders and want to avoid customer disappointment. Leave it off only if you intentionally want out-of-stock items to remain visible (e.g., for pre-order flows or manual fulfillment).
Default: Off (no search bar shown)
What it does: Adds a search input inside the bundle builder so customers can type and filter products by name instead of scrolling.
When to enable: Enable this when a single step contains more than ~15 products. For smaller product lists, search adds unnecessary UI complexity. If you're using Categories (tabbed layout), evaluate whether tabs already solve the browsing problem before adding search on top.
These two sub-settings only appear when Show Product Search is enabled.
Desktop Alignment — Controls whether the search bar is left-, center-, or right-aligned on desktop screens. Default is left.
Mobile Alignment — Independently controls search bar position on mobile. Default is left.
When to change: Adjust these to match your storefront's layout or branding. Center alignment works well for full-width builder layouts; left is standard for sidebar-style or narrow layouts.
Default: Off (header is shown)
What it does: When enabled, removes the title and header section that appears above the bundle widget.
When to enable: Use this if your page template already includes a custom heading, or if you want a more minimal, product-focused layout. Leave it off if you want the default title to orient customers before they start building.
Default: Off (clicking a product opens a quick-view modal)
What it does: When enabled, disables the pop-up modal that appears when a customer clicks on a product image or name. Clicking a product does nothing extra — customers can only add it.
When to enable: Turn this on if you want a faster, simpler interaction — especially for bundles with straightforward products that don't need additional description (e.g., commodity items, subscription refills). Leave it off if your products benefit from images, descriptions, or variant details visible before selecting.
Default: Off (clicking a product can navigate to the product page)
What it does: When enabled, prevents the browser from navigating away to the individual product page if a customer clicks on the product. The customer stays inside the bundle builder.
When to enable: Enable this for almost all bundle setups. Allowing customers to leave mid-build typically results in abandoned bundles. Only leave this off if you have a deliberate reason to let customers exit to a product page (e.g., a high-consideration product that requires detailed specs before purchasing).
Default: Off (images render at their native aspect ratio)
What it does: When enabled, the builder automatically adjusts product image heights to keep the product grid visually consistent. Heights are capped at:
When disabled, images render at whatever height their natural aspect ratio produces. This can result in an uneven grid if your product catalog uses inconsistently sized images.
When to enable: Turn this on if your product images vary in aspect ratio and you want a clean, uniform grid. Leave it off if all your images are already a consistent size — enabling it unnecessarily can cause minor cropping on some images.
Goal: A "Build Your Own Skincare Set" bundle with 3 product steps and a clean, focused experience.
Setup:
Result: Customers move through a focused, distraction-free builder. They can browse product details without leaving the step. Unavailable items never appear. The grid looks consistent regardless of photo format.
If I enable "Hide Out-of-Stock Products," what happens mid-session if an item sells out?
The product will be hidden the next time the builder loads or the step re-renders. If a customer has already added a now-out-of-stock item to their in-progress bundle, behavior depends on checkout inventory validation — not this setting. Test your specific checkout flow to confirm.
Can I hide the product info modal on some steps but not others?
No. Hide Product Info Modal is a global setting that applies to all steps in the bundle builder. If you need different behavior per step, it's not currently supported through this setting.
Does "Disable Redirection to Product Page" also affect the product info modal?
No. These are independent settings. Disabling redirection only stops navigation away from the builder; the modal (if enabled) still works normally on click.
My search bar is enabled but customers can't find some products. What's wrong?
Search matches against product titles. Check that your product names in Shopify are clear and match what customers would type. Tags and descriptions are not searched.
Does "Hide Bundle Header" also hide the step progress bar?
The header and the progress bar are separate UI elements. Hiding the header removes the title/description above the builder widget but should not affect the step progress indicator. Verify in your storefront after enabling.
What happens to Auto Height on images taller than 350px on desktop?
They are capped at 350px. How the overflow is handled (crop vs. letterbox) is not specified in the current documentation. Test with your actual product images before rolling out.
.svg){kind=small}
