Shopify アプリに関する話題はこちら
order priterに商品の画像と、バリーエーションの項目名を表示させたいと思っているのですが、うまくいきません。
商品画像の部分は現在は下記のように記載しています。
{% for line_item in line_items %} <tr> <td>{{ line_item.image }}</td> <td><b>{{ line_item.product_title }}</b></td>
{{ line_item.image }}で表示されるかと思いましたが、商品画像のURLが表示されている感じになります。
次に、バリエーションの部分は次のように記載しています。
{% if line_item.variant.option1 %} ・{{ line_item.variant.option1 }}<br> {% endif %} {% if line_item.variant.option2 %} ・{{ line_item.variant.option2 }}<br> {% endif %} {% if line_item.variant.option3 %} ・{{ line_item.variant.option3 }}<br> {% endif %} {% if line_item.properties %}{% for propertie in line_item.properties %} ・{{ propertie[1] }}<br> {% endfor %} {% endif %}
これだと、選択した内容しか表示されないので、なんの選択肢か分かるようにしたいです。
(例)カラーを選んでください:赤色 といった感じ。
{{ product.options }}もしくは{{ variant.title }}を記載すればいいかと思いましたが、上手くいきませんでした。
また、もしオーダーのタグを記載する方法もあれば知りたいです。
お分かりになりましたら、ご指示をお願いいたします。
解決済! ベストソリューションを見る。
成功
解決したので備忘録をかねて下記内容に記します。
商品画像の表示
{{ line_item.image | img_url: 'small' | img_tag }}
オプションのタイトルの表示
<td>
{% if line_item.variant.title %}
<p style="font-weight:700">【{{line_item.product.options[0] }}】<br>
・{{ line_item.variant.option1 }}</p>
{% endif %}
{% if line_item.variant.option2 %}
<p style="font-weight:700">【{{line_item.product.options[1] }}】<br>
・{{ line_item.variant.option2 }}</p>
{% endif %}
{% if line_item.variant.option3 %}
<p style="font-weight:700">【{{line_item.product.options[2] }}】<br>
・{{ line_item.variant.option3 }}</p>
{% endif %}
{% if line_item.properties %}
{% for propertie in line_item.properties %}
<p style="font-weight:700">
<span style="display:block; width:650px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap">
【{{ propertie[0] }}】</span>
・{{ propertie[1] }}</p>
{% endfor %}
{% endif %}
</b></p></td>
成功
解決したので備忘録をかねて下記内容に記します。
商品画像の表示
{{ line_item.image | img_url: 'small' | img_tag }}
オプションのタイトルの表示
<td>
{% if line_item.variant.title %}
<p style="font-weight:700">【{{line_item.product.options[0] }}】<br>
・{{ line_item.variant.option1 }}</p>
{% endif %}
{% if line_item.variant.option2 %}
<p style="font-weight:700">【{{line_item.product.options[1] }}】<br>
・{{ line_item.variant.option2 }}</p>
{% endif %}
{% if line_item.variant.option3 %}
<p style="font-weight:700">【{{line_item.product.options[2] }}】<br>
・{{ line_item.variant.option3 }}</p>
{% endif %}
{% if line_item.properties %}
{% for propertie in line_item.properties %}
<p style="font-weight:700">
<span style="display:block; width:650px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap">
【{{ propertie[0] }}】</span>
・{{ propertie[1] }}</p>
{% endfor %}
{% endif %}
</b></p></td>
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024