Wishlist
Nick Paul avatar
Written by Nick Paul
Updated over a week ago

The Wishlist settings contain the settings for your wishlist.
​Theme Next uses the support of Wishlist Rocket for the wishlist option within the theme. Are you using a different Wishlist app? Get in touch with to request support!

Now click on 'Wishlist', the following settings will open:
​

Wishlist

Enable wishlist:
Simply check this option to enable the wishlist on your shop. Please note that you'll need to set up custom CSS selectors to get this working!


Setting up CSS selectors

To enable the wishlist, you'll need to fill in some CSS selectors to get everything just right.
To do so, in your Shopify Backend go to the app 'Wishlist Rocket > Settings > Customize button'

When clicked, the following screen will open:

Right now, we'll need to update the CSS selectors to match Theme Xclusive.
Click on button design & position:

When this is clicked, the settings for the button design & position will open. The position is the most important setting here, this will assure that the wishlist will be placed at the correct position within the theme.

For the 'button position' set the setting on 'Specific position on page', then set the 'Page selector to inset button' to the following:
​.wishlist-buy-button
​
Then simply save this option. Just one step left!
Go back to the button settings and click on 'Collection & home page'

When this is clicked, the settings for the collection & home page will open. These settins will assure that the wishlist will be placed at the correct position within the home and collection pages (when enabled).

Enable the show 'add to wishlist' options as desired. The next step is to set the CSS selectors.
set the 'CSS selector' to the following value: .wishlist-product-card
Simply save the settings and you are good to go!

Did this answer your question?