# Wishlist The Wishlist feature allows customers to save their favorite products for easy access at a later time. Built on the **Wishlist Plus app**, this functionality uses a robust backend and reliable infrastructure to ensure fast performance, accurate data syncing, and a seamless user experience across sessions and devices. **Wishlist Single** refers to a simplified wishlist experience where all saved products are added to **one single list**, instead of allowing multiple separate wishlists. This approach reduces friction for users, making it easier to save, manage, and revisit products without the complexity of managing multiple lists. ### Features * **Powered by Wishlist Plus** Uses the Wishlist Plus app to handle all wishlist logic, storage, and backend processing. * **Single Wishlist (Wishlist Single)** All products are saved into one unified wishlist, providing a simple and intuitive experience without multiple list management. * **Save Products for Later** Customers can add products to their wishlist directly from product cards or product detail pages. * **Persistent Wishlist Data** Wishlist items remain available across sessions, devices, and user logins. * **Easy Add & Remove Actions** Products can be quickly added to or removed from the wishlist with instant visual feedback. * **Logged-in User Support** Supports wishlist usage for both guest users and logged-in customers (based on Wishlist Plus configuration). * **Seamless Theme Integration** Designed to blend naturally with the storefront’s design and existing UI patterns. * **Improved Shopping & Return Visits** Helps customers keep track of products they like, encouraging repeat visits and future purchases. * **Backend Managed by Wishlist Plus** All data handling, synchronization, and storage are managed by Wishlist Plus, minimizing custom maintenance. ### Managing Wishlist * Go to online store > Edit theme (customizer). * Navigate to theme settings and look for wishlist. * Enable wishlist checkbox to turn the wishlist feature on. * You can also enable the guest wishlist feature from the options. * You can use custom wishlist icons as per your project requirement. Just paste the svg code for both default and active states in their individual fields. #### App Side Settings * Go to wishlist plus app and choose your theme to enable the setup. * Go to Configurations > Help Shoppers save favourite. * Disable Save for later . * Click on wishlist button settings. * Goto Other Settings and disable the checked options. ![image.png](attachment:c530210e-aba3-48ac-b638-957a01580594:image.png) * Goto Collections tab and enable the first option. ![image.png](attachment:82dd9d17-a465-4756-9ae8-dafcec7c7fe9:image.png) * Goto Wishlist Page and select the separate page option. Select Header option from the launch from option and disabled the other settings button. ![image.png](attachment:3ba0fd0b-1b76-4e19-af3a-3f1c9ee62dbc:image.png) * Goto cart and disable the first option. ![image.png](attachment:a12dc0fa-0500-45f5-8ea1-6a59754c86b5:image.png) These Marked settings are the ones that are being used or affect the implementation. * Goto > online store > edit theme (customizer) > app embeds and enable “App Control Center (wishlist plus)” * Once these settings are done goto > online store > pages. * There will be 2 new pages added by the app, hide the Shared wishlist page and open the wishlist page. * Change the wishlist template from swym to wishlist. * Change the seo settings from swym-wishlist to wishlist. ![image.png](attachment:2a7a2fe6-0610-4942-924d-57cc9749efed:image.png) **MAKE SURE TO CHANGE THE PAGE HANDLE TO WISHLIST AS THE HANDLE IS HARDCODED IN SCRIPTS AND FEW OF THE CONDITIONS ARE WORKING ON “WISHLIST” HANDLE. CHANGING THE HANDLE CAN STOP WISHLIST FUNCTIONALITY. IF REQUIRED TO CHANGE THE HANDLE FOR ANY REASON CONTACT DEVELOPER TO UPDATE THE SCRIPT WITH THE NEW PAGE HANDLE TO GET WISHLIST STARTED.** ## **FOR DEVELOPERS ONL**Y To ease up the installation, most of the files have been imported in the ORION MAIN branch. Ensure the wishlist page handle is /wishlist only if changed as per requirement update it in wishlist js as well. Files: * /sections/wishlist-main.liquid * /snippets/wishlist-page.liquid * /snippets/swymSnippet.liquid * /snippets/swym-custom.liquid * /snippets/wishlist-modal.liquid * /snippets/product-card—wishlist * /template/product.card-wishlist.liquid * /layout/theme.liquid * /snippets/icon-wishlist.liquid * /snippets/icon-wishlist-active.liquid * /snippets/wishlist-trigger.liquid * /snippets/product-purchase-form.liquid * /scss/wishlist. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.almond.studio/integrations-and-apps/wishlist.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.