Mikawayaのサブスクリプションのマイページを編集する方法を紹介します。

カスタマイズで行える内容としてはCSSで編集できる内容のみとなっております。

→マイページに独自機能やデザインを大幅に変更したい場合はこちら

マイページの各項目にidを降っていますので、アセットで追加したcssファイルでidを指定して記述してください。

※Liquidの知識がある方向けのドキュメントとなっておりますので、実際にカスタマイズを行う場合は専門のパートナーにご依頼ください

目次

■ご注文の定期便一覧ページ[/apps/floor-s]の変更

id=mikawaya-subscription-list-xxx(xxx=項目に関連する名称)

id=mikawaya-subscription-list-item-yyy (yyy=項目に関連する名称)

※サブスク契約一覧の一つのアイテムという意味で上記Idを使用

例：

<div class="mikawaya-main-container">
  <p>ご注文の定期便一覧</p>
  <!-- contractId=123456 -->
  <div id="mikawaya-subscription-list-item-section-123456">
	  <div id="mikawaya-subscription-list-item-image-123456">
		  <img src="xxx"/>
	  </div>
	  <div id="mikawaya-subscription-list-item-detail-name-123456">
		  <p>商品名</p>
	    <p>カップ麺セット</p>
	  </div>
	  <div id="mikawaya-subscription-list-item-detail-count-123456">
		  <p>数量</p>
	    <p>5</p>
	  </div>
  </div>
</div>
<s>