Create a new product page widget using the widget editor on the Photoslurp dashboard by following the same procedure as for the home page widget in the previous step. To start integrating the product page widget on Idosell access your panel and navigate to "Moderation -> Additional content on the pages generated automatically (CMS)".
A list of sections where additional content can be included will display. Now find the section named "Information displayed on the product card" and click on the "Edit" link to access the content editor.
On the content editor page click on "Edit HTML" and paste the JavaScript code that you will find below the following screenshot.
After having pasted the code below in the content editor window, you must replace the two strings in the code that read "PASTE YOUR PRODUCT PAGE WIDGET ID HERE" with the widget ID for this widget which you can copy from the Photoslurp widget editor.
<!-- Start Photoslurp Additional Parameters Code -->
<script>
window.photoSlurpWidgetSettings = window.photoSlurpWidgetSettings || {};
photoSlurpWidgetSettings["PASTE YOUR PRODUCT PAGE WIDGET ID HERE"] = {
lang: document.documentElement.lang,
productId: product_data.product_id
};
</script>
<!-- End Photoslurp Additional Parameters Code -->
<!-- Start Photoslurp Embed Code -->
<div class="ps-container">
<ps-widget data-config="PASTE YOUR PRODUCT PAGE WIDGET ID HERE"></ps-widget>
<script src="https://static.photoslurp.com/widget/v3/loader.js" async></script>
</div>
<!-- End Photoslurp Embed Code -->
To finish, click on the button "Duplicate in all languages" of the content editor to make sure that the widget displays in all the languages configured on your store, then press "Save changes". In a few minutes your product page widget will start showing the images that you have accepted in your Photoslurp campaign which are linked to the product you are viewing on your store! Well done!