How to manually integrate Fodane with a Shopify theme?

Upon installing the Fodane app in a Shopify store, we insert a file in your theme. But sometimes (significantly less often), our automatic system fails to integrate with the theme.

So in this article, we guide you step-by-step on how to integrate Fodane manually with a theme.

Step 1: Edit " Theme Files"

You can edit your theme files in Shopify admin by clicking Online Store > Themes > Actions > Edit code.

Step 2: Add a new snippet in the theme.

Create a new snippet in the theme under Snippets folder by clicking "Add a new snippet" button.

Step 3: Give a name to that snippet

After clickng the "Add a new snippet" button provide a name to the snippet fodane.liquid

Step 4: Add Code in the "Fodane snippet"

After creating the snippet, paste the below-given code into the snippet.

`
{% if content_for_header contains 'fodane.app' %}
{% assign scriptParams = content_for_header | split: 'fodane.app' | last | split: '"' | first | split: "v=" | last %}
{% assign shopId = content_for_header | split: 'fodane.app' | last | split: '"' | first | split: '' | slice: 2 | first | replace: '/' %}

{% endif %}`

Step 5: Add "Fodane Code" in the theme.liquid

Now go to "Layout > theme.liquid" file and add this code {% render 'fodane' %} before </head>

Updated on: 18/05/2022