Skip to main content

Change Background Color Dynamically Based on Gender

Updated over a week ago

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

  1. Open your project → select your design.

  2. Click Edit in Design Manager → open Manageable Layers.

  3. Select the background layer.

  4. Choose Conditional Settings.

  5. 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.

Did this answer your question?