1. In your Shopify admin panel, go to the “Themes” page and click on “Customize” on the theme you want to add widgets to.
2. If you want to add the widget to another page other than the homepage, select the page using the dropdown menu in the editor.
2A. If you are using Online Store version 1.0, integration of homepage widgets is the same as with version 2.0. Product, Collection and Lookbook widgets have a different installation process:
2A1. Click on the Actions Dropdown on the live theme and select Edit Code.
2A2. Find the place within the code where you want the widget to be placed and add the following line of code. This could be in either a template, section or snippet file. It may take some trial and error to find the correct location.
{% render 'photoslurp-widget', widget_id: 'WIDGET_ID', type_filtering: false %}
Replace 'WIDGET_ID' with the ID of the widget you want to display.
2A3. You can enable product type filtering by changing the type_filtering value to true.
2A4. Click on the "Save" button to complete the installation.
3. Select “Add section” at the bottom of the menu on the left and then choose the Photoslurp Widget from the Apps section.
4. Select the newly created section to view the settings, where you will enter the ID of the widget you want to insert in the page. If you check the Enable Product Type Filtering, it will allow the widget to display pictures of other products that belong to the same Product Type of the product showcased in the page, right after the pictures of the product itself.
5. Once the widget is displaying correctly you may drag it to the position you want.
6. Click on the “Save” button, on the top right corner.