When editing the app's homepage, you can add a Youtube or Vimeo video to the homepage by adding a Video element and adjusting the position of the video.
This article will cover the following:
1. Add Video element
Go to SHOPLINE Admin > [Mobile App Management] > [App Design] > [Current Template] > [Simple Template] and click Set up to proceed.
Click the ⊕ Add an element button.
Select the Video element and drag it to the middle of the preview area to set the position. Once the element appears, it means that the new element has been successfully added.
2. Edit Video element
Enter the Youtube or Vimeo URL.
Below the video link, you can choose the "Image (Video) Proportion." Based on the proportion (aspect ratio) of your video, you can decide whether to use a horizontal or vertical layout for the video presentation or display on the storefront.
- The proportion for the horizontal layout is 16:9.
- The proportion for the vertical layout is 9:16.
The title is disabled by default. Switch on the toggle to display the title with no more than 30 characters.
The description text is disabled by default. Switch on the toggle to display the description with no more than 30 characters.
Set Release Schedule (scheduled shelf time). Click the "calendar" icon next to Start and End Time to select the date and time, or check the Never expires box.
If you click the icon to select the date and time, a pop-up window will appear (as shown below). After completing the settings, click OK to proceed.
You can move the element position or delete the element in the element list area on the left (➊), the preview area in the middle (➋), or at the bottom right (➌).
Once you have confirmed the setup, click Save to save the changes. If you have finished editing the Video element, click Update and use to publish your updates.