How to embed video to product page

[jubbot]

How can I display embed video on product page since I noticed I can add embed code in Images/Downloads/Embed. What is the code to display it in the theme template

[tobias-kuendig]

{{ item.embeds }} should do the trick (it is an array you can iterate over)

[jubbot]

I tried this but it does not work.

{% for item in embeds %}
{{ item.embeds }}
{% endfor %}

[tobias-kuendig]

{% for embed in item.embeds %}
  {{ embed }}
{% endfor %}

[jubbot]

I copied your code and paste into product/default.htm and preview the result in the browser. The error throw back with this statement An exception has been thrown during the rendering of a template ("Array to string conversion").

Forgive me for limit knowledge but where should I paste your code or point me the directions?

[tobias-kuendig]

Array to string conversion means that {{ embed }} is an array. You can dump the array and see what the structure is using the {{ d() }} helper:

{% for embed in item.embeds %}
  {{ d(embed) }}
{% endfor %}

You can find the exact fields of the embed by looking at the form definition:

oc-mall-plugin/models/product/fields_edit.yaml

Line 274 in d9d3d81

title:

So to get a complete example:

{% for embed in item.embeds %}
  <p>{{ embed.title }}</p>

  {{ embed.code | raw }}
{% endfor %}

[jubbot]

Many thank for the pointer. Will bookmark the form definition page for later cross checking.

Code work. Thank you