Product videos
ShopWired allows you to add the for one video on each of your products. The embedding code can be added when creating or editing a product or through the product import/export system.
When you add the embedding code for a video into a product, your website's theme will display the video for your website visitors to view. How the product video displays is determined by your website's theme and can be customised by editing your website's theme code or contacting theme support for assistance.
Multiple product videos
If you need to display more than one video on a product, you can use the Multiple product videos app.
To install the app:
- Navigate to Apps
- Locate the Multiple product videos app
- Select
install this app
Adding videos to products
Adding videos to products
Videos must be hosted on a video hosting website like YouTube or Vimeo. You will need the embedding code from the hosting platform to add the videos to your products.
Once you have installed the app, when creating or editing a product:
- Navigate to the Product media section
- Select the Videos tab
- Select the
add another videooption to add additional videos to the product to add the embedding code
Theme installation
Theme installation
To use the multiple videos app, code will need to be added to your website's theme files to display the videos. How and where videos are displayed on the page is determined by the code's implementation, so they can be made to display in any way that you'd like.
Twig variables
product.videos
Returns an array of product videos added to the product.
video
Returns the embedding code for a product video in the array.
For example:
{% if product.videos|length %}
{% for video in product.videos %}
{{ video|raw }}
{% endfor %}
{% endif %}
