Replace monochrome methods of payment in Timber-based themes to colorful SVG icons

replace monochrome methods of payment with colorful icons.md

What you have

What you want

How to get it

1. Open theme.liquid file in the online code editor.

2. Look for this code:

   <li>
     <span class="icon-fallback-text">
       <span class="icon icon-{{type}}" aria-hidden="true"></span>
       <span class="fallback-text">{{ type | replace: '_',' '}}</span>
     </span>
   </li>

3. Replace with:

   <li>
     <img width="50" height="31" src="{{ type | payment_type_img_url }}">
   </li>

3. = The code is wrong and doesn't work the correct code is the following:

<li> <span class="icon-fallback-text"> <img width="50" height="31" src="{{ type | payment_type_img_url }}"> </span> </li>