ЯoomeR

プログラミング~実装とエラー解決と、時々、AI~

Shopifyでサブスクリプション機能を実装してみよう(APIを用いた実装) Part2

サブスク販売できるようにするまではこちらの記事を参照のこと。

顧客がサブスク購入できるようにする

ThemeKitの導入

こちらの記事を参考に、ローカルの編集が反映されるようにする。

Shopifyの「テーマをカスタマイズ>コードを編集する」を選択する場合はThemeKitの導入は不要である。

購入画面を編集する

公式ドキュメントのExampleをコピペし、「main-product.liquid」を編集する。

上画像ではExampleからオプションの選択やラジオボタンの記述を削除してシンプルにしている。

(誤字は気にしないでほしい。)

数量などを削除する

テーマのカスタマイズを選択する。

数量を削除する

目のマークを押せば非表示にできる。

「今すぐ購入」を削除する

左のメニューで「購入ボタン」を選択する。

右に「動的チェックアウト・・・」の表示がされるので、チェックを外せば非表示になる。

サブスクリプション販売の場合は「今すぐ購入」ボタンは使用できない為、非表示にしておくのがベターだ。

購入画面(チェックアウト)の確認

ストアで購入のテストを行ってみよう。

「定期合計」という表示がされ、サブスクリプション購入できたことが確認できる。