Add payment icon to the shopping cart - dawn theme

Store Design
,

Topic summary

A user seeks help displaying payment badges in their shopping cart drawer on the Dawn theme, similar to a reference example they provided.

Two solutions were offered:

  1. Sweet_Savior_3 suggested adding code to the cart-drawer.liquid file that loops through enabled payment types and displays their SVG icons with full-color styling.

  2. BSS-TekLabs provided more detailed step-by-step instructions:

    • Navigate to Online Store > Theme > Edit Code
    • Locate and open cart-drawer.liquid
    • Insert a code snippet beneath the checkout button
    • The code includes a “Payment” section header and iterates through shop.enabled_payment_types to render payment icons

Both solutions use similar Liquid templating logic to display payment method icons. BSS-TekLabs included screenshots showing code placement and the expected visual result, and requested the user mark their response as the accepted solution if helpful.

Status: Solutions provided; awaiting user confirmation of resolution.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hello guys,

can someone please help me? I want the payment badges to show in my shopping cart just like in this example.

I use the theme dawn.

thanks a lot.

Kind regards

Wassim

wh31_wh1222_0-1718895628672.png
wh31_wh1222_0-1718895628672.png523Ă—885 29.2 KB

2

Hello @wh31_wh1222

Welcome to Shopify Community.

Please add below code in cart-drawer.liquid file.


  {% for type in shop.enabled_payment_types %}
    

      {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
    

  {% endfor %}

Thanks

3

Hi @wh31_wh1222 ,

You can follow these steps to show the payment badges in the cart drawer

  1. Open Online Store > Theme > Edit Code

  2. Find the cart-drawer.liquid file and open it

  3. Paste the code snippet below under the checkout button

BSSTekLabs_0-1718903531193.png
BSSTekLabs_0-1718903531193.png2878Ă—1512 365 KB


          {{ 'sections.footer.payment' | t }}
          

            {%- for type in shop.enabled_payment_types -%}
              - {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
              
            {%- endfor -%}

Here is the result

BSSTekLabs_1-1718903557393.png
BSSTekLabs_1-1718903557393.png1304Ă—1616 172 KB

Hope this helps you solve the issue.

Please don’t forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

1 Like