Articles

Article

Media banner

Table of contents

Use a stunning image or exciting video to promote your business. You can display an image on mobile and a video on desktop, and vice versa, within the same section.

If you want to show an interactive video instead, then use the Video section.

Add a Media banner section

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Click icon-add.svg Add section, then click Media banner.

Display an image

In the following example, the settings that affect the display on mobile are used, but the same steps apply to the settings that affect the display on desktop.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Click the Media banner section.
  4. Under the MEDIA (MOBILE) heading, under Type, select the Image option.
  5. Under the MEDIA (MOBILE) heading, under Image, click Select image.
  6. Select the image to display, or upload a new image, and click Select.
  7. Under the MEDIA (MOBILE) heading, under Aspect ratio, select an option.

Display a video

In the following example, the settings that affect the display on mobile are used, but the same steps apply to the settings that affect the display on desktop.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Click the Media banner section.
  4. Under the MEDIA (MOBILE) heading, under Type, select the Video option.
  5. Under the MEDIA (MOBILE) heading, under Video, click Select video.
  6. Select the video to display, or upload a new video, and click Done.
  7. Under the MEDIA (MOBILE) heading, under Aspect ratio, select an option.

Videos added to the Media banner section must be uploaded to Shopify from the Files page in your Shopify admin.

Large images and long videos are large files. If a customer has a slow connection (e.g. 3G), then large files can take a long time to load. Learn how to optimise images and videos on your online store.

Add a button

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Media banner section, click icon-add.svg Add block, then click Buttons.
  4. Under the BUTTON 1 heading, in the Label field, input a label for the button.
  5. Under the BUTTON 1 heading, in the Link field, paste a link or search for an existing page on your online store.
  6. Under the BUTTON 1 heading, under Type, select an option.
  7. Optional: If you want to add a second button, then repeat steps 4–6 for BUTTON 2.