FROM CACHE - jp_header
解決済

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>