Product Card design

Store Design
,

Topic summary

Goal: Replicate a collection-page layout where each product appears centered over a colored background.

Current state: The store (Be Yours theme) currently uses product photos with white backgrounds, which prevents achieving the desired “product on color” look. A screenshot example and a verification image were shared; visuals are central to understanding the request.

Key guidance:

  • Convert product images to have transparent backgrounds (e.g., PNG).
  • Suggested tool: Canva’s “transparent background” feature.
  • After updating images, replace them on the storefront so the theme can render the product centered over the chosen background color.

Shared details: Store URL provided (lush-cyprus.myshopify.com/collections/shower-bombs) with password “loziap”.

Next steps / action items:

  • Merchant: Make product image backgrounds transparent and update them on the store.
  • Support: Once done, they will help finalize the placement/styling to match the requested design.

Status: Open. No theme code changes discussed yet; progress depends on the image updates before customization continues.

Summarized with AI on December 14. AI used: gpt-5.
5

Hi @TBS2023

Upon checking, we found that your images have a white background so it’s impossible to customize them as you requested. You should change the background to transparent and replace them with current images on your front store.

image.png
image.png2247×785 203 KB

You can consider using Canva to make it transparent first: https://www.canva.com/features/transparent-background/

Then please let me know when it’s done, so that we can support customizing it as per your request.

Thank you!

Best,

Daisy - Avada Support Team