Bouquet株式会社

商品一覧ページへのお気に入りボタンの追加に関して

以下のコードを入れ、テーマのお気に入り機能を有効化することで、コレクション/検索結果ページ上でお気に入りボタンを表示できます。

  • data-multilikes-product-button

    設定してください。

  • data-product-id

    商品のIDを設定します。

  • data-variant-id

    商品バリエーションのIDを設定します。

  • ボタンテキスト

    テーマ設定で指定したテキスト(お気に入り追加テキスト/お気に入り削除テキスト)で表示します。

HTML

絞り込み適用/並び替え適用でページ内容が更新された場合、更新後のJavaScriptで以下を実行してください。

JavaScript

本コードはあくまでサンプルとなります。

コード挿入する箇所はテーマのtheme.js、custom.jsによって変更されますので予めご了承くださいませ。