文档链接:
https://developers.facebook.com/docs/plugins/like-button
源文件:
templates/product.liquid - sections/product-template.liquid
找到合适的位置,加入从facebook获取到的代码即可。代码如下:
~~~
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0" nonce="ZAgbyDKZ"></script>
<div class="fb-like" data-href="{{ product.url }}"
data-width="180"
data-layout="button_count"
data-action="like"
data-size="large"
data-share="true">
</div>
~~~
其中{{ product.url }}表示该产品的访问链接。
效果图:
![](https://img.kancloud.cn/29/bd/29bd587ae704b9898a142b360d6e44f3_730x401.png)