Payment method icons in cart drawer

Store Design
, ,

Topic summary

Adding payment method icons to the Dawn theme’s cart drawer (under the checkout button) without apps.

  • Proposed implementation: edit Snippets > cart-drawer.liquid (around line ~558) and render all enabled payment methods:

    • Loop: {% for type in shop.enabled_payment_types %}
    • Icon: {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
    • This uses Shopify’s list of enabled payment types and outputs their SVG icons. A screenshot was provided showing the result.

  • Clarifications:

    • “cart drawer” is the slide-out mini-cart; “Dawn” is Shopify’s default theme.
    • shop.enabled_payment_types = store’s active payment methods; payment_type_svg_tag = helper that outputs the correct icon.

  • New request: the merchant wants to display only a subset of icons, not all enabled methods.

  • Latest guidance: a link to Shopify Help on enabling specific credit card icons (for vintage themes) was shared; no Dawn-specific snippet for selecting a subset in the cart drawer was provided.

  • Status: partially resolved (show all icons works). Selecting a custom subset remains open/uncertain; applicability of the linked guide to Dawn’s cart drawer is not confirmed. Code and screenshot are central to understanding the solution.

Summarized with AI on December 15. AI used: gpt-5.
1

Hi,

I would like a selection of payment method icons in the cart drawer under the check out button.

I am using the theme dawn. Can anyone help me with this?

Preferably no apps.

Thanks in advance :slightly_smiling_face:

2

Hello @sim8 ,

Edit snippets → cart-drawer.liquid
Here search for this code

Once found next to it add this code ( maybe at line 558 )


         

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

If problem solved don’t forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks

3

Hi @sim8

You can follow the instruction here :

  1. Go to Shopify > Theme > Edit code > open Snippet > go to File cart-drawer.liquid : screenshot

  2. Copy and paste this code to the section > Save


          

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

Here is the result :

LizHoang_0-1731045322866.png
LizHoang_0-1731045322866.png1194Ă—754 169 KB

1 Like
4

Thanks for your reply.

But I would like to just use some of the payment icons instead of all the enabled payment types.

5

Thanks for your reply.

But I would like to just use some of the payment icons instead of all the enabled payment types.

6

Here you can find how to enable specefic one
https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-credit-card-icons

If problem solved don’t forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks