Shopify themes, liquid, logos, and UX
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
Hello @wh31_wh1222
Welcome to Shopify Community.
Please add below code in cart-drawer.liquid file.
<div class="payment-icons">
{% for type in shop.enabled_payment_types %}
<div class="payment-icons__icon">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</div>
{% endfor %}
</div>
Thanks
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
<div class="footer__payment" style="width: 100%;">
<span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
<ul class="list list-payment" role="list" style="width: 100%; justify-content: space-between;">
{%- for type in shop.enabled_payment_types -%}
<li class="list-payment__item">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
</div>
Here is the result
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!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025