Shopify如何在产品页面显示自定义付款图标

<style>
  .methods-of-payment {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .methods-of-payment img {
    height: 25px; /* 图标高度 */
    margin: 0 5px; /* 图标之间的间距 */
  }

  .lt-ie9 .methods-of-payment,
  .ie8 .methods-of-payment,
  .oldie .methods-of-payment {
    display: none;
  }
</style>

{% comment %}
  在下方assign payment_types中填写你想要自定义的付款方式名称即可。本提示不会在网站上显示。
{% endcomment %}
{% assign payment_types = 'paypal,apple_pay,google_pay,visa,master,discover' | split: ',' %}

<span class="methods-of-payment">
  {% for type in payment_types %}
    <img
      src="{{ type | payment_type_img_url }}"
      height="25"
      alt="{{ type | capitalize | replace: '_', ' ' }}"
      loading="lazy"
    />
  {% endfor %}
</span>

afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay -forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa