how can I do something like this? I want to rite text at the bottom of product image
Topic summary
Goal: Add a text label at the bottom of a product image in a Shopify catalog, matching a provided screenshot. An image attachment illustrates the desired overlay placement.
Proposed approach: Use a product metafield (a custom field in Shopify to store extra data) to hold the label text. Then apply CSS (Cascading Style Sheets) to position that text at the bottom of the product image.
Next steps: A helper requested the store URL to give tailored guidance. The store preview URL was provided, and the catalog currently contains one product.
Status: No final implementation or code shared yet; solution remains conceptual. Awaiting follow-up with specific instructions after reviewing the provided URL.
Notes: The screenshot is central to understanding the intended design (text overlay at the image bottom). No conflicting opinions; the discussion is focused on the metafield + CSS method.
I think you could do this with a metafield then use css position the text at the bottom of the image like that. So create a metafield for your products, then grab the text from there.
This is Noah from PageFly - Shopify Page Builder App
I can help you. Please can you provide the website url. Thank you.
Best regards,
Noah | PageFly
https://28hb4a9go0e7y1ye-61323608109.shopifypreview.com
In the catalog, I have one product.
Thanks! looking forward to your response