Instructions of integration of Reach with SvD

Load a script

To use Reach store component on your site first you need to embed our script. To do this, insert following script: 

<script data-cfasync="false" type="text/javascript"
        src="https://p-95806261.usereach.se/index.js"
        charset="utf-8"></script>

It will make browser to load a necessary javascript, which will make sure all basic logic and styling is loaded. You can insert it anywhere on your site, but it should precede any other html inserted from this instructions.

Render the shop component

Next step is to render the shop component. Find a place in your site's html and insert there a following code:

<div id="store"></div>

<script type="text/javascript">
  xReachStore("id=store")
</script>

Altogether

All above html code can be put together like this:

<script type="text/javascript"
        src="https://p-95806261.usereach.se/index.js"
        charset="utf-8"></script>

<div id="store"></div>

<script type="text/javascript">
  xReachStore("id=store")
</script>

and inserted to your html site.

There are examples below, helpful if you need more info.

Custom styles

Our components come with default styling. To modify them, one need to provide custom css file.

We have prepared an example css, that we think might find your needs. It's available via following url https://p-95806261.usereach.se/reach-svd.css. It modifies looks of shop and the navigation panel above it.

To add the following html to your site's head tag:

<link rel="stylesheet" type="text/css" href="https://p-95806261.usereach.se/reach-svd.css" />

Examples