markdown 将最小的购物车图标更改为购物袋

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 将最小的购物车图标更改为购物袋相关的知识,希望对你有一定的参考价值。

Add this at the bottom of your theme.scss.liquid file:

```
svg.icon.icon-cart {
    width: 20px;
    padding-top: 30px;
    fill: white;
}
```
**Theme:** Minimal

**Version(s) successfully tested on:** 

5.2.1

**Recommended design time:** 

5 minutes

----

## What you have
![https://screenshot.click/22-52-ieobr-7s77m.jpg](https://screenshot.click/22-52-ieobr-7s77m.jpg)

## What you want
![https://screenshot.click/22-53-0m2op-w6wak.jpg](https://screenshot.click/22-53-0m2op-w6wak.jpg)

----

Open Sections and create a file called icon-cart.liquid 

Add this to it:

```
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 37 40"><path d="M36.5 34.8L33.3 8h-5.9C26.7 3.9 23 .8 18.5.8S10.3 3.9 9.6 8H3.7L.5 34.8c-.2 1.5.4 2.4.9 3 .5.5 1.4 1.2 3.1 1.2h28c1.3 0 2.4-.4 3.1-1.3.7-.7 1-1.8.9-2.9zm-18-30c2.2 0 4.1 1.4 4.7 3.2h-9.5c.7-1.9 2.6-3.2 4.8-3.2zM4.5 35l2.8-23h2.2v3c0 1.1.9 2 2 2s2-.9 2-2v-3h10v3c0 1.1.9 2 2 2s2-.9 2-2v-3h2.2l2.8 23h-28z"/></svg>
```

以上是关于markdown 将最小的购物车图标更改为购物袋的主要内容,如果未能解决你的问题,请参考以下文章

在 Woocommerce 中单击后将添加到购物车按钮更改为查看购物车按钮

仅在 WooCommerce 单一产品页面上将添加到购物车文本更改为“应用”

尝试用 Woocommerce 购物车上的删除文本替换“x”

如何以编程方式更改标签栏项目使用的默认图标?

如何将小部件区域从旁边更改为内联?

vuex版购物车