Testing and Deploying Your Theme

For every change you make in the code editor, there are 2 steps involved.

1. Previewing how your change would look like & testing it.

2. Deploying the changes to your site

👀 Previewing your changes

1. Once you make your changes in the code editor click on the "Save & preview" button on the top right corner of the code editor

This deploys your changes to an intermediate url which is not your actual site, i.e. your customers won't be able to see the changes, so its a perfect place to experiment

The intermediate url ends with a domain ".sh" instead of the original Dukaan domain ".io" So, if your store url was "general-store", It's preview url would be - "mydukaan.sh/general-store" whereas the original store link would be - "mydukaan.io/general-store"

On successful deployment you'd see a message something like this

Your changes would be visible in your preview url, and you can do all the testing you want here before you make the changes live for your customers.

Mobile screen preview is directly visible from the code editor itself, its on the right side of the code editor

Note - You can deploy to your preview url as many times as you want, so feel free to experiment your ideas.

🚀 Deploying your changes

Now when you're sure that your customers must see the changes you've made you can deploy it with a single click by simply clicking on the "Publish" button

This makes all your changes live for your customers instantly on your original store url.