You can hide any element in your design based on product data from your feed — for example, removing a discount percentage badge for products that aren’t on sale.
This feature gives you full control over which parts of your design appear dynamically, without the need to create separate design for each product type.
Step 1: Open your design in Cropink
In Cropink, go to your Teams section.
Select the project you want to work with.
Click on your design and then choose Edit in Design Manager from the left-hand menu.
Step 2: Access your layer settings
Inside Design Manager, go to Manageable Layers.
Find the element you want to hide dynamically (for example, discount_badge or discount_percentage).
Step 3: Add a condition
Click the + icon next Conditional Properties on the right panel.
Choose element and condition from the list.
For this specific example (hiding the discount badge) add the following rule:
if sale_price is empty
then Hide
This rule tells Cropink to hide the discount badge element when the product’s sale_price field in your feed is empty — meaning the product is not on sale.
Step 4: Save and preview
Click Save Changes and preview your output.
You’ll now see that the discount badge (or any other element you configured) is automatically hidden for non-sale products.
💡 Tip: Conditional visibility can be applied to any element, not just badges — such as old prices, promotional labels, or text fields. You can combine multiple conditions to make your visuals even more dynamic and data-driven.
✅ That’s it! You’ve just used Conditional Settings to hide an element based on a data condition — keeping your designs clean, relevant, and fully automated.