FROM CACHE - jp_header

Order Printerで請求書発行時に社名を記載したい

YAMASUKE
観光客
8 0 1

初歩的な質問ですみません。

Order Printerで請求書と領収書を発行してますが、法人宛に発行したいのに個人名しか記載されません。

サンプルコードがあればぜひご教授お願い致します。

下記が現在使用しているコードになります。

 

<style>

/* 発行日 */
.kuscs_date {
margin: 0;
text-align: right;
font-size:0.8em;
}

/* タイトル */
.kuscs_title {
width: 100%;
border-bottom:2px
solid #2768e2;
margin: 0;
padding: 0;
}

.kuscs_title h2 {
text-align: center;
font-size:1.2em;
margin: 0;
padding: 0;
}

/* 宛名 */
.kuscs_name {
font-size:1.2em;
margin-top: 1em;
text-align:left;
}

.kuscs_name span {
font-size: 80%;
margin-left: 1em;
}

/* 請求書 店舗情報 */
.kuscs_shopinfo_R {
width: 100%;
padding-left: 70%;
}

.kuscs_shopinfo_R h2 {
font-size: 1em;
margin: 0;
}

.kuscs_shopinfo_R p {
font-size: 0.8em;
margin: 0;
}

/* 請求金額・領収金額 */
.kuscs_price {
width: 50%;
border-bottom: solid 2px #2768e2;
background: #e0eefc;
font-size: 0.5em;
padding: 0.8em 0.3em;
margin-top: 3em;
}

.kuscs_price span {
font-size: 3.5em;
font-weight: bold;
padding: 0.3em;
margin-left: 3em;
}

/* 請求明細 */
.kuscs_detail table {
border-radius: 10px;
margin-top: 1em;
margin-bottom:1em;
width: 100%;
border-collapse: collapse;
border: solid 2px #2768e2;
}

.kuscs_detail table tr {
padding: 1em 0.5em;
}

.kuscs_detail table th, .kuscs_detail table td {
border: dashed 1px #2768e2;
}

.kuscs_detail th {
font-size: 0.5em;
background: #e0eefc;
text-align: center;
}

.kuscs_detail td.kuscs_tdstr {
text-align: left;
padding-left: 0.8em;
}

.kuscs_detail td.kuscs_tdnum {
text-align: right;
padding-right:0.3em;
}

/* 請求書その他ブロック(支払方法、ストアへの特記事項に利用) */
.kuscs_inv_blk {
border-bottom: solid 2px #2768e2;
margin-top: 0.1em;
padding: 0.4em;
}

.kuscs_inv_blk p {
margin: 0;
}

.kuscs_inv_blk p.blktitle {
font-size: 0.5em;
}

/* 切り取り線 */
.kuscs_dotline {
margin-bottom:1em;
margin-top:2em;
padding-top:1.5em;
border-top:1px dotted #e0eefc;
}

/* 領収書 */
.kuscs_receipt {
margin-top: 0em;
width: 100%;
}

/* 但し書き */
.kuscs_tadashigaki {
width: 100%;
padding-left: 31%;
padding-right:3%;
}

.kuscs_tadashigaki p {
font-size:0.8em;
}

.kuscs_shopinfo_L {
width: 100%;
}

.kuscs_shopinfo_L h2 {
font-size: 1em;
margin: 0;
}

.kuscs_shopinfo_L p {
font-size: 0.8em;
margin: 0;
}

/* 収入印紙 */
.kuscs_stamp_box {
margin-top: 1em;
height: 27mm;
width: 22mm;
border-collapse: collapse;
border-width: 1px;
border: dashed 1px #2768e2;
}

.kuscs_stamp_box p {
text-align: center;
font-size:0.8em;
}

</style>

<!-- --------------------- -->
<!-- 請求書 -->
<!-- --------------------- -->

<!-- 発行日 -->
<p class="kuscs_date">発行日:{{ "now" | date: "%Y年%m月%d日" }}<br>No.{{ order_name }}</p>

<!-- タイトル -->
<div class="kuscs_title"><h2>ご 請 求 書</h2></div>

<!-- 宛名 -->
<h2 class="kuscs_name">{{ billing_address.last_name }} {{ billing_address.first_name }}<span>様</span></h2>

<!-- ショップ情報 -->
<div class="kuscs_shopinfo_R">
<h2>株式会社</h2>
<p>〒100-0000 東京都</p>
<p>Tel:03-0000-1000</p>
</div>

<!-- 請求金額 -->
<div class="kuscs_price">請求金額:<span>{{ total_price | money }}</span>(税込)</div>

<!-- 請求明細 -->
<div class="kuscs_detail">
<table>
<tr style="height: 2em;">
<th style="width:60%;">注文商品</th>
<th style="width:11%;">単価</th>
<th style="width:7%;">数量</th>
<th style="width:15%;">価格</th>
</tr>
{% for line_item in line_items %}
{% if line_item.quantity > 0 %}
<tr style="height: 2.5em;">
<td class="kuscs_tdstr">{{ line_item.title }}</td>
<td class="kuscs_tdnum">{{ line_item.original_price | money }}</td>
<td class="kuscs_tdnum">{{ line_item.quantity }}</td>
<td class="kuscs_tdnum">{{ line_item.line_price | money }}</td>
</tr>
{% endif %}
{% endfor %}
{% for discount in discounts %}
<tr style="height: 2.5em;">
<th colspan="3">値引き</th>
<td class="kuscs_tdnum">{{ discount.savings | money }}</td>
</tr>
{% endfor %}
<tr style="height: 2.5em;">
<th colspan="3">注文合計</th>
<td class="kuscs_tdnum">{{ subtotal_price | money }}</td>
</tr>
</table>
</div>

<!-- 支払方法 -->
<div class="kuscs_inv_blk">
<p class="blktitle">支払方法:</p>

{% for transaction in transactions %}
{% if transaction.status != "failure" and transaction.status != "error" %}
{% if transaction.kind == "authorization" or transaction.kind == "sale" %}
{% if transaction.payment_details.credit_card_number %}
<p>{{ transaction.gateway | payment_method }}:{{ transaction.payment_details.credit_card_company }}:{{ transaction.payment_details.credit_card_number }}{% break %}</p>
{% else %}
<p>{{ transaction.gateway | payment_method }}:{{ transaction.gateway }}{% break %}</p>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}

</div>

<!-- ストアへの特記事項 -->
{% if note %}
<div class="kuscs_inv_blk">
<p class="blktitle">ストアへの特記事項:</p>
<p>{{ note }}</p>
</div>
{% endif %}


<!-- --------------------- -->
<!-- 切り取り線 -->
<!-- --------------------- -->

<div class="kuscs_dotline"></div>

<!-- --------------------- -->
<!-- 領収書 -->
<!-- --------------------- -->

<div class="kuscs_title"><h2>領 収 書</h2></div>

<div class="recipt_table">
<table style="width: 100%;">
<tr>
<td style="width: 70%;">
<h2 class="kuscs_name">{{ billing_address.last_name }} {{ billing_address.first_name }}<span>様</span></h2>
</td>
<td style="width: 30%;">
<p style="margin: 0; text-align: right; font-size:0.8em;">No.{{ order_name }}</p>
</td>
</tr>
</table>
</div>

<!-- 領収金額 -->
<div class="kuscs_price" style="margin: 1em auto;">
<span>{{ total_price | money }}</span>(税込)
</div>

<!-- 領収書レイアウト -->
<div class="kuscs_receipt">
<table style="width: 100%;">
<tr>
<td style="width:auto;">
<!-- 但し書き -->
<div class="kuscs_tadashigaki">
<p>{{ "now" | date: "%Y年%m月%d日" }} 上記の金額正に領収いたしました。</p>
</div>
<!-- 店舗情報 -->
<div class="kuscs_shopinfo_L">
<h2>株式会社</h2>
<p>〒100-0000 東京都</p>
<p>Tel:03-0000-0000</p>
</div>
</td>
<!-- 収入印紙 -->
<td style="width: 30mm;">
<div class="kuscs_stamp_box">
<p>収入印紙</p>
</div>
</td>
</tr>
</table>
</div>

2件の返信2

Qcoltd
Shopify Partner
1020 414 390

ご質問いただいている、請求書発行時に社名を記載したい件ですが、

記載いただいているソースを元に「ご請求書」「領収書」の様前に表示するテキストを社名にしたいというご要望と認識しました。

 

記載いただいているのソースですと

 

{{ billing_address.last_name }} {{ billing_address.first_name }}

 

と記載されており、請求先住所の名前を表示するようにお見受けできますので、

 

{{ billing_address.company }}

 

と変更いただければ、請求書住所の会社名が表示するようになると思われます。

 


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

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

小坂様

ご教授いただきありがとうございました。

早々に訂正できました。😁