Wishlist
Shopify Storefront data and cart logic is bound to your Webflow elements through Shopyflow attributes. Connecting your Webflow site to Shopify is done by adding custom attributes to your Webflow elements.
Yet, you are not required to type or edit attributes manually. Shopyflow provides you with the pre-configured components needed to create your store, as copyable Webflow elements right in Webflow designer.
All the copyable Shopyflow Components are native editable Webflow elements. There is no layout or styling limitation on any element.
In the below image hover your mouse on the hotspots to see all the required Shopyflow attributes to build a product page like this in Webflow
The Wishlist Module allows customers to save products they're interested in for later viewing. This feature helps customers keep track of products they want to purchase in the future.
This component is made up of three sub-components:
- Wishlist: The outer wrapper element that defines the boundaries of the module.
- Wishlist List: The looping container that holds the wishlist items.
- Wishlist Item: The product card template that displays each wishlisted product's information.
Webflow app usage
- Copy the component from the Shopyflow Webflow App > Store Builder.
- In Webflow Designer go to the wishlist page and paste the element.
- Do not forget to add an Add to Wishlist Button to your product page.
- Publish your site.
Webflow app settings
Inner components
Module contents
Available methods
Wishlist List
Contains the list of the Wishlist Items. Wishlist List is a Div Block with the sf-wishlist-list attribute. It displays all products that the customer has added to their wishlist.
Component
contents
Wishlist List
Contains the list of the Wishlist Items. Wishlist List is a Div Block with the sf-wishlist-list attribute. It displays all products that the customer has added to their wishlist.
Webflow app usage
Webflow app settings
State management
Related Utilities
