「デザイン＞ページ設定＞MYページ/購入履歴詳細＞テンプレート」で下記（１）（２）（３）を設定する事で、「請求書」と「領収書」を表示するボタンを追加する事が可能です。
・「領収書」は受注の対応状況が「入金処理済み」になると表示できます。
・インボイス登録番号は「基本設定＞特定商取引法」で設定できます。
・印影画像は「コンテンツ＞ファイル管理」から「ショップファイル＞img＞common」内にstamp.pngでアップロードしてください。
・「請求書」と「領収書」どちらかのみ設置したい場合は（２）で各ボタンのHTMLを削除してください。

尚、自社でテンプレート編集が難しい場合は、下記URLよりオプションをお申し込みください。（
・申込みオプションタイプ：作業代行オプション
・作業代行オプション：コーディングオプション（本件お見積り額：税抜50,000円）

-----------------------------
（１）<!--{sectionOrderProduct}--><!--{/sectionOrderProduct}-->ブロック内の最後に下記一行を追加
-----------------------------
<!--{sectionExpiration}--><!--{assign var=PaidFlg value='1'}--><!--{/sectionExpiration}-->

-----------------------------
（２）任意の位置（デフォルトは<h3>メール配信履歴一覧</h3>の手前）に下記を追加
-----------------------------
	<!--{* 領請求書を開くボタン *}-->
	<div class="text-center my-5">
		<ul>
			<li class="btn"><input type="text" class="companyname" placeholder="宛名変更の場合は入力" style="width:230px;"></li><br class="d-inline d-md-none">
			<li class="btn modal-open-s"><a class="btn btn-secondary btn-lg">請求書を表示</a>
			<!--{if $PaidFlg == 1}-->
				<li class="btn modal-open-p"><a class="btn btn-secondary btn-lg">領収書を表示</a></li>
			<!--{/if}-->
		</ul>
	</div>

▼旧テンプレートの場合の参考ソース
	<!--{* 領請求書を開くボタン *}-->
	<div class="btn_area" >
		<ul>
			<li class=""><input type="text" class="companyname" placeholder="宛名変更の場合は入力" style="width:230px;"></li><br class="d-inline d-md-none">
			<li class="btn02 modal-open-s" style="margin:0 15px;"><a href="#">請求書を表示</a></li>
			<!--{if $PaidFlg == 1}-->
				<li class="btn02 modal-open-p"><a href="#">領収書を表示</a></li>
			<!--{/if}-->
		</ul>
	</div>

-----------------------------
（３）末尾に下記を追加
-----------------------------
<!--{* 請求書 *}-->
<div class="modal-container-s modal-s">
	<div class="modal-body-s">
		<div class="modal-close-s">×</div>
		<div class="modal-content-s">
			<div class="receipt">請　求　書</div>
			<div class="content_box">
				<div class="text-right"><!--{orderDate|date_format:'%Y/%m/%d'}--><br></div>
				<div class="order_block">
					<div class="order-name">
						&nbsp;<span class="name_text"></span> 様
					</div>
					<div class="order-message">
						下記のとおりご請求申し上げます。
					</div>
					<div class="total_box">
						ご請求金額　¥<!--{paymentTotal}-->-
					</div>
				</div>
				<div class="company_block">
					<!--{* 印影画像は「コンテンツ＞ファイル管理」から「ショップファイル＞img＞common」内にstamp.pngでアップロードしてください *}-->
					<div class="stamp" style="background-image:url(<!--{https}-->contents/ex/img/common/stamp.png);">
						<!--{shopLawCompany}--><br />
						〒 <!--{shopLawZip01}--> - <!--{shopLawZip02}--><br />
						<!--{shopLawPref}--><!--{shopLawAddr01}--><br />
						<!--{shopLawAddr02}--><br />
						TEL: <!--{shopLawTel01}-->-<!--{shopLawTel02}-->-<!--{shopLawTel03}--><br />
						Email: <!--{shopEmail}--><br />
						<!--{shopLawNumber var=shopLawNumber}-->
						<!--{if $shopLawNumber}-->
							登録番号： <!--{shopLawNumber}-->
						<!--{/if}-->
					</div>
				</div>
				<div class="detail_table-s">
					<table class="table-bordered table-striped">
						<tr>
							<th>品名</th>
							<th>数量</th>
							<th>単価</th>
							<th>金額(税込)</th>
						</tr>
						<!--{sectionOrderProduct}-->
							<tr>
								<td class="text-left">
									<!--{orderProductName}--><br>
									<!--{sectionVariation1}--><!--{variationName1}--><!--{/sectionVariation1}-->
									<!--{sectionVariation2}--><!--{variationName2}--><!--{/sectionVariation2}-->
									<!--{sectionProductOption}-->
										<!--{optionName}-->：<!--{optionValue}--><br>
									<!--{/sectionProductOption}-->
								</td>
								<td class="text-center"><!--{orderProductQuantity}--></td>
								<td><!--{orderProductPrice}-->円</td>
								<td><!--{orderProductSubtotal}-->円</td>
							</tr>
						<!--{/sectionOrderProduct}-->
						<tr>
							<td>　</td>
							<td>　</td>
							<td>　</td>
							<td>　</td>
						</tr>
						<tr>
							<td>　</td>
							<td>　</td>
							<td>商品小計</td>
							<td><!--{subtotal}-->円</td>
						</tr>
						<!--{sectionPointDiscount}-->
							<tr>
								<td>　</td>
								<td>　</td>
								<td>ポイント割引</td>
								<td>-<!--{pointDiscount}-->円</td>
							</tr>
						<!--{/sectionPointDiscount}-->
						<!--{sectionDiscount}-->
							<tr>
								<td>　</td>
								<td>　</td>
								<td>割引き</td>
								<td>-<!--{discount}-->円</td>
							</tr>
						<!--{/sectionDiscount}-->
						<tr>
							<td>　</td>
							<td>　</td>
							<td>送料</td>
							<td><!--{delivFee}-->円</td>
						</tr>
						<tr>
							<td>　</td>
							<td>　</td>
							<td>手数料</td>
							<td><!--{charge}-->円</td>
						</tr>
						<!--{sectionPaymentByRate}-->
							<tr>
								<td>　</td>
								<td>　</td>
								<td>税率<!--{paymentTaxRate}-->%対象合計</td>
								<td><!--{paymentTotalByRate}-->円</td>
							</tr>
							<tr>
								<td>　</td>
								<td>　</td>
								<td>（内<!--{paymentTaxRate}-->%消費税）</td>
								<td>
									<!--{paymentTaxTotalByRate}-->円
								</td>
							</tr>
						<!--{/sectionPaymentByRate}-->
						<tr>
							<td>　</td>
							<td>　</td>
							<td>合計金額</td>
							<td><!--{paymentTotal}-->円</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="memo">
				<div class="center">＜ 備考 ＞</div>
				<!--{* 固定内容の備考があればここに記載ここから *}-->
				<!--{* 固定内容の備考があればここに記載ここまで *}-->
			</div>
			<div class="memo">
				<div class="center">＜ お振込先 ＞</div>
				<!--{* お振込先情報をここに記載ここから *}-->
				<!--{* お振込先情報をここに記載ここまで *}-->
			</div>
			<div class="print_button">
				<a onclick="window.print();">
					<img src="<!--{https}-->admin/img/icon/print.png"><br>
					印刷する<br>
					ダウンロードは印刷ウィンドウで「PDFで保存する」をご選択ください
				</a>
			</div>
		</div>
	</div>
</div>
<!--{* 領収書 *}-->
<div class="modal-container-p modal-p">
	<div class="modal-body-p">
		<div class="modal-close-p">×</div>
		<div class="modal-content-p">
			<div class="receipt">領 収 書</div>
			<div class="content_box">
				<div class="order_block">
					<div class="order-name">
						&nbsp;<span class="name_text"></span> 様
					</div>
					<div class="total_box">
						金額　　¥<!--{paymentTotal}-->-
					</div>
					<div class="order-message">
						上記正に領収いたしました
					</div>
				</div>
				<div class="company_block">
					<!--{* 印影画像は「コンテンツ＞ファイル管理」から「ショップファイル＞img＞common」内にstamp.pngでアップロードしてください *}-->
					<div class="stamp" style="background-image:url(<!--{https}-->contents/ex/img/common/stamp.png);">
						<!--{shopLawCompany}--><br>
						〒 <!--{shopLawZip01}--> - <!--{shopLawZip02}--><br>
						<!--{shopLawPref}--><!--{shopLawAddr01}--><br>
						<!--{shopLawAddr02}--><br>
						TEL: <!--{shopLawTel01}-->-<!--{shopLawTel02}-->-<!--{shopLawTel03}--><br>
						Email: <!--{shopEmail}--><br>
						<!--{if $shopLawNumber}-->
							登録番号： <!--{shopLawNumber}-->
						<!--{/if}-->
					</div>
				</div>
				<div class="receipt_info">
					注文日： <!--{orderDate|date_format:'%Y/%m/%d'}--><br>
					注文番号： <!--{orderId}--><br>
					お支払い方法： <!--{orderPaymentMethod}--><br>
					入金日： <!--{orderPaymentDate}-->
				</div>
				<div class="detail_table-p">
					<table class="table-bordered">
						<tr>
							<td>商品小計</td>
							<td ><!--{subtotal}-->円</td>
						</tr>
						<!--{sectionPointDiscount}-->
							<tr>
								<td>ポイント割引</td>
								<td>-<!--{pointDiscount}-->円</td>
							</tr>
						<!--{/sectionPointDiscount}-->
						<!--{sectionDiscount}-->
							<tr>
								<td>割引き</td>
								<td>-<!--{discount}-->円</td>
							</tr>
						<!--{/sectionDiscount}-->
						<tr>

							<td>送料</td>
							<td><!--{delivFee}-->円</td>
						</tr>
						<tr>
							<td>手数料</td>
							<td><!--{charge}-->円</td>
						</tr>
						<!--{sectionPaymentByRate}-->
							<tr>
								<td>税率<!--{paymentTaxRate}-->%対象合計</td>
								<td><!--{paymentTotalByRate}-->円</td>
							</tr>
							<tr>
								<td>（内<!--{paymentTaxRate}-->%消費税）</td>
								<td>
									<!--{paymentTaxTotalByRate}-->円
								</td>
							</tr>
						<!--{/sectionPaymentByRate}-->
					</table>
				</div>
			</div>
			<div class="print_button">
				<a onclick="window.print();">
					<img src="<!--{https}-->admin/img/icon/print.png"><br>
					印刷する<br>
					ダウンロードは印刷ウィンドウで「PDFで保存する」をご選択ください
				</a>
			</div>
		</div>
	</div>
</div>

<style type="text/css">
	/* modal */
	.modal-container-s {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
	}
	.modal-active-s{
		opacity: 1;
		visibility: visible;
	}
	.modal-body-s{
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	.modal-content-s{
		background: #fff;
		text-align: left;
		padding: 30px;
	}
	.modal-container-p {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
	}
	.modal-active-p {
		opacity: 1;
		visibility: visible;
	}
	.modal-body-p {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	.modal-content-p {
		background: #fff;
		text-align: left;
		padding: 30px;
	}
	@media screen and (min-width: 768px){
		.modal-container-s {
			padding: 0 20px;
		}
		.modal-body-s{
			width: 1000px;
		}
		.modal-close-s{
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			top: 10px;
			right: -40px;
			width: 40px;
			height: 40px;
			font-size: 40px;
			color: #000000;
			cursor: pointer;
		}
		.modal-container-p {
			padding: 0 20px;
		}
		.modal-body-p {
			width: 1000px;
		}
		.modal-close-p {
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			top: 10px;
			right: -40px;
			width: 40px;
			height: 40px;
			font-size: 40px;
			color: #000000;
			cursor: pointer;
		}
	}
	@media screen and (max-width:767px){
		.modal-container-s {
			padding: 0 0;
		}
		.modal-body-s{
			width: 100%;
			zoom: 0.4;
		}
		.modal-close-s{
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			bottom: 10px;
			right: 10px;
			width: 40px;
			height: 40px;
			font-size: 40px;
			color: #000000;
			cursor: pointer;
			zoom: 3.0;
		}
		.modal-container-p {
			padding: 0 0;
		}
		.modal-body-p {
			width: 100%;
			zoom: 0.4;
		}
		.modal-close-p {
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			bottom: 10px;
			right: 10px;
			width: 40px;
			height: 40px;
			font-size: 40px;
			color: #000000;
			cursor: pointer;
			zoom: 3.0;
		}
		.print_button {
			zoom: 3.0;
		}
	}
	@media print {
		.cc-adminPanel, header, footer, .scrolltop, .xhprof, .print_button, .modal-close, #headertopcolumn, #topcolumn, .side_column, #bottomcolumn, .mypage_navi, .history {
			display: none !important;
		}
		body {
			-webkit-print-color-adjust: exact;
		}
		.modal-container-s {
			position: static;
		}
		.modal-body-s {
			position:absolute;
			left:0;
			top:0;
			width: 100%;
			zoom: 0.9;
		}
		.modal-container-p {
			position: static;
		}
		.modal-body-p {
			position:absolute;
			left:0;
			top:0;
			width: 100%;
			zoom: 0.9;
		}
		.content_box {
			border: none;
		}
	}
	.receipt {
		border: solid 2px #000000;
		text-align: center;
		font-size: 18pt;
		font-weight:bold;
		padding: 2px;
		margin-bottom: 80px;
	}
	.content_box {
		padding: 16px;
		border: 1px solid #EFEFEF;
	}
	.order_block {
		display: inline-block;
		width: 62%;
		vertical-align: top;
	}
	.order_block .order-name {
		font-size: 14pt;
		padding: 10px 10px;
		width: 80%;
		margin-bottom: 40px;
		text-align: left;
		border-bottom: solid 1px #000000;
	}
	.order_block .order-message {
		font-size: 14pt;
		padding: 10px 10px;
	}
	.order_block .total_box {
		font-size: 18pt;
		border-bottom: solid 1px #000000;
		width: 80%;
		padding: 20px 0 0;
		margin-bottom: 20px;
	}
	.company_block {
		display: inline-block;
		width: 32%;
		vertical-align: top;
		font-size: 10pt;
		position: relative;
	}
	.company_block .receipt_date {
		margin: 0 0 10px;
		text-align: right;
	}
	.company_block .stamp {
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 100px;
	}
	.receipt_info {
		margin: 30px 0;
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}
	.detail_table-s {
		margin: 30px 0;
		text-align: right;
	}
	.detail_table-s table {
		border-collapse: collapse;
		font-size: 12pt;
		margin: 5px 0px 0px 5px;
		width: 100%;
	}
	.detail_table-s th {
		font-weight:bold;
		text-align: center;
	}
	.detail_table-p {
		margin: 30px 0;
		width: 45%;
		display: inline-block;
		vertical-align: top;
		text-align: right;
	}
	.detail_table-p table {
		border-collapse: collapse;
		font-size: 12pt;
		margin: 5px 0px 0px 5px;
		width: 100%;
	}
	.detail_table-p td {
		padding: 0 5px;
	}
	.memo {
		border: solid 1px #DDDDDD;
		margin: 60px 0 20px;
		padding: 15px;
		font-size: 12pt;
	}
	.print_button {
		text-align: center;
		margin: 50px 0 100px;
	}
</style>
<script>
	$(function(){
		var open = $('.modal-open-s'),
			close = $('.modal-close-s'),
			container = $('.modal-container-s');
		open.on('click',function(){
			container.addClass('modal-active-s');
			return false;
		});
		close.on('click',function(){
			container.removeClass('modal-active-s');
		});
		$(document).on('click',function(e) {
			if(!$(e.target).closest('.modal-body-s').length) {
				container.removeClass('modal-active-s');
			}
		});
	});
	$(function(){
		var open = $('.modal-open-p'),
			close = $('.modal-close-p'),
			container = $('.modal-container-p');
		open.on('click',function(){
			container.addClass('modal-active-p');
			return false;
		});
		close.on('click',function(){
			container.removeClass('modal-active-p');
		});
		$(document).on('click',function(e) {
			if(!$(e.target).closest('.modal-body-p').length) {
				container.removeClass('modal-active-p');
			}
		});
	});
	$(".modal-open-s").click(function () {
		const strname_s = $(".companyname").val();
		if(strname_s){
			$(".name_text").text(strname_s);
		}else{
			$(".name_text").text('<!--{customerName01}--><!--{customerName02}-->');
		}
	});
	$(".modal-open-p").click(function () {
		const strname_p = $(".companyname").val();
		if(strname_p){
			$(".name_text").text(strname_p);
		}else{
			$(".name_text").text('<!--{customerName01}--><!--{customerName02}-->');
		}
	});
</script>