Add a favorite button on the collection page

• A favorite button can be added to the collection page.
• How to customize your favorite buttons,this way (direction close to the speaker or towards the speaker)for more information.
• The list of customers who have been added to your favorites can be found in StoreCRM -> [Customers] -> [Favorites List].

Add a favorite button on the collection page

• This manual is written using "Dawn ver. 15.2.0".
• If you are using a different theme or versionContact UsPlease contact us with the name of the theme you are using.

1. click on Themes -> Theme where you want to introduce your favorite -> [...] -> [Edit Code].

Open [snippets]->[card-product.liquid

3. line 207,{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}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.
Don't forget to save it, just in case.

[Ver. with wording].

<div class="”storecrm-favorite”" data-product-id="”{{" card_product.id }}” data-variant-id="”{{" card_product.first_avaiable_variant.id data-variant-selector data-variants ="”{{" card_product.variants | json escape></div>

[No wording ver].

<div class="”storecrm-favorite”" data-product-id="”{{" card_product.id }}” data-variant-id="”{{" card_product.first_avaiable_variant.id data-no-label data-variant-selector data-variants ="”{{" card_product.variants | json escape></div>

Open [asset]->[component-card.cssThe following is a list of the most common problems with the

5. [.card__heading a::after].and perform a search on line 350.
bottom: 0; →directional marker or indicatorbottom: 50; to the following.
Don't forget to save it.

6. Check the collections page to make sure the favorites button is displayed correctly.

Related Pages

• Add a favorites feature