FROM CACHE - jp_header

プラグインアプリ「Globo Product Options, Variant」オプション内容を明細書に記載するやり方について

解決済

プラグインアプリ「Globo Product Options, Variant」オプション内容を明細書に記載するやり方について

rioshinca
観光客
9 1 0

お世話になっております。

現在テーマ「Prestige」を利用し、明細書は「Order Printer」で出力しています。

 

この度、Shopifyではデフォルトでオプション上限が3つまでということで

外部アプリ「Globo Product Options, Variant」を導入いたしました。

セッティングから稼働までうまくいったのですが、追加したオプション内容を明細書に反映することができず困っています。


-------

「Globo Product Options, Variant」で追加したオプション内容を

「Order Printer」に反映するためのコードを

もしお知りの方がいらっしゃいましたら、教えて頂きたいです。

どうぞよろしくお願い致します。

1 件の受理された解決策

Qcoltd
Shopify Partner
1061 436 430

成功

ご質問いただいている、「Globo Product Options, Variant」で追加したオプションを「Order Printer」で表示することは可能です。

 

「Order Printer」へ反映するコードですが、質問者様が「商品名」と「Shopifyのオプション」をどのように記載しているか不明なため下記の表示例で出力するコードを記載させていただきます。

 

表示例)商品名 オプション1の値 / オプション2の値 / オプション3の値 / 追加オプションの値

コード

{{ line_item.product_title }} {% if line_item.variant.option1 %}{{ line_item.variant.option1 }}{% endif %}
{% if line_item.variant.option2 %} / {{ line_item.variant.option2 }}{% endif %}
{% if line_item.variant.option3 %} / {{ line_item.variant.option3 }}{% endif %}
{% if line_item.properties %}
{% for propertie in line_item.properties %}
 / {{ propertie[1] }}
{% endfor %}
{% endif %}

 

以下弊社でのテスト表示となります。

商品ページ

Qcoltd_0-1673605883530.png

Order Printer での表示

Qcoltd_1-1673605883695.png

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1061 436 430

成功

ご質問いただいている、「Globo Product Options, Variant」で追加したオプションを「Order Printer」で表示することは可能です。

 

「Order Printer」へ反映するコードですが、質問者様が「商品名」と「Shopifyのオプション」をどのように記載しているか不明なため下記の表示例で出力するコードを記載させていただきます。

 

表示例)商品名 オプション1の値 / オプション2の値 / オプション3の値 / 追加オプションの値

コード

{{ line_item.product_title }} {% if line_item.variant.option1 %}{{ line_item.variant.option1 }}{% endif %}
{% if line_item.variant.option2 %} / {{ line_item.variant.option2 }}{% endif %}
{% if line_item.variant.option3 %} / {{ line_item.variant.option3 }}{% endif %}
{% if line_item.properties %}
{% for propertie in line_item.properties %}
 / {{ propertie[1] }}
{% endfor %}
{% endif %}

 

以下弊社でのテスト表示となります。

商品ページ

Qcoltd_0-1673605883530.png

Order Printer での表示

Qcoltd_1-1673605883695.png

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
rioshinca
観光客
9 1 0

株式会社Q (キュー) 小坂さま
分かりやすく丁寧にご教授いただきまして誠にありがとうございます!

解決し、問題解決いたしました。

ありがとうございました!