Menu Close

Get Support From ShopWired Close

Slow response times

Subscribe To Updates
Prefer To Live Chat? Chat directly with ShopWired support Available from 9.00am to 6.00pm Monday to Friday Quickest response time
Send A Message
Response within 24 hours

Menu Close

Menu

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.

Installation by us!

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 Themes > Installed Themes from the menu. On your live theme select Page Editor.

2. Then open the product.twig file by selecting Views > Product Pages > product.twig 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.