Simple Integration - Shopify

1. Login to Shopify

Login to the Shopify admin account.

2. Edit theme

Select Themes from the Online Store. In your current theme, click Actions, then click Edit code.

3. Edit code

When the code editing window opens, click theme.liquid and enter the code below under the tag. Enter the accesskey into 'ACCESS_KEY,' and save.

<script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
<script>cloud.shoplive.initShortform({ accessKey: 'YOUR ACCESS KEY HERE' });</script>

4. Edit page

Click the Pages button to add the Shortform collection page. Click the Add Page button, enter a title, enter the code below, and save.

<div id="shoplive-shortform"></div>
<script defer >
  document.addEventListener('DOMContentLoaded', function() {
  cloud.shoplive.setShortformCollection("shoplive-shortform", {template: "GRID2"} );
  });
</script>

Display Example

Please refer to below guide to configure collection

Advanced Setting - Collection Configuration