Goal: Add clean green checkmark bullets (not emoji) next to metafield content on Shopify product pages.
Context: URL and password were shared; helpers located the section below the Add to Cart button. Metafields = custom data fields used to render feature bullets.
Proposed approach: Insert CSS in theme.liquid to display a checkmark icon before list items in the metafield section. Early code worked but unintentionally added icons elsewhere; selectors were tightened to scope only the intended list.
Issues encountered:
Outcome: After correcting the URL and scoping the selectors, the green checkmarks render correctly only where desired. The requester confirmed it now works.
Status: Resolved. Screenshots were shared for visual reference; exact code not fully visible in the thread.
Hi there!
I’m looking to add green checkmarks (not the iOS emoji) to the bullet points on my product page next to the metafield content, similar to an example I’ve seen. Does anyone know an easy way to do this? I’d like the checkmarks to look clean and professional.
Hello @tdscre
Our team is ready to help you.
Please share your website URL so that we can check and assist you.
Where is this located on your website?
if u scroll down at a product page down there …
i havent filled for everyproduct yet, u can click this product and just scroll down
https://hane313.myshopify.com/products/bett-mit-bettkasten-dimmax
Do you want like this @tdscre ?
this check mark is pretty nice, but what if i wanna have another one? I will try soon to implement it into the code
it shows on the left side now, i like the checkmark really its nice but its shows on the left side ..
Hi there thank u so much, were u able to read my previous messages here
Hi, is the problem solved, is there anything else I can help with @tdscre ?
Hi there, the problem still remains, it is not solved ..
Can you try this code @tdscre
