Code Queen
Create a Wishlist on Wix Stores with Add All to Cart via Reference Fields on Velo
Wix recently created a Wishlist tutorial using heart icons to display if item is in the User's wishlist and using 'x' icon to remove item from wishlist. In our version of the Wishlist tutorial, we will use less steps to create the Wishlist and will use buttons to add or delete items from a Wishlist. As a bonus, we will also create an 'add to cart' button for single items and add the entire Wishlist to the cart in one click. Please be advised that this tutorial does NOT REQUIRE the Members Area pages but it does require for users to log into the site in order to come back and view the products they have saved.
0:00 Intro
1:07 Wishlist for Wix Stores Tutorial Code
2:14 Wix Stores Wishlist Example Tutorial Site
2:56 Wix Stores Product Logic
3:28 Wix Stores Member User Logic without extra Code for Wix Stores Product Details Page
4:13 Wix Stores Member with code on the Product Details Page
4:48 Step#1, Create Database for Wishlist of Wix Stores
5:00 How to create database for Wishlist of Wix Stores
5:28 Database permission settings for Wishlist of Wix Stores
5:51 Reference field for Products Collection settings
6:10 How to add member permissions for Method #1 configuration without code on Wix Stores Product Page
7:04 Step #1, Velo Code for Method #1 for Members Only Wix Stores Product Details Page
7:26 Where to paste Velo code in the Wix Editor for Wix Stores Product Details Page
7:47 Follow the notes on the Velo code lines to modify your Velo code
7:55 Velo Code for Method #2 for Public Wix Stores Product Details Page
8:40 Recap of Step #1 and Step #2, Add Database, Add buttons, Page Permissions, Velo Page Code
9:17 Step #3 Create regular page to display Wishlist of Wix Stores
9:35 Regular Page Wishlist Page set to Members Only
9:55 Which elements to add to the Wishlist Page
11:23 Dataset settings for Wishlist Page with filter
11:40 Connect elements to dataset, Do not connect Add to Cart button to dataset
12:03 Velo Code to Add to Cart to Wix Stores shopping cart
13:40 Example of what Wishlist page looks like
14:10 Velo example code for Bulk Add to Cart
15:08 Tutorial Site live view and testing the code
Note: Wix Stores released a native Wishlist function that requires zero code but installing the Members Area is mandatory
----------------------------------------
Links for this tutorial:
https://www.totallycodable.com/post/creating-a-wishlist-using-wix-stores-with-add-to-cart-function
----------------------------------------
Join Facebook Group: www.facebook.com/groups/wixcode
Official YouTube Website: www.totallycodable.com
Facebook Page: www.facebook.com/codequeen
Code Snippets: support.totallycodable.com/tutorials
Contact Code Queen: www.codequeen.co/
Official Wix Corvid Forum: https://www.wix.com/corvid/profile/code-queen/profile
--------------------
Totally Codable Logo by: https://www.mattlowedesign.co.uk
Code Queen logo by: https://www.wix.com/arena/wix-expert/sissi-wedgwood/portfolio
Video Intro by: Code Queen