PASO 1 - Exportar el feed de productos de la tienda online y configurar la exportación automática

El primer paso de la integración es exportar el feed de productos en todos los idiomas disponibles en la tienda online para que los productos de la tienda online estén disponibles en Photoslurp, y se puedan asignar a las imagenes recolectadas de las redes sociales.

Para crear la plantilla del feed de producto ir a Online Store -> Themes -> Actions -> Edit code y añadir un nuevo archivo de plantilla de página llamado:

photoslurp_product_feed.liquid

Con el siguiente contenido:

{% layout none %}
<?xml version="1.0" encoding="UTF-8" ?>
<rss xmlns:g="http://base.google.com/ns/1.0" version="2.0">
  <channel>
    <title>{{shop.name | escape }} Products</title>
    <link>{{shop.url}}</link>
    {% paginate collections.photoslurp.products by 1000 %} {% for product in collections.photoslurp.products %} {% for variant in product.variants %}
    <item>
      <title>
        <![CDATA[{{ product.title | strip_html | strip_newlines | escape | 
replace: '&amp;', 'and' | replace: '&#38;', 'and' | replace: "..", ". " | replace: "
", " " | replace: "†̃", "&#39;" | replace: "â€TM", "&#39;" | replace: "&#8216;",
"&#39;" | replace: "&#8217;", "&#39;" | replace: "&#8217;", "&#39;" | replace:
"’", "&#39;" | replace: "“", "&#39;" | replace: "‘", "&#39;" |
replace: " ́", "&#39;" | replace: "“", "&#34;" | replace: "―", "&#34;" |
replace: "&#8211;", "-" | replace: "–", "-" | replace: "â€―", "-" |
replace: "–", "&mdash;" | replace: "—", "&mdash;" | replace: "%", "&#37;" |
replace: "©", "&copy;" | replace: "®", "&reg;" | replace: "™",
"&trade;" | replace: "£", "&pound;" | replace: "à ̄¿Â-", "&#42;" | replace:
"•", "&#42;" | replace: "―", "&#39;" | replace: "&#233;", "e" |
replace: "é", "e" | replace: "à ", "a" | replace: "Ã3", "o" | replace: "Ãa", "e" |
replace: "Ø", "O" | replace: "&#8482;", "" | replace: "&#174;", ""}}]]>
      </title>
      <g:id><![CDATA[{{ variant.sku | strip_html | strip_newlines | escape |
replace: '&amp;', 'and' | replace: '&#38;', 'and' | replace: "..", ". " | replace: "
", " " | replace: "†̃", "&#39;" | replace: "â€TM", "&#39;" | replace: "&#8216;",
"&#39;" | replace: "&#8217;", "&#39;" | replace: "&#8217;", "&#39;" | replace:
"’", "&#39;" | replace: "“", "&#39;" | replace: "‘", "&#39;" |
replace: " ́", "&#39;" | replace: "“", "&#34;" | replace: "―", "&#34;" |
replace: "&#8211;", "-" | replace: "–", "-" | replace: "â€―", "-" |
replace: "–", "&mdash;" | replace: "—", "&mdash;" | replace: "%", "&#37;" |
replace: "©", "&copy;" | replace: "®", "&reg;" | replace: "™",
"&trade;" | replace: "£", "&pound;" | replace: "à ̄¿Â-", "&#42;" | replace:
"•", "&#42;" | replace: "―", "&#39;" | replace: "&#233;", "e" |
replace: "é", "e" | replace: "à ", "a" | replace: "Ã3", "o" | replace: "Ãa", "e" |
replace: "Ø", "O" | replace: "&#8482;", "" | replace: "&#174;", ""
}}]]></g:id>
      <description>
        <![CDATA[{{ product.description | strip_html | strip_newlines | escape |
replace: '&amp;', 'and' | replace: '&#38;', 'and' | replace: "..", ". " | replace: "
", " " | replace: "†̃", "&#39;" | replace: "â€TM", "&#39;" | replace: "&#8216;",
"&#39;" | replace: "&#8217;", "&#39;" | replace: "&#8217;", "&#39;" | replace:
"’", "&#39;" | replace: "“", "&#39;" | replace: "‘", "&#39;" |
replace: " ́", "&#39;" | replace: "“", "&#34;" | replace: "―", "&#34;" |
replace: "&#8211;", "-" | replace: "–", "-" | replace: "â€―", "-" |
replace: "–", "&mdash;" | replace: "—", "&mdash;" | replace: "%", "&#37;" |
replace: "©", "&copy;" | replace: "®", "&reg;" | replace: "™",
"&trade;" | replace: "£", "&pound;" | replace: "à ̄¿Â-", "&#42;" | replace:
"•", "&#42;" | replace: "―", "&#39;" | replace: "&#233;", "e" |
replace: "é", "e" | replace: "à ", "a" | replace: "Ã3", "o" | replace: "Ãa", "e" |
replace: "Ø", "O" | replace: "&#8482;", "" | replace: "&#174;", ""
}}]]>
      </description>
      <g:image_link>https:{{product.featured_image | product_img_url: 'large'}}</g:image_link>
      <link>{{shop.url}}{{product.url}}</link>
      <g:price>{{product.price | money_without_currency}}</g:price>
      <g:availability>{% if product.available %}in stock{% else %}out of stock{% endif %}</g:availability>
      <g:item_group_id><![CDATA[{{product.title | strip_html | strip_newlines | escape |
replace: '&amp;', 'and' | replace: '&#38;', 'and' | replace: "..", ". " | replace: "
", " " | replace: "†̃", "&#39;" | replace: "â€TM", "&#39;" | replace: "&#8216;",
"&#39;" | replace: "&#8217;", "&#39;" | replace: "&#8217;", "&#39;" | replace:
"’", "&#39;" | replace: "“", "&#39;" | replace: "‘", "&#39;" |
replace: " ́", "&#39;" | replace: "“", "&#34;" | replace: "―", "&#34;" |
replace: "&#8211;", "-" | replace: "–", "-" | replace: "â€―", "-" |
replace: "–", "&mdash;" | replace: "—", "&mdash;" | replace: "%", "&#37;" |
replace: "©", "&copy;" | replace: "®", "&reg;" | replace: "™",
"&trade;" | replace: "£", "&pound;" | replace: "à ̄¿Â-", "&#42;" | replace:
"•", "&#42;" | replace: "―", "&#39;" | replace: "&#233;", "e" |
replace: "é", "e" | replace: "à ", "a" | replace: "Ã3", "o" | replace: "Ãa", "e" |
replace: "Ø", "O" | replace: "&#8482;", "" | replace: "&#174;", ""}}]]></g:item_group_id>
    </item>
    {% endfor %} {% endfor %} {% endpaginate %}
  </channel>
</rss>

A continuación hay que crear una nueva página llamada 'Photoslurp Product Feed', hacerla visible, y asignarle la plantilla creada en el paso anterior "page.photoslurp_product_feed.liquid".

Por último, dirigirse a Products -> Collections y crear una nueva colección llamada 'Photoslurp' estableciendo como condición: ‘Product price is greater than 0.10’.