FrancoisD
(François Douville)
1
checkoutpage.co のオーバーレイを以下のように使用したいと考えています:
https://checkoutpage.co/knowledge/sell-your-products-in-a-modal-on-your-site/
私の特定のページでは、以下のコードを使用するように指示されています。
<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>
その後、以下を追加します(トピックに追加したいと考えています)。
<button class="cp-button" data-seller="5dd5bbcd1954eb0015e6ff53" data-checkout="rencontre-dans-les-laurentides">今すぐ購入</button>
Discourse 内でこれは可能でしょうか?
ありがとうございます
pfaffman
(Jay Pfaffman)
2
テーマコンポーネントを作成して、トピックにコードを追加できるようにする必要があると思います。「theme #howto」で検索してください。
Johani
(Joe)
3
少しいじって、これにテーマコンポーネントを作成しました。可能性を大いに感じているからです。
GitHub - hnb-ku/discourse-checkout · GitHub
インストール後、投稿内で以下のような記述をすると、自動的にボタンに変換されます。
[wrap=checkout data-seller=5aaa701149321a00145c99b9 data-checkout=ux-animation-tool-license]button text[/wrap]
そのボタンをクリックすると、seller ID や checkout-data などの情報に基づいてモーダルが表示されます。
テーマクリエーターでデモを作成しました。
https://theme-creator.discourse.org/theme/Johani/discourse-checkout
私たちの側ではすべて正常に動作しているようですが、以前 checkout-page を使ったことがないため、実際に購入したことはありません。@FrancoisD さん、実際に購入・販売を試して、結果を報告していただけますか?
すべて問題ないことを確認でき次第、これをテーマカテゴリに移します。
また、実装方法を説明するために、コード内にいくつかコメントを残しました。
FrancoisD
(François Douville)
4
@Johani 申し訳ありません、休暇中で不在でした!
完璧です。お時間をいただき、本当にありがとうございます。
FrancoisD
(François Douville)
5
こんにちは @Johani さん、テーマとして作成する時間がありましたか?