add payment icon to the shopping cart - dawn theme

add payment icon to the shopping cart - dawn theme

wh31_wh1222
Excursionist
28 0 4

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

 

Replies 2 (2)

Sweet_Savior_3
Shopify Partner
1375 104 148

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

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

BSS-TekLabs
Shopify Partner
2401 695 832

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

 

 

        <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

BSSTekLabs_1-1718903557393.png

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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now