EXPERIENCE POSTER GRID LIVE
80+ CUSTOMIZABLE FEATURES
From the grid lines to the hover states,
every detail is yours.
Grid Layout
• Column count independent for desktop and mobile (1–8 desktop, 1–4 mobile)
• Item height in vh independent for desktop and mobile
Per-Item Media
• Image or video per grid item
• Shopify upload or external URL for both image and video
• Cover or contain fit mode per item
• Background color fallback per item
Hover Media
• Enable hover media swap per item
• Separate image or video on hover
• Shopify upload or external URL for hover media
• Cover or contain fit mode for hover state
• Smooth crossfade transition between default and hover
Hover Overlay
• Color overlay on hover per item
• Overlay color and opacity controls
• Smooth fade-in transition
Per-Item Border
• Enable border per item independently
• Border color with opacity control
• Border hover color with hover opacity control
• Border weight per item
Text Overlays
• Title text per item
• Optional subtitle per item with show/hide toggle
• Six text positions: top-left, top-center, top-right, bottom-left, bottom-center, bottom-right
• Title and subtitle color per item
• Title and subtitle font size independent for desktop and mobile
• Text offset from edges independent for desktop and mobile
• Title and subtitle gap independent for desktop and mobile
• Optional underline on hover
Links
• Product picker link per item
• Fallback URL link per item
• Linked items render as anchor tags
Grid Lines
• Four grid line modes: none, solid color, video mask, or image mask
• Grid line color control
• Grid line width independent for desktop and mobile
• Video or image media fills the gap between items as a visible mask
External Border
• Six external border modes: none, solid color, video mask (separate or shared), image mask (separate or shared)
• External border color control
• Border thickness: top/bottom and left/right independent for desktop and mobile
• Hide individual sides: top, bottom, left, or right
Grid Line & Border Media
• Shopify video upload or external video URL
• External image URL
• Media fills behind the grid gaps and external border as a continuous texture
Border Radius
• Container radius independent for desktop and mobile
• Item radius independent for desktop and mobile
Typography
• Shopify font picker for title
• Shopify font picker for subtitle
Layout
• Section padding (top, bottom, left, right) independent for desktop and mobile
OUT OF THE BOX
This is how Poster Grid looks with default settings upon install