Convert your Theme
Liquify provides several methods to manage and maintain your Shopify theme. It’s crucial to ensure that your content originates from Shopify, keeping your Webflow project as minimal as possible (e.g., assets should be managed in Shopify, not uploaded to Webflow).
The most efficient way to handle your Shopify theme is through our GitHub integration. By connecting your Liquify project to a GitHub repository and linking the repository to Shopify, you streamline your workflow. The following paragraphs will explain these methods in detail.
How to Connect to Github
Follow these steps to connect your Liquify Project to Github and Shopify:
- Log in to your GitHub account and create a new repository with a “README” file.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c81a7b18d434259a9927_liquify-create-repo.webp)
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c81a683a4a27fa556353_liquify-create-repo-2.webp)
2. Log in to your Liquify account and create a new project.
- Open the project and go to the Settings.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c724a8516ed3b2b63f2e_liquify-connect-github.webp)
4. Click “Connect to GitHub” and follow the steps.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c724d30643c440e307e8_liquify-authorize-liquify.webp)
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c725d44ac89a0db969c8_liquify-authorize-repo.webp)
5. Authorize the repository you created earlier (or all if you prefer).
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c725d44ac89a0db969c8_liquify-authorize-repo.webp)
6. Return to the Liquify project and select the repository you want to connect.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c724b51e6733fbeb3ac4_liquify-choose-repo.webp)
7. Select a branch (usually, there will only be one "main" branch if the project is empty).
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696c7253ebb8fdef105c185_liquify-choose-branch.webp)
8. Go to Shopify, open “Online Store” and select “Themes.” Click “Add Theme” and choose “Connect from GitHub.”
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696cdbb7f53c3ec36e26be1_liquify-shopify-connect-github.webp)
9. Connect your GitHub account and follow the steps. Then, choose a repository and branch.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696cdbba8516ed3b2bb3f31_liquify-shopify-choose-branch.webp)
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696cdbb7b18d434259ea242_liquify-shopify-result.webp)
10. You are now ready to convert your theme 🎉.
Webflow direct publishing
We are currently working on direct publishing to Webflow. Stay tuned! If you want to test this feature, send us a message on Discord.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d538957fbaf1fcd62afc_liquify-webflow-input.webp)
Convert your Theme
Follow these steps to export and convert your Theme:
- Export the code from Webflow.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6539913637d6c36a9516c754_liquify-how-to-export-code.webp)
2. Upload the ZIP file into your Liquify project. Before converting, you can select a branch as described above.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d5930561a202eedf0f2b_liquify-convert-input.webp)
3. Open the pull request to review the results, or download the theme if you’re not using GitHub (if you are not using GitHub follow Steps "Converting Without GitHub").
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d538ee873cc5a974626e_liquify-opene-pull-request.webp)
4. Check the changed files in GitHub to review all the updates.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d538d6c48f0248524674_liquify-check-files-github.webp)
5. Merge the branch once you are satisfied with the results. After merging, you can delete the merged branch.
If the branch has any conflicts, you can resolve them directly in GitHub.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d5386ca9fd3918c42457_liquify-merge-conversion-github.webp)
6. Your conversion is now complete. 🎉 You can go to Shopify and check the results.
If any bugs occur, follow the steps here.
Convert your theme without GitHub
Follow these steps to export and convert your Theme:
- Export the code from Webflow.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6539913637d6c36a9516c754_liquify-how-to-export-code.webp)
2. Upload the ZIP file into your Liquify project. Before converting, you can select a branch as described above.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d5930561a202eedf0f2b_liquify-convert-input.webp)
3. Download the converted theme
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d538ee873cc5a974626e_liquify-opene-pull-request.webp)
4. Go to Shopify and upload the ZIP in the online shops theme section
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696cdbb7f53c3ec36e26be1_liquify-shopify-connect-github.webp)
5. After Uploading, you need to copy the schema files from the current version into the new version to keep the content.
![](https://cdn.prod.website-files.com/64be309a0c8ae7454454fcef/6696d5386ca9fd3918c42457_liquify-merge-conversion-github.webp)
6. Your conversion is now complete. 🎉 You can go to Shopify-Editor and check the results.
If any bugs occur, follow the steps here.
Debugging
Here you can find valuable resources to debug your Theme.