FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Order printerで商品画像と、バリエーションのタイトル等を表示させたい

解決済

Order printerで商品画像と、バリエーションのタイトル等を表示させたい

withD
遊覧客
28 1 7

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 }}を記載すればいいかと思いましたが、上手くいきませんでした。

 

また、もしオーダーのタグを記載する方法もあれば知りたいです。

 

お分かりになりましたら、ご指示をお願いいたします。

1 件の受理された解決策

withD
遊覧客
28 1 7

成功

解決したので備忘録をかねて下記内容に記します。

 

商品画像の表示

{{ 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>

元の投稿で解決策を見る

1件の返信1

withD
遊覧客
28 1 7

成功

解決したので備忘録をかねて下記内容に記します。

 

商品画像の表示

{{ 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>