Toki has our own out of the box Wishlist functionality that is quite simple to set up. In fact all you will need to do is create the Design components in our Designer and place them onsite where you'd like.
You'll need to add:
1) A wishlist button on your product pages
By designing it in Toki:
Then adding it in Shopify:
2) A wishlist component to your collection pages
By designing it in Toki:
Then adding it in Shopify:
3) An area in your customer account page for your users to manage their wishlist
By designing it in Toki:
Then adding it in Shopify:
Final Step
You will then add this code to your Product.liquid and your product-card.liquid.
<div
class="toki-shopify-integration-block-wishlist-button-root"
data-variant_id="{{ product.first_available_variant.id }}"
data-settings='{"designId":"YOUR_DESIGN_ID", "moduleType":"wishlist_button"}'
></div>
class="toki-shopify-integration-block-wishlist-button-root"
data-variant_id="{{ product.first_available_variant.id }}"
data-settings='{"designId":"YOUR_DESIGN_ID", "moduleType":"wishlist_button"}'
></div>
You will need to add the design ID. Here is how to find the design ID.
