Liquid、JavaScriptなどに関する質問
お世話になります。
Order printerで、購入された商品の単品価格は出るのですが、商品の注文数に応じた合計金額を表示させたいです。
お分かりになりましたら、ご教示いただけると幸いです。
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
ご質問いただいている、商品の合計額を表示したい件ですが、
商品の横軸に対しての合計額を表示したい認識で回答させて頂きます。
また、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>
表示例
ご参考まで。
(キュー小坂)
成功
ご質問いただいている、商品の合計額を表示したい件ですが、
商品の横軸に対しての合計額を表示したい認識で回答させて頂きます。
また、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>
表示例
ご参考まで。
(キュー小坂)
ご回答いただき、誠にありがとうございます。
コードの表記もしていただき、とても分かりやすく参考になりました。
無事に問題なく合計金額を表示することができました。
本当に助かりました!!
Maru369 様
お世話になっております。
ご質問確認しました。
liquidのorder → line_items → price & quantityのように、
order内のline_items内に、各line_itemのpriceとquantityが格納されているため、こちらを掛け算すれば合計金額を算出できるかと思います。
なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
ご回答いただき、誠にありがとうございます。
参考にさせていただきます!!
Shopifyの請求書の支払いが失敗したという通知を受け取って驚いたことはありますか。初めての支払いでエラーが発生したり、これまで何の問題もなく支払いできていたのに突然失敗し...
By Minami_ Sep 8, 20242023年2月、Shopifyはcheckout.liquidを廃止し、Checkout Extensibilityに移行することを発表いたしました。この新しいチェックアウト...
By JasonH Aug 15, 2024「味噌の可能性を、とき放つ」をコンセプトに、豊かな自然に恵まれた信州で味噌の製造販売を行う新田醸造。江戸末期に創業した老舗のみそ屋さんですが、2024年春、顧客層や販売範囲の...
By Minami_ Jul 30, 2024