Wishlist

Step 1: Install Shopify app

Install the Brad NextGen Wishlist app.

Step 2: Go to Customizer Page

Edit and style the wishlist icon to match your shop's theme, then preview the selected item to see how it appears in the shop layout.

You can also Preview the item, Before going to the store.

Step 3: Add Wishlist Icon Block on the Product Page.

For manually adding the Wishlist Icon block follow the following steps: 1. Here click on Default Product in product.

1. Here in Template section, click on Add Block and then click on Apps. Here add “Wishlist Product Icon” App.

Preview:

Also Clicking on Wishlist Product Icon, It will open: Using which you can do following things:

• Adjust the icon appearance for both "Before Adding" and "After Adding" states.

• Select the preferred position for the icon within the shop layout.

Step 4: Add Wishlist View Icon in Header or in as a Floating icon.

Note: The icon in the header block may not work with every theme, as some themes don’t support block rendering. If you need assistance, please reach out to Support.

1. Now If you want See wishlisted products and want to add Icon in header, then,

Preview:

else 2. If you want to add Wishlist View icon as Floating, then > Go to app Embeds > here add Floating Wishlist Icon Preview:

3. If you want You can Add both at a time also.....

Step 5: Add the icon in collection page/Block

>The block will not display immediately; a small code modification is needed. You have to add 5-6 lines of code. > If you're unsure or need help, contact Support—our team is ready to assist you! > Now step 6 for those who know or want to try and add the code.

Step 6: Code for the Collection Page/Block

Note: The following instructions are for those who are developers or would like to try it themselves.

Don't worry, we will Go through it with you every step of the way. It might give you an exciting experience.

• You have to Do following steps:

1. Click on three dots and then click on Edit code

1. There Search “product or card_product” or where your product is showing. Then in the Snippet Folder Go into that liquid file .

> File name may be "card_product.liquid" or "product.liquid" or maybe else…

In the following example it is "card_product.liquid"

1. Here Go into card-product and Add the following code into the first div you find.

It will first look like this

>Add the following code.. Into first div bngwl-product-title="{{ card_product.title | escape }}" bngwl-product-id ="{{ card_product.id }}" bngwl-product-url="{{card_product.url }}" bngwl-product-image="{{ card_product.media[1] | image_url: width: 165}}" bngwl-product-sale-price="{{ card_product.price | money }}" bngwl-variant-id = "{{ card_product.selected_or_first_available_variant.id }}" bngwl-variant-name = "{{ card_product.selected_or_first_available_variant.title }}"

After adding the code It will look like this :

1. And click Save. And Done.

• Now go to the App embeds then enable it For styling..or Placing..where you want Like Top-right, Bottom-right etc you can do that Clicking on collection in app embeds.

Style According to your theme. using the following.

Now, you are done.

Pricing and Billing

• Currently You are on a Free plan if you haven't subscribed to the app. You have only 100 wishlists. If you want to add more. Go to the Pricing page in the app and Subscribe to add more wishlists. It will look like this: