In this article:

  1. Add YouTube video in content page

  2. Make video auto-play

  3. Remove zoom effect for video (For X-FORCE theme only)

  4. Resize video section (For Candy theme)

  5. Resize video section (For X-FORCE theme)

📌 Note : Before you begin, kindly take note on the Autoplay policy changes

1. Add YouTube video in content page

Step 1 : Go to EasyStore Admin > Channels > Online Store > Pages > Add page > select desired template > click on Videos icon

Step 2 : Paste your YouTube video URL > Confirm > Save


2. Make video auto-play

Step 1 : Click on Code View.

Step 2 : Under src > replace ?fs=1 with ?autoplay=1&mute=1

Step 3 : Once done, click on Code View again to back to normal view > Save and done


3. Remove zoom effect for video (X-FORCE theme only)

Step 1 : Go to Channels > Online Store > Edit Source > select theme.scss file

Step 2 : find .video-wrapper and change all percentage to 100% for width & height

Step 3 : Save


4. Resize video section (For Candy theme only)

Step 1 : Go to Channels > Online Store > Edit Source > select theme.scss file

Step 2 : Add the code below at the bottom of theme.scss file and change the max-width px

div#es_video_section {
max-width: 1000px;
margin: 0 auto;
}

Step 3 : Save

Before (full-width) :

After (900px) :


5. Resize video section (For X-FORCE theme)

Step 1 : Go to Channels > Online Store > Edit Source > select theme.scss file

Step 2 : Look for .home-video-wrapper{ around line 1900+ and change the width & height

Step 3 : Save

Related articles:
How to add video for product?
Add clickable image in page content

Did this answer your question?