Drip Appsdocs
Shopify

Builder Setting: Use Custom Image Overlay Colors

2 min readUpdated 2025-07-01

Steps

  • Click Settings – Start by going to the Settings tab within the BAGS app from your admin dashboard to access the customization options for the builder.
  • Click Builder – Inside Settings, navigate to the Builder tab where you’ll find advanced design controls.
  • Locate Use Custom Image Overlay Colors – Scroll until you see the setting labeled "Use Custom Image Overlay Colors" . This is where you can define the custom colors used for image overlays in the builder interface.
  • Add Custom Overlay Colors – Click "Add Color" to begin choosing the overlay shades you'd like to offer. You can select from a full color picker or enter specific hex codes based on your brand guidelines.
  • Add More Colors – If needed, click the plus icon or designated area to add multiple overlay colors . This allows customers to choose from a curated palette of options when customizing their design previews.
  • Click Save All – Once you've added your desired colors, click Save All to confirm and activate the changes across your store's builder environment.
  • Preview the Overlay Color Board – After saving, you can preview the custom image overlay board that your customers will now see in the builder. This board displays your selected color options for easy visual selection during the design process.

    • Why Use This Feature?

    • Creates a branded, personalized design experience.
    • Allows customers to preview artwork against chosen background colors.
    • Improves visual feedback during design customization.
    • Perfect for distinguishing between product mockups or materials.

    Was this article helpful?

    Let us know so we can improve our docs

    PreviousBuilder Setting: SpacingNextBuilder Settings: Allow Reorder