How to Hide Sold Out Products from the Bundle Page

There are two methods to hide sold-out products from your bundle page in Bundly:

Method 1: Using Collection Settings (Recommended)

You can automatically hide out-of-stock products by setting up an inventory condition in your collection settings:

1. Navigate to your collection settings
2. Click "Add another condition"
3. Set up the condition as follows:

• Field: "Inventory stock"
• Operator: "is greater than"
• Value: "0"

4. Select "all conditions" to apply this rule

This method ensures that products automatically disappear from your bundle page when they go out of stock.

Method 2: Using Custom CSS

If you prefer a CSS solution, you can add the following code to your theme:

.bundly__component_grid_item:has(.bundly__variant_sold_out:not(.bundly__variant_sold_out--hidden)) {
    display: none;
}

This CSS will hide any product grid items that contain sold-out variants.

Which Method Should You Choose?

• Collection Settings Method: Best for merchants who want a maintenance-free solution that automatically manages product visibility based on inventory.
• CSS Method: Ideal for merchants who need more control over the display behavior or want to implement custom hiding logic.

Need help implementing either method? Contact our support team for assistance.