Add icons with text under add-to-cart button on product page

Topic summary

Goal: replicate a product page section that shows text with a green animated dot, a package icon, and iDeal icon beneath the add-to-cart button (as in a linked example and screenshot).

What’s known: The poster can add text under the button via code but can’t add icons or the animation.

Suggestions offered:

  • Use a metafield (e.g., multiline text) to manage the content.
  • Leverage Shopify’s built-in icons; when a metafield is added to a block, the right sidebar allows selecting icons for that block.

Open questions/next steps:

  • Whether Shopify’s icon set can be referenced directly in theme code to render icons before the text the poster already coded.
  • How to implement the green dot’s pulsing animation.

Status: No final solution provided. The discussion suggests metafields plus Shopify icons via the editor, but the code-based approach and animation remain unresolved. Images are central for illustrating the desired layout and effect.

Summarized with AI on January 3. AI used: gpt-5.

Gotcha, I have done this by using the icons shopify provides, when you have added the metafield to a box that holds it on the right sidebar you have the option to change the icons.