Create Test Store

Once you have installed Route app, go to your Themes in your shopify store. Create a copy of your store to test Route on before you make it live.

Screen Shot 2018-09-13 at 7.01.31 PM.png

After duplicating your store, go to the actions of the duplicate store and click “Edit code”.

Screen Shot 2018-09-13 at 7.02.03 PM.png

Install On Test Theme

Go to the theme file that has the code for your view cart page, cart drawer, or cart popup. Decide where you want to put the Route widget on your cart page, cart drawer, or cart popup and put this <div> there in your theme file code.

<div class="route-div" data-routeposition="center" style="margin:10px 0;"></div>

The class is required for Route to find this div to put the widget in. The data-routeposition attribute is required for how your cart is laid out. If things are left aligned put “left”. If they are center put “center”. If they are right aligned put “right”. The style attribute is used to style this div that you put in your code. You may put a few styles to adjust positioning of it.

Screen Shot 2018-09-13 at 6.58.57 PM.png

Install On Live Theme

Once Route is successfully installed on your test store, rename the store and select publish. Your Route App is now live!