Para crear un widget en tu página de producto usa el panel de de widgets de Photoslurp siguiendo el mismo procedimiento del widget de página principal explicado en el paso 3. Para empezar a integrar el widget de la página del producto en Idosell accede a tu panel y navega hasta "Moderation -> Additional content on the pages generated automatically (CMS)".
Aparecerá una lista de secciones donde se puede incluir contenido adicional. Ahora busca la sección llamada "Information displayed on the product card" y haga clic en el enlace "Edit" para acceder al editor de contenido.
En la página del editor de contenido haz clic en "Edit HTML" y pega el código JavaScript que encontrarás debajo de la siguiente captura de pantalla.
Después de haber pegado el código, a continuación en la ventana del editor de contenido, debes reemplazar las lineas dónde pone "PASTE YOUR PRODUCT PAGE WIDGET ID HERE" con la ID de widget para este widget, la cual puedes copiar desde el editor de widgets de Photoslurp.
<!-- 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 -->
Para finalizar, haz clic en el botón "Duplicate in all languages" del editor de contenido para asegurarte de que el widget se muestra en todos los idiomas configurados en tu tienda, luego presiona "Save changes". En unos minutos, el widget de la página de tu producto comenzará a mostrar las imágenes que has aceptado en tu campaña de Photoslurp las cuales estarán vinculadas al producto que estas viendo en tu tienda. ¡Bien hecho!