將購物車頁面上的更新按鈕從輸入轉換為Shopify中的錨鏈接

Question

在Shopify的購物車頁面上，當用戶更新購物車時，我想使用錨鏈接而不是輸入按鈕，以便可以使用Font Awesome添加html圖標。 我不相信一個按鈕就能完成。

這是當前按鈕：

<input type="submit" id="update-cart" class="btn" name="update" value="{{ 'cart.general.update' | t }}" style="float:right;"/>

我沒有運氣就嘗試了以下方法：

<a href="#" id="update-cart">Update <i class='fa fa-refresh' aria-hidden='true'></i></a>

Answer 1

一個button肯定是這里最好的解決方案。 我不確定為什么您會認為它行不通。 嘗試這個：

<button id="update-cart" class="btn" name="update" style="float: right;">
  {{ 'cart.general.update' | t }}
  <i class="fa fa-refresh" aria-hidden="true"></i>
</button>

請注意，您實際上應該通過外部樣式表中的規則添加該內聯樣式。