Installing the Swym Wishlist Feature on Your Shopify Dev Theme

When you install a Shopify app, you do so on your live (production) theme. Because of that, it’s a little tricky to configure and try the app out on a dev theme before moving it to production.

Installing Wishlist Plus on a new development copy of your live theme

If you want to install Wishlist Plus on a brand new copy of your live theme, it’s a pretty straightforward exercise. Click the links for detailed instructions for each step.

1. Install Wishlist Plus on your live theme via the Shopify App Store
2. Create a development copy of your live theme
3. Disable Wishlist Plus on your live theme

Installing Wishlist Plus on a brand new theme or an older dev theme

If you need to install Wishlist Plus on a brand new theme, like one you’ve downloaded from the Shopify theme store, or a dev theme you’ve had around before you installed Wishlist Plus, the process is slightly more complicated:

1. If you haven’t already, install Wishlist Plus on your live theme via the Shopify App Store
2. Disable Wishlist Plus on your live theme (you only need to do this if you’re installing Wishlist Plus for the first time and you’re not ready to enable it yet)
3. Copy Swym application files over from your live site

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.