商品一覧ページへのお気に入りボタンの追加に関して - サポートセンター｜Bouquet Inc.

data-multilikes-product-button 設定してください。
data-product-id 商品のIDを設定します。
data-variant-id 商品バリエーションのIDを設定します。
ボタンテキストテーマ設定で指定したテキスト（お気に入り追加テキスト/お気に入り削除テキスト）で表示します。

<button
	class="multilikes-product-btn"
	data-multilikes-product-button
	data-product-id="{{ product.id }}"
	data-variant-id="{{ product.selected_or_first_available_variant.id }}"
>
	お気に入りに追加
</button>

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

if (typeof window.initProductWishlist === "function") {
	window.initProductWishlist();
}

本コードはあくまでサンプルとなります。コード挿入する箇所はテーマのtheme.js、custom.jsなどの既存のコードによって変更されますので予めご了承くださいませ。

Related topics

商品一覧ページ上にハートマークをおいて、お気に入り登録をしたいカートページへのお気に入りボタンの追加に関して特定の商品のみ、マイページからカートに追加できないようにしたい

⌘I