Help with switching hero section from image to video in Mantis WooCommerce theme?

Technical Q&A
,

Topic summary

A user is attempting to replace the hero section image with an MP4 video in the Mantis WooCommerce theme but faces challenges since the theme lacks built-in video support and official support has been discontinued.

Current situation:

  • Manual modifications to the Liquid code are causing the theme to break
  • User has shared their code via an external link for review

Suggested approach:

  • Replace the image tag with a proper HTML5 video element in the Liquid template
  • Adjust accompanying CSS to ensure correct video rendering and responsive behavior

Status: The issue remains unresolved with limited technical guidance provided so far.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hey everyone,

I’m using the Mantis WooCommerce theme for my website, and I’m trying to switch the hero section from an image (jpg) to a video (mp4).

Unfortunately, the theme doesn’t provide any built-in option for video sections, and since the theme’s support has been discontinued, I’m left to figure this out on my own.

I’ve attempted to modify the liquid code, but it’s causing the theme to break.

Could someone kindly review the liquid code below and see if there’s a way to make it work? Or if there’s any other workaround you could suggest?

I appreciate any assistance or advice you can provide. Thanks in advance!

PFA both codes in this link.

codeshare.io/YzL4VN

2

You might need to tweak the Liquid and CSS to properly embed the video, maybe swap the image tag for a video element and ensure it loads correctly. Also, taking a break with some Texan recipes might help clear your head before diving back in!