1. En tu panel de administración de Shopify, dirígete a la página de "Themes" y haz clic en "Customize" en el tema al que quieras añadir los widgets.
2. Si quieres añadir el widget a otra página que no sea la de inicio, selecciona la página mediante el menú desplegable del editor.
2A. Si estás utilizando la versión 1.0 de la Online Store de Shopify, la integración de los widgets de la página de inicio (homepage) es la misma que en la versión 2.0. Los widgets de Producto, Colección y Lookbook tienen un proceso de instalación diferente:
2A1. Haz clic en el desplegable de Actions en tu theme y selecciona Edit Code.
2A2. Encuentra el lugar dentro del código donde quieres colocar el widget y añade la siguiente línea de código. Esto puede ser en un template, section o snippet. Puede que haga falta probar varias veces hasta encontrar la posición correcta.
{% render 'photoslurp-widget', widget_id: 'WIDGET_ID', type_filtering: false %}
Sustituye 'WIDGET_ID' por el ID del widget que quieres insertar.
2A3. Puedes habilitar el filtrado por tipo de producto cambiando el valor de type_filtering a true.
2A4. Haz clic en el botón "Save" para completar la instalación.
3. Selecciona "Add section" en la parte inferior del menú de la izquierda y luego elige el Widget de Photoslurp en la sección de Apps.
4. Selecciona la sección recién creada para ver la configuración, donde introducirás el ID del widget que se quiere insertar en la página. Si marcas la casilla Enable Product Type Filtering, permitirá que el widget muestre imágenes de otros productos que pertenezcan al mismo tipo de producto al que se muestra en la página justo después de las imágenes del propio producto.
5. Una vez que el widget se muestre correctamente, puedes arrastrarlo a la posición que desees.
6. 6. Haz clic en el botón "Save" en la esquina superior derecha.