{"id":2488,"date":"2024-10-14T14:01:39","date_gmt":"2024-10-14T05:01:39","guid":{"rendered":"https:\/\/storecrm.com\/help\/?p=2488"},"modified":"2026-09-28T19:58:14","modified_gmt":"2026-09-28T10:58:14","slug":"favorites","status":"publish","type":"post","link":"https:\/\/storecrm.com\/help\/en\/setting\/favorites\/","title":{"rendered":"Customize your favorite buttons"},"content":{"rendered":"<p>You can change the StoreCRM favorite button's colors, text, icon, width, and other options from the admin. These settings are applied to the favorite button shown on product pages in your store.<\/p>\n<h2>Configure the favorite button<\/h2>\n<ol><li>StoreCRM\u7ba1\u7406\u753b\u9762\u306e\uff3b\u304a\u6c17\u306b\u5165\u308a\uff3d\u2192\uff3b\u304a\u6c17\u306b\u5165\u308a\u8a2d\u5b9a\uff3d\u3092\u958b\u304d\u307e\u3059\u3002<\/li><li>Select the [Favorite button] tab.<\/li><li>Configure the button text, colors, icon, background, and other options.<\/li><li>Check the preview on the right, then click [Save].<\/li><\/ol>\n<h3>Set the button width as a percentage<\/h3><p>Turn on [Use a button background] to select [Percentage of container (%)] under [Button width unit]. Enter a width from 1% to 100%. Without a background, the width adjusts automatically to the content.<\/p>\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1440\" height=\"1400\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorites-20260903.png\" alt=\"Admin settings and preview with the favorite button width set to 65% of its container\" class=\"wp-image-5909\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorites-20260903.png 1440w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorites-20260903-300x292.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorites-20260903-1024x996.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorites-20260903-768x747.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorites-20260903-12x12.png 12w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<!-- storecrm-help-redo-v4:app-embed:start -->\n<h2 class=\"wp-block-heading\">Check the features you need App Embed<\/h2>\n<p class=\"wp-block-paragraph\">App Embed works even if it is off because the block itself reads common JavaScript.<\/p>\n<p class=\"wp-block-paragraph\">App Embed [Common Features of StoreCRM] is necessary for a list of favoritess, pages with no product block, a traditional customer account, and all page common widgets. Check the state of the public theme on the StoreCRM settings screen, and select \"Reconfirm\" only if necessary.<\/p>\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928.png\"><img decoding=\"async\" width=\"1440\" height=\"1100\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928.png\" alt=\"Check the App Embed status of the public theme in StoreCRM.\" class=\"wp-image-7118\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928.png 1440w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-300x229.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-1024x782.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-768x587.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-16x12.png 16w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption class=\"wp-element-caption\">Check the App Embed status of the public theme in StoreCRM.<\/figcaption><\/figure>\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928.png\"><img decoding=\"async\" width=\"1120\" height=\"250\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928.png\" alt=\"Turn on App Embed in the theme editor if you want to use the necessary features.\" class=\"wp-image-7120\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928.png 1120w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-300x67.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-1024x229.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-768x171.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-18x4.png 18w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Turn on App Embed in the theme editor if you want to use the necessary features.<\/figcaption><\/figure>\n<!-- storecrm-help-redo-v4:app-embed:end -->\n\n<h2>Configure the Favorites page<\/h2><p>Change the Favorites page display from the [List page] tab on the same settings screen. You can use Simple mode without code or Advanced mode to edit Liquid and CSS. For detailed editing instructions, see<a href=\"https:\/\/storecrm.com\/help\/en\/setting\/favorite-list-page-customize\/\">Customizing the Favorites page with Liquid<\/a>for more information.<\/p>\n<pre class=\"wp-block-verse\"><strong>Related pages<\/strong><\/pre><ul><li><a href=\"https:\/\/storecrm.com\/help\/en\/setting\/wishlist\/\">Add a favorites feature<\/a><\/li><li><a href=\"https:\/\/storecrm.com\/help\/en\/setting\/favorites-list\/\">Check the list of favorites<\/a><\/li><li><a href=\"https:\/\/storecrm.com\/help\/en\/\u8a2d\u5b9a\/favorite-report\/\">View the Favorites Report<\/a><\/li><\/ul>","protected":false},"excerpt":{"rendered":"StoreCRM\u306e\u304a\u6c17\u306b\u5165\u308a\u30dc\u30bf\u30f3\u306f\u3001\u7ba1\u7406\u753b\u9762\u304b\u3089\u8272\u3001\u6587\u8a00\u3001\u30a2\u30a4\u30b3\u30f3\u3001\u5e45\u306a\u3069\u3092\u5909\u66f4\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u8a2d\u5b9a\u306f\u30b9\u30c8\u30a2\u306e [&hellip;]","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-2488","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\/2488","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=2488"}],"version-history":[{"count":34,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/2488\/revisions"}],"predecessor-version":[{"id":7234,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/2488\/revisions\/7234"}],"wp:attachment":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/media?parent=2488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/categories?post=2488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/tags?post=2488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}