FROM CACHE - jp_header

Order Printerの商品価格の合計を出したい

解決済

Order Printerの商品価格の合計を出したい

Maru369
観光客
5 0 0

お世話になります。

Order printerで、購入された商品の単品価格は出るのですが、商品の注文数に応じた合計金額を表示させたいです。

写真.jpg

お分かりになりましたら、ご教示いただけると幸いです。

よろしくお願いいたします。

1 件の受理された解決策

Qcoltd
Shopify Partner
1080 442 436

成功

ご質問いただいている、商品の合計額を表示したい件ですが、

商品の横軸に対しての合計額を表示したい認識で回答させて頂きます。

 

また、Order printerのソースコードにつきましては、

すでに変更を加えられていると思いますので、初期データを元に解説させて頂きます。

 

Order printerのテンプレート編集画面にて、初期表示で下記ソースコードとなっている部分を

<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if show_line_item_taxes %}
        <td>
          {% for tax_line in line_item.tax_lines %}
            {{ tax_line.price | money }} {{ tax_line.title }}<br/>
          {% endfor %}
        </td>
        {% endif %}
        <td>
          {% if line_item.original_price != line_item.price %}
            <s>{{ line_item.original_price | money }}</s>
          {% endif %}
          {{ line_item.price | money }}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>

下記ソースコードに変更いただけましたら、横軸の右側に合計額することができます。

<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>数量</th>
      <th>商品</th>
      {% if show_line_item_taxes %}
      <th>消費税</th>
      {% endif %}
      <th>価格</th>
      <th>合計額</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if show_line_item_taxes %}
        <td>
          {% for tax_line in line_item.tax_lines %}
            {{ tax_line.price | money }}<br/>
          {% endfor %}
        </td>
        {% endif %}
        <td>
          {% if line_item.original_price != line_item.price %}
            <s>{{ line_item.original_price | money }}</s>
          {% endif %}
          {{ line_item.price | money }}
        </td>
        <td>
          {% assign total_price = line_item.price | times:line_item.quantity %}
          {% for tax_line in line_item.tax_lines %}
          {% assign total_price = total_price | plus:tax_line.price %}
          {% endfor %}
          {{ total_price | money }}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>

 

表示例

Qcoltd_0-1683707661725.png


ご参考まで。
(キュー小坂)

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

元の投稿で解決策を見る

4件の返信4

Qcoltd
Shopify Partner
1080 442 436

成功

ご質問いただいている、商品の合計額を表示したい件ですが、

商品の横軸に対しての合計額を表示したい認識で回答させて頂きます。

 

また、Order printerのソースコードにつきましては、

すでに変更を加えられていると思いますので、初期データを元に解説させて頂きます。

 

Order printerのテンプレート編集画面にて、初期表示で下記ソースコードとなっている部分を

<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if show_line_item_taxes %}
        <td>
          {% for tax_line in line_item.tax_lines %}
            {{ tax_line.price | money }} {{ tax_line.title }}<br/>
          {% endfor %}
        </td>
        {% endif %}
        <td>
          {% if line_item.original_price != line_item.price %}
            <s>{{ line_item.original_price | money }}</s>
          {% endif %}
          {{ line_item.price | money }}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>

下記ソースコードに変更いただけましたら、横軸の右側に合計額することができます。

<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>数量</th>
      <th>商品</th>
      {% if show_line_item_taxes %}
      <th>消費税</th>
      {% endif %}
      <th>価格</th>
      <th>合計額</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if show_line_item_taxes %}
        <td>
          {% for tax_line in line_item.tax_lines %}
            {{ tax_line.price | money }}<br/>
          {% endfor %}
        </td>
        {% endif %}
        <td>
          {% if line_item.original_price != line_item.price %}
            <s>{{ line_item.original_price | money }}</s>
          {% endif %}
          {{ line_item.price | money }}
        </td>
        <td>
          {% assign total_price = line_item.price | times:line_item.quantity %}
          {% for tax_line in line_item.tax_lines %}
          {% assign total_price = total_price | plus:tax_line.price %}
          {% endfor %}
          {{ total_price | money }}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>

 

表示例

Qcoltd_0-1683707661725.png


ご参考まで。
(キュー小坂)

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

ご回答いただき、誠にありがとうございます。

 

コードの表記もしていただき、とても分かりやすく参考になりました。

無事に問題なく合計金額を表示することができました。

 

本当に助かりました!!

株式会社フルバランス
Shopify Partner
1586 567 727

Maru369 様

 

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

ご質問確認しました。

 

liquidのorder → line_items → price & quantityのように、

order内のline_items内に、各line_itemのpriceとquantityが格納されているため、こちらを掛け算すれば合計金額を算出できるかと思います。

 

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
Maru369
観光客
5 0 0

ご回答いただき、誠にありがとうございます。

参考にさせていただきます!!