1

Shopify サイトのブログ ページで、ユーザーが個々の記事を高く評価できるようにしたいと考えています。ブログ ループ内にソーシャル メディアのアイコンを追加しました。

ブログ液体

{% for article in blog.articles %}<!-- START ENTRY {{ forloop.index }} -->
<div id="post{{ article.id }}">

{{ article.content | strip_html | truncate: 40 }} <br/> <a href="{{ article.url}}">Read More</a>

{% assign description = article.title | escape | replace:' ','%20' %}
{% assign link = article.url %}
{% include 'social' %}

</div>
{% endfor %}

social.liquid スニペット

<div class="social-plugins">

<span class="twitter">
<a href="http://twitter.com/share"{% if template == 'product' or template == 'article' or template == 'blog' %} data-url="{{ shop.url }}{{ link }}"{% endif %} data-text="{% if template == 'product' %}{{ product.title | escape }} by {{ product.vendor | escape }}{% elsif template == 'blog' %}{{ social.title | escape }}{% else %}{{ page_title | escape }}{% endif %}" class="twitter-share-button" data-count="horizontal" data-via="bondiNYC">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>

<span class="facebook">
<iframe src="//www.facebook.com/plugins/like.php?href={{shop.url}}{{link}}&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"</iframe>
</span>

<span class="pinterest">
<a href="http://pinterest.com/pin/create/button/?url={{ shop.url }}{{ link }}&description={{ description }}&media={{src | escape}}" class="pin-it-button" count-layout="none">Pin It</a>
</span>

</div>

{{shop.url}}{{blog.url}} を入力した場合はいいねボタンが機能しますが、{{shop.url}}{{link}} を追加した場合は機能しません。{{link}} はページに基づいて割り当てられます。

4

1 に答える 1

1

私のショップでは、次を使用してこれを行います。

{{ shop.url }}{{ article.url }}

これにより、facebook/twitter/pinterest iframe に挿入される記事の URL が返されます。

注: コードがページにレンダリングされていることを確認してblog.liquidください。私はこれを同等の方法で行いますsocial.liquid

于 2012-12-31T02:18:29.543 に答える