adding social media icons to a section on a page

Topic summary

Goal: add two social media icons in a “Follow Us” area on a Dawn theme landing page. The page uses a JSON template, prompting questions about where to add code.

Guidance 1: Edit the relevant section in Edit code. In the section’s Liquid file, add URL settings in the schema (e.g., facebook_link, instagram_link). Use Dawn’s built-in icon snippets (icon-facebook, icon-instagram; X/Twitter also available) or custom SVGs/snippets, then output HTML that renders the icons and links. Enter the URLs via the Customize panel, or hardcode hrefs if preferred.

Guidance 2: Alternatively, create a new sections/social-section.liquid with a schema that supports:

  • Section title and adjustable font size.
  • Repeatable blocks with a social_url and an image_picker for the icon.
    Includes a preset for easy insertion.

Recent development: another participant asked if this could be converted into a block within the Footer section, which currently only allows Menu, Text, Image, and Brand Information blocks.

Artifacts central to understanding: screenshots and code snippets. Status: partially addressed; footer-block adaptation remains open.

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

Hello @TBS2023
Check the screeenshot and follow.

If this was helpful, hit the like button and mark the job as completed.
Thanks