Adding a favorite button to collection pages - サポートセンター｜Bouquet Inc.

data-multilikes-product-button Required.
data-product-id Set the product ID.
data-variant-id Set the product variant ID.
Button text Rendered with the text you set in the theme settings, for adding and removing a favorite.

<button
	class="multilikes-product-btn"
	data-multilikes-product-button
	data-product-id="{{ product.id }}"
	data-variant-id="{{ product.selected_or_first_available_variant.id }}"
>
	Add to favorites
</button>

When the page content is refreshed by filtering or sorting, run the following in your JavaScript afterwards.

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

This is sample code. Where you insert it depends on the existing code in your theme, such as theme.js or custom.js.

Related topics

We want a heart icon on collection pages so customers can favorite from there Adding a favorite button to the cart page Adding only a favorite button to an existing brand or store list

⌘I