{"id":3390,"date":"2025-02-07T15:33:49","date_gmt":"2025-02-07T06:33:49","guid":{"rendered":"https:\/\/storecrm.com\/help\/?p=3390"},"modified":"2026-10-02T15:05:45","modified_gmt":"2026-10-02T06:05:45","slug":"favorite-button-to-collection-page","status":"publish","type":"post","link":"https:\/\/storecrm.com\/help\/en\/setting\/favorite-button-to-collection-page\/","title":{"rendered":"Add a favorite button on the collection page"},"content":{"rendered":"<ul class=\"wp-block-list\">\n<li>A favorite button can be added to the collection page.<\/li>\n\n\n\n<li>How to customize your favorite buttons,<a href=\"https:\/\/storecrm.com\/help\/en\/setting\/favorites\/\" title=\"\">here<\/a>\u00a0for more information.<\/li>\n\n\n\n<li>\u304a\u6c17\u306b\u5165\u308a\u306b\u767b\u9332\u3057\u305f\u9867\u5ba2\u306e\u4e00\u89a7\u306f\u3001StoreCRM\u2192[\u304a\u6c17\u306b\u5165\u308a]\u2192[\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7]\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad9b360c5fbd&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad9b360c5fbd\" class=\"wp-block-image size-large wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"489\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-6-1024x489.png\" alt=\"\" class=\"wp-image-3398\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-6-1024x489.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-6-300x143.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-6-768x366.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-6-1536x733.png 1536w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-6.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add a favorite button on the collection page<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This manual is written using \"Dawn ver. 15.2.0\".<\/li>\n\n\n\n<li>If you are using a different theme or version<a href=\"https:\/\/storecrm.com\/ja\/contact\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Contact us<\/a>Please contact us with the name of the theme you are using.<\/li>\n<\/ul>\n\n\n\n<h6 class=\"wp-block-heading\">1. click on Themes -&gt; Theme where you want to introduce your favorite -&gt; [...] -&gt; [Edit Code].<\/h6>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad9b360c632a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad9b360c632a\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"486\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image_en.png\" alt=\"\" class=\"wp-image-3392\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image_en.png 1630w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image_en-300x161.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image_en-1024x550.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image_en-768x412.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image_en-1536x825.png 1536w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image_en-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Open [snippets]-&gt;[card-product.liquid<\/h6>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad9b360c65b5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad9b360c65b5\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"485\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-1_en.png\" alt=\"\" class=\"wp-image-3393\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-1_en.png 1639w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-1_en-300x158.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-1_en-1024x538.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-1_en-768x403.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-1_en-1536x807.png 1536w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-1_en-18x9.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>3. line 207,<\/strong><code>{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}<\/code>Paste the following code under the You can choose whether or not to add text to the favorite button, so choose according to your store.<br>Don't forget to save it, just in case.<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>HTML\u5bb9\u91cf\u3092\u6291\u3048\u308b\u305f\u3081\u3001data-variants \u306f id\uff08\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3ID\uff09\u3068 title\uff08\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u540d\uff09\u306e2\u9805\u76ee\u3060\u3051\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/strong>\u5168\u9805\u76ee\u3092\u51fa\u529b\u3059\u308b\u3068\u3001\u4fa1\u683c\u30fbSKU\u30fb\u753b\u50cf\u306a\u3069\u306e\u60c5\u5831\u304c\u5546\u54c1\u30ab\u30fc\u30c9\u3054\u3068\u306b\u7e70\u308a\u8fd4\u3055\u308c\u3001\u7279\u306b\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u6570\u3084\u8868\u793a\u5546\u54c1\u6570\u304c\u591a\u3044\u30da\u30fc\u30b8\u3067\u8868\u793a\u901f\u5ea6\u306b\u5f71\u97ff\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ee5\u4e0b\u306f\u304a\u6c17\u306b\u5165\u308a\u30dc\u30bf\u30f3\u5c02\u7528\u306e\u30b3\u30fc\u30c9\u3067\u3059\u3002\u30e1\u30fc\u30eb\u30fbLINE\u306e\u518d\u5165\u8377\u901a\u77e5\u30dc\u30bf\u30f3\u306f\u5728\u5eab\u5207\u308c\u5224\u5b9a\u306b available \u3082\u4f7f\u7528\u3059\u308b\u305f\u3081\u3001\u540c\u30582\u9805\u76ee\u3078\u306e\u524a\u6e1b\u306f\u9069\u7528\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u30c6\u30fc\u30de\u306e\u5546\u54c1\u5909\u6570\u304c product \u306a\u3069\u5225\u306e\u540d\u524d\u306e\u5834\u5408\u306f\u3001card_product \u3092\u305d\u306e\u5909\u6570\u540d\u3078\u7f6e\u304d\u63db\u3048\u3066\u304f\u3060\u3055\u3044\u3002\u5f15\u7528\u7b26\u306f\u534a\u89d2\u306e &quot; \u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u4e00\u89a7\u7528\u306f data-variant-selector \u3067\u9078\u629e\u3059\u308b\u305f\u3081\u3001data-variant-id \u3092\u6307\u5b9a\u3057\u307e\u305b\u3093\u3002\u5358\u4e00\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u306f\u81ea\u52d5\u7684\u306b\u9078\u629e\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">[Ver. with wording].<\/h6>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=&quot;storecrm-favorite&quot;\n  data-product-id=&quot;{{ card_product.id }}&quot;\n  data-product-tags=&quot;{{ card_product.tags | json | escape }}&quot;\n  data-variant-selector\n data-variants=&quot;[{%- for v in card_product.variants -%}{&amp;quot;id&amp;quot;:{{ v.id }},&amp;quot;title&amp;quot;:{{ v.title | json | escape }}}{%- unless forloop.last -%},{%- endunless -%}{%- endfor -%}]&quot;&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<h6 class=\"wp-block-heading\">[No wording ver].<\/h6>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=&quot;storecrm-favorite&quot;\n  data-product-id=&quot;{{ card_product.id }}&quot;\n  data-product-tags=&quot;{{ card_product.tags | json | escape }}&quot;\n  data-no-label\n data-variant-selector\n data-variants=&quot;[{%- for v in card_product.variants -%}{&amp;quot;id&amp;quot;:{{ v.id }},&amp;quot;title&amp;quot;:{{ v.title | json | escape }}}{%- unless forloop.last -%},{%- endunless -%}{%- endfor -%}]&quot;&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad9b360c68ed&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad9b360c68ed\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-2_en.png\" alt=\"\" class=\"wp-image-3394\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-2_en.png 1911w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-2_en-300x137.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-2_en-1024x467.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-2_en-768x350.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-2_en-1536x701.png 1536w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-2_en-18x8.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Open [asset]-&gt;[component-card.css<\/strong>The following is a list of the most common problems with the<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad9b360c6b72&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad9b360c6b72\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-3_en.png\" alt=\"\" class=\"wp-image-3395\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-3_en.png 1909w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-3_en-300x137.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-3_en-1024x467.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-3_en-768x350.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-3_en-1536x700.png 1536w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-3_en-18x8.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>5. [.card__heading a::after].<\/strong>and perform a search on line 350.<br><code><strong>bottom: 0;<\/strong> \u2192directional marker or indicator<strong>bottom: 50;<\/strong><\/code> to the following.<br>Don't forget to save it.<\/h6>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad9b360c6de0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad9b360c6de0\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-4_en.png\" alt=\"\" class=\"wp-image-3396\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-4_en.png 1634w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-4_en-300x162.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-4_en-1024x551.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-4_en-768x414.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-4_en-1536x827.png 1536w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/06\/image-4_en-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>6. <\/strong>Check the collections page to make sure the favorites button is displayed correctly.<\/h6>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad9b360c7061&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad9b360c7061\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-5-1024x489.png\" alt=\"\" class=\"wp-image-3397\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-5-1024x489.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-5-300x143.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-5-768x366.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-5-1536x733.png 1536w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2025\/02\/image-5.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u65e2\u5b58\u306e\u5168\u9805\u76ee\u51fa\u529b\u30b3\u30fc\u30c9\u3092\u5909\u66f4\u3059\u308b\u5834\u5408\u306f\u3001\u30c6\u30fc\u30de\u3092\u8907\u88fd\u3057\u3066\u304b\u3089 data-variants \u3092\u4e0a\u8a18\u306e\u8efd\u91cf\u7248\u3078\u5dee\u3057\u66ff\u3048\u3066\u304f\u3060\u3055\u3044\u3002\u30a2\u30d7\u30ea\u66f4\u65b0\u3060\u3051\u3067\u306f\u3001\u30c6\u30fc\u30de\u3078\u624b\u52d5\u3067\u8cbc\u308a\u4ed8\u3051\u305f\u30b3\u30fc\u30c9\u306f\u5909\u66f4\u3055\u308c\u307e\u305b\u3093\u3002\u5909\u66f4\u5f8c\u306f\u3001\u30cf\u30fc\u30c8\u306e\u8868\u793a\u3001\u8907\u6570\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u306e\u9078\u629e\u3001\u5358\u4e00\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u5546\u54c1\u306e\u767b\u9332\u3001\u767b\u9332\u30fb\u89e3\u9664\u3001\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u3078\u306e\u53cd\u6620\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<pre class=\"wp-block-verse has-small-font-size\"><strong>Related pages<\/strong><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/storecrm.com\/help\/en\/setting\/wishlist\/\" data-type=\"post\" data-id=\"1486\">Add a favorites feature<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"Adding a favorite button to a collection page 1. theme \u2192 the theme where you want to introduce favorites \u2192 [...] \u2192 [...] \u2192 [...] \u2192 [...] \u2192 [...] \u2192 [Add favorite button to collection page","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,76],"tags":[129],"class_list":["post-3390","post","type-post","status-publish","format-standard","hentry","category-setting","category-setting-setting","tag-restock-notice"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/3390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/comments?post=3390"}],"version-history":[{"count":15,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/3390\/revisions"}],"predecessor-version":[{"id":7491,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/3390\/revisions\/7491"}],"wp:attachment":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/media?parent=3390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/categories?post=3390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/tags?post=3390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}