add payment icon to the shopping cart - dawn theme

add payment icon to the shopping cart - dawn theme

wh31_wh1222
Excursionist
26 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
1261 100 125

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
556 159 188

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 .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency