Multiple videos
Installation instructions (all theme versions)
Once you've installed the app, you'll need to add the relevant code to your live theme's files. Adding the code will output the video embedding code (entered on the add/edit product page) on to the product page on your website. To add the relevant code you'll need to use the page editor for your live theme. Alternatively, if you don't want to add the code yourself, you can select request installation on the app installation page, and we will install the code for you for a small charge which is shown on the installation page.
If you choose to have us install the code for the app for you, as part of the installation process we'll design how the videos will display on the product page.
Code installation instructions
1. First, navigate to the page editor for your live theme by selecting from the menu. On your live theme select Page Editor.
2. Then open the product.twig file by selecting from the menu of the page editor.
3. Add the following code to the existing code for where on the page you would like the videos to display:
{% if product.videos|length %}
{% for video in product.videos %}
{{ video|raw }}
{% endfor %}
{% endif %}
For example, this will output the video code (represented by {{ video|raw }}) for each video you have added in:
4. Save your changes.
Please note: The code shown above comes with no styling and will simply output the embedding code and display the videos. To display a nice looking gallery (as shown on the example below), you'll need to add some CSS styling.
