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! 




route-react___Themes___Shopify.png