carolineschnapp
9/12/2015 - 8:20 PM

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

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

replace monochrome methods of payment with colorful icons.md
content_copyfile_download
  • Rendered
  • Source

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>