如何在 Shopify 网站的产品页面中添加信用卡徽标答案

【问题标题】：How to add a credit card logo in the product page of a Shopify site如何在 Shopify 网站的产品页面中添加信用卡徽标
【发布时间】：2022-01-02 18:09:35
【问题描述】：

查看我们的 Shopify 网站后，我意识到 Shopify 的一个主要困难在于，该主题似乎尽一切可能混淆信用卡的使用。该网站充斥着各种对 Google Pay、Amazon Pay 等的引用，但总是很难找到信用卡付款。

我想知道如何在“立即购买”按钮下方添加信用卡徽标。您能否让我知道是否可以通过编辑 LIQUID 文件在 Shopify 中进行操作？如果有请指点一下

【问题讨论】：

【解决方案1】：

是的，可以通过编辑 Liquid 文件在 shopify 中进行。

您可以在模板中找到“立即购买”按钮的代码。

{% if enable_dynamic_buttons %}
{{ form | payment_button }}
{% endif %}

代码在sections/product-template.liquid 或sn-ps/product-form.liquid 中

您可以在上述代码之后添加徽标代码。您可以在主题或 shopify 中的文件下上传 logo 图片，然后可以使用 HTML 代码放置 logo 图片。

例如

<img src="{{'creditcardlogo.png' | file_img_url: 'original' }}">

【讨论】：

非常感谢这个详细的回答。我会尝试并告诉你。
product-form.liquid 中的代码是{%- if section.settings.show_payment_button and product.template_suffix != 'pre-order' -%} {{ form | payment_button }}  <br> <div class="trustedsite-trustmark" data-type="1001"></div>
我需要显示的图片是使用文件部分上传的，文件名是4Cards300.jpg
您能否在您的答案中添加 HTML 以在 Button 下方显示此图像，我将直接在网站上将其插入到我的 product-form.liquid 文件中？
我尝试添加<img src="{{'4Cards300.jpg': 'original' }}"> 行，但之后网站甚至没有打开。删除代码后，该站点又回来了。难道这里添加代码的方式不对？