The name of my store is aromaticaparfums.com. The first image is of a competitor. I like how they wrote inspired by at the bottom. I want to do the same. How to achieve this?
Topic summary
A store owner wants to add custom text (like “Inspired By”) beneath product images on their grid, similar to a competitor’s design.
Two implementation approaches suggested:
-
Static text (same for all products): Use CSS pseudo-elements to add identical text across all product cards. A code snippet using
.product-info:beforewithcontentproperty was provided as an example. -
Dynamic text (varies by product): Implement metafield definitions to assign unique text per product, requiring more advanced theme customization.
Key considerations:
- The CSS approach is simpler but displays the same text everywhere
- Metafields allow product-specific customization but need theme file modifications
- Additional context (theme name, store URL) would help provide more specific guidance
Status: Discussion remains open with basic solutions outlined but no confirmation of implementation.
Hi @aromaticaparfum if the text changes for different product this is an advanced theme customization using metafield definitions to assign the text.
Otherwise you’d use CSS psuedo elements to add the same static text for every collection card , in a custom-css setting.
Roughly:
.theme-features__product-info--none .product-info:before {
content: "Inspired By Aroma";
display:block;
}
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
If you need this customization fully built then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Add metafield to products then get the value in liquid file.