Content weergeven op basis van een bestelling voor een bepaald product

Let op

Dit is een uitgebreide tutorial en wordt niet ondersteund door Shopify. Hiervoor is kennis van een webontwerptaal zoals HTML, CSS, JavaScript en Liquid vereist. We raden je aan een Shopify-partner in te huren als je het niet prettig vindt om verder te gaan met de volgende tutorial.

meer informatie over hoe je je checkout.line_items kunt herhalen om te zien of je speciale product in de bestelling staat.

Stappen:

Desktop

1. Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
2. Scrol omlaag naar het gedeelte Aanvullende scripts.
3. Kopieer de volgende code naar je klembord (command + c op een Mac, ctrl + c op een pc).

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

1. Plak de code in het vak Aanvullende scripts (druk op ctrl + V op een pc of command + V op een Mac).
2. Voer een testbestelling uit om je bestelstatuspagina weer te geven.

iPhone

1. Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
2. Tik in het gedeelte Winkelinstellingen op Checkout.
3. Scrol omlaag naar het gedeelte Aanvullende scripts.
4. Kopieer de volgende code naar je klembord (command + c op een Mac, ctrl + c op een pc).

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

1. Plak de code in het vak Aanvullende scripts (druk op ctrl + V op een pc of command + V op een Mac).
2. Voer een testbestelling uit om je bestelstatuspagina weer te geven.

Android

1. Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
2. Tik in het gedeelte Winkelinstellingen op Checkout.
3. Scrol omlaag naar het gedeelte Aanvullende scripts.
4. Kopieer de volgende code naar je klembord (command + c op een Mac, ctrl + c op een pc).

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

1. Plak de code in het vak Aanvullende scripts (druk op ctrl + V op een pc of command + V op een Mac).
2. Voer een testbestelling uit om je bestelstatuspagina weer te geven.