Theme Section - Media Gallery

The Media Gallery theme section in Vitals allows you to display eye-catching visuals that enhance your store’s appeal.

✔ Showcase images and videos to highlight products or brand stories

✔ Fully customizable to match your store’s design and style

✔ Optimized for mobile to ensure a seamless shopping experience

Enhance your store’s visual storytelling with the Media Gallery section!

💡 Want to see this theme section in action? Go to our demo store at shop.vitals.co to experience this intuitive theme section, along with our other Vitals apps!

Installing the Media Gallery theme section to your Shopify theme

Before going to the Shopify Theme Editor to insert this theme section, you would first need to install it first from the Vitals app.

For a complete list of instructions, you may refer to this article: How to Add a Theme Section to Your Shopify Store


Once you have successfully installed the theme section, you can now go to the Shopify Theme Editor and insert it by clicking Add section > Vitals: Media Gallery:

You can now change the images to use in your Media Gallery by clicking on an image block on the left sidebar, and inserting a picture using the right sidebar:

Customizing the Media Gallery Theme Section

You can customize the Media Gallery Theme Section by first selecting its main block on the left sidebar:

Here are some of the settings that you can customize:

General

  • Heading (optional) - Heading text
  • Heading size - Small, Medium, Large
  • Heading style - Regular or Bold
  • Heading alignment - Left, Center, Right
  • Heading color - via a Color Palette

Images

  • Images per row on desktop
  • Images per row on mobile
  • Space between images
  • Open images in a pop-up (can be enabled or disabled) Note: Links in images will not work if this option is active.

Layout

  • Section width
  • Custom max width (optional)
  • Section max width in pixels
  • Top - bottom padding (desktop)
  • Top - bottom margin (desktop)
  • Top - bottom padding (mobile)
  • Top - bottom margin (mobile)

Design

  • Section background - Via a Color Palette
  • Border color - Via a Color Palette

Custom CSS


Get Started Today!

Engage your customers with a dynamic, customizable media display. Start using the Media Gallery now to create an immersive shopping experience.

Need assistance? Visit our Help Center or reach out to our support team anytime.

Is this resource helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.