How to hide banner when video metafield is blank?

Shopify Discussion
1

I am displaying a full-width banner on our website that shows a video from a metafield. Not all products have a video. How can I remove the banner section when the metafield is left blank? It now shows as a black banner.
Theme is Sahara.

This is a page with a video: https://www.salonnepro.com/products/grote-waaierkwast
And without a video: https://www.salonnepro.com/products/travelsize-rejuvenating-hand-cream

2

You will need an if condition to check if the product has or does not have a metafield. And you can display the banner only if the particular metafield is not empty or has a video.

3

Hi @SalPro

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

4

Hi! Thanks! The black banner is now gone, but now it became a big white space.
You can see it here: https://www.salonnepro.com/products/travelsize-rejuvenating-hand-cream