You can automatically adjust the background color of your design depending on the product’s gender information.
Since Cropink does not read a dedicated gender field from feeds, you can store this information in custom_label or cropink_label fields.
For example:
Products marked as men → dark background
Products marked as women → pastel background
This lets you tailor visuals to different audiences without creating separate designs.
💡 Tip: For best results, use transparent PNG product images. It allows the background color to remain fully visible behind the item.
Step 1: Add gender information in your feed
Use one of the following fields to store gender:
custom_label_0(0-4)cropink_label_0(0-9)
Example:
id | title | price | cropink_label_0 |
101 | Hoodie | 49.99 | men |
102 | Dress | 79.99 | women |
Step 2: Set conditional background colors in Cropink
Open your project → select your design.
Click Edit in Design Manager → open Manageable Layers.
Select the background layer.
Choose Conditional Settings.
Add two rules, for example:
Rule 1 — Men’s products
if cropink_label_0 equals "men" then Fill Color #111111
Rule 2 — Women’s products
if cropink_label_0 equals "women" then Fill Color #FFE6F0
You can choose any colors you want — the above is just an example.
Step 3: Save & preview
Click Save Changes and preview your design.
Now each product will automatically display with the background color assigned to its gender.
✅ That’s it!
You’ve created a dynamic background color system based on gender — clean, simple, and fully automated.
