•
1 1

Media gallery - masonry

Media gallery - masonry

The "Media gallery - masonry" section creates a sophisticated, Pinterest-style grid layout that automatically arranges media content in an optimized, visually appealing way. This section stands out for its ability to handle mixed media types - images, HTML5 videos, and YouTube videos - while maintaining a cohesive, responsive layout.

Support for multiple media types:
  • Standard images with optional links
  • Self-hosted HTML5 videos
  • YouTube video embeds
  • Intelligent media icons that indicate content type
  • Lazy loading for optimal performance
  • Customizable entrance animations with six options
  • Responsive design with configurable columns for desktop (2-6) and mobile (1-3)
The section offers extensive customization options:
  • Adjustable grid spacing (gutter)
  • Flexible width controls with max-width constraints
  • Custom padding and margins
  • Icon color customization
  • Optional lightbox functionality
  • Advanced CSS override capabilities for both desktop and mobile
  • Custom anchor ID support for page navigation
The implementation prioritizes performance through efficient DOM manipulation and event handling, while maintaining smooth animations and transitions. The masonry layout automatically recalculates and adjusts as content loads, ensuring a seamless user experience across all device sizes.
Install now

Time saving

With Design Packs, you don't have to start designing your Shopify store from scratch. The pre-made templates and design elements can save you a lot of time and effort.

Cost-effective

Design Packs is a cost-effective solution for small businesses or individuals who may not have the budget to hire a professional designer. Our app provides a wide range of design options at a reasonable price. The average cost of a Shopify developer is $50-125 USD/hr. The annual subscription of Design Packs breaks down to just over $16 a month.

User friendly

Design Packs is easy to use, even for those who are not tech-savvy. The app provides a user-friendly interface that allows you to make changes and adjustments to your designs with ease. And anything that can't be done in the theme editor? We offer free CSS tweaks to copy and paste into your sections.

Customizable

Although Design Packs provides pre-made templates and design elements, you can still customize them to match your brand's identity and aesthetic. The app is flexible enough to allow you to make changes and adjustments to the designs to fit your Shopify store needs.

View full details