Skip to main content

Change Background Color Dynamically Based on Gender

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?