thumbnail

テーマの特集商品セクションから定期購入ができるようにする方法

S.H2025-03-11

テーマの特集商品セクションなど、商品ページ以外のページからも定期購入できるようにすることができるようになります。

トップページなど、商品ページ以外のページから定期商品を購入させたいケースがあります。

定期購買アプリの提供しているウィジェットは、商品ページでの使用を前提としています。

テーマには「特集商品セクション」など商品ページと似たUIを実現するセクションが存在しますが、特集商品セクションにおいて定期購買ウィジェットを表示することはできません。

しかし、テーマをカスタマイズし、購入ボタンのリンク先をBuyLink機能で生成したURLにすることで、実現が可能です!

こちらのページを参考に、BuyLinkを発行します。

数量を変更できるようにしたい場合は、カートに遷移する設定にすることをお勧めします。

「カスタマイズされたLiquid」ブロックを設置し、以下のようなコードを設置します。

※あくまで一例です。テーマに合わせて調整ください

Plaintext
<style>
.subscription-button{
width:100%;
border:1px solid #000;
text-align:center;
padding: 10px;
background-color:#000;
</style>

<a href="ここにbuylinkのURLを入れます" style="text-decoration:none;color:#fff; margin:10px;">
<div class="subscription-button"> 1ヶ月ごとにお届け</div>
</a>
<a href="ここにbuylinkのURLを入れます" style="text-decoration:none;color:#fff;">
<div class="subscription-button"> 3ヶ月ごとにお届け</div>
</a>

下記のブロックは、必要に応じて非表示にします。

  • 数量セレクター

  • 購入ボタン