Guten Tag, ich habe diesen Artikel gefunden, weil ich genau so eine Icon-Section programmieren will. Könnten Sie mir vielleicht den ganze Code geben, damit ich eine neue Section erstellen kann? Vielen Dank
Topic summary
Adding a text-with-icons section at the top of the footer in the Shopify Dawn theme across all pages.
-
Approaches suggested: use the built-in “Multicolumn” section, or create a new snippet and render it above the footer in theme.liquid (render tag with the snippet’s exact name).
-
Issues encountered: snippet initially didn’t appear (likely due to render name/syntax); images in Multicolumn appeared too large on desktop and mobile; several shared code blocks were empty in the thread.
-
Solutions provided: add custom CSS to theme.liquid or the section’s Custom CSS to constrain image size and improve mobile layout:
• Desktop: .multicolumn-card__image-wrapper max-width ~100px
• Mobile (≤767px): wrapper max-width ~55px, adjust .multicolumn-card__info padding -
Placement guidance: to show on all pages, render the snippet above the footer-group in theme.liquid; for product or other pages, add the CSS within that page’s section Custom CSS.
-
Centering request: advised to add CSS before to center the column, but the exact CSS was not included.
-
Outcomes: Desktop sizing looks good; mobile improved after CSS updates; OP confirmed understanding.
-
Latest update: another user (German) requests the complete code to create a new section.
-
Status: Partially resolved (sizing and placement). Open items: detailed centering CSS and a full section code example. Images/screenshots were central to diagnosing sizing.