Installing the Swym Wishlist Feature on Your Shopify Dev Theme

If installed after 20th September 2023 (only for Shopify stores)

Here is how you can enable Swym Wishlist Plus on a Dev theme/unpublished theme, if you’ve installed the app after 20th September 2023!

1. Go to Shopfiy admin portal of the store → Themes page

2. Click on “Customize“ button against the dev theme you want to install/test it on

3. Navigate to the “App Embeds“ section by clicking on the option in the left hand side menu
4. Toggle on the Wishlist Plus app embed block shown there and click on “Save

It’s as simple as that!

How to disable Wishlist Plus on your live theme

1. In the admin console, go to Online Store > theme 
2. Choose the Current theme/ Production theme
3. Click on Action> Edit Code

1. In the “Search files” tab on the left, look for “theme.liquid” file and open it
2. Search for the line of code:

{% include 'swymSnippet' %}

3. Comment this code out. This can be done by replacing the above line with this instead:

{% comment %}{% include 'swymSnippet' %} {% endcomment %}

Now Wishlist Plus is disabled for your Production theme/Current theme. When you feel like you are ready to re-enable the app on the theme, just retract the comment and replace it back to:

{% include 'swymSnippet' %}

How to copy Swym application files over from your live site

To install Wishlist Plus, you need to add two snippet files to your new theme.

Open your live theme in a new tab

1. In the admin console, go to Online Store > theme 
2. Choose your live theme
3. Click on Action> Edit Code

Open the dev/unpublished theme in a new tab

1. In the admin console, Go to Online Store> theme 
2. Choose the unpublished theme you would like to enable the app for (in the “More themes” section)
3. Click on Action > Edit Code

4. In the dev theme, on the “Search files” tab, look for the theme.liquid file and open it
5. Add code:

{% include 'swymSnippet' %}

into the theme.liquid file. We recommend that you add it before the </body> tag to make sure it is within the store.

6. On you dev theme, now create a new snippet.
   • In the “Edit Code” section, look for Snippets, click on it and select “Add a new snippet”

7. Name the snippet ‘swymSnippet.liquid’ and click on create a snippet.
8. Now your “swymSnippet.liquid” file is created and it will open an empty file on the editor

9. You must now copy the content of the snippet from the Current theme/Production theme onto the Dev theme
   • Go to your Current theme/Production theme tab on the browser that you previously opened 
   • On the search tab, Look for “snippets/swymSnippet.liquid” and open it. 
   • Select all the contents of the file and copy it 
   • Go back to the browser tab with the dev/unpublished theme. 
   • Paste the contents you just copied into this blank file. 
10. You will need to create a new snippet on your dev theme called swym-product-view as detailed in this article here.

11. Click Save on top right corner to make changes permanent. 

You are done! Your wishlist from the production theme is now applied on to your dev/unpublished theme. You can preview the unpublished theme to make sure all the configuration settings and UI layouts are as desired before going live.