Portfolio Gallery — sección
Fotos de portfolio en masonry con filtros, lightbox y carga progresiva.
Usa Portfolio gallery para portfolios de tatuaje, piercing o fotografía. Añade bloques Portfolio piece, o carga fotos del metaobjeto Studio specialist en páginas de perfil. Los chips de filtro opcionales usan las etiquetas de cada pieza.
Carga progresiva
En Progressive load eliges cuántas fotos se muestran primero (también el tamaño de cada lote). Show all deja todas visibles. Load more button revela el siguiente lote al pulsar. On scroll revela el siguiente lote cerca del final, un lote cada vez con una pausa corta para que pantallas altas no vuelquen todas las fotos de golpe; quien prefiera menos movimiento recibe el botón Cargar más. Las fotos más allá del conteo inicial van ocultas en el HTML hasta revelarse, así el primer pintado coincide con Initial visible photos. El lightbox solo recorre fotos actualmente visibles (no filtradas ni ocultas).
Máscaras de galería
Las máscaras primaria y secundaria, la alternancia opcional de celdas y la entrada escalonada afectan solo la rejilla de imágenes, no el reveal del encabezado de la sección.
Sections overview · Section schema reference
Schema file
portfolio-gallery.liquid — t:sections.portfolio_gallery.name
Settings
| id | type | label |
|---|---|---|
| eyebrow | text | t:sections.portfolio_gallery.settings.eyebrow.label |
| heading | text | t:sections.portfolio_gallery.settings.heading.label |
| subheading | textarea | t:sections.portfolio_gallery.settings.subheading.label |
| source_mode | select | t:sections.portfolio_gallery.settings.source_mode.label |
| load_more_label | text | t:sections.portfolio_gallery.settings.load_more_label.label |
| columns | range | t:sections.portfolio_gallery.settings.columns.label |
| gallery_mask | select | t:sections.portfolio_gallery.settings.gallery_mask.label |
| gallery_mask_secondary | select | t:sections.portfolio_gallery.settings.gallery_mask_secondary.label |
| gallery_alternate_cells | select | t:sections.portfolio_gallery.settings.gallery_alternate_cells.label |
| gallery_stagger_entrance | checkbox | t:sections.portfolio_gallery.settings.gallery_stagger_entrance.label |
| gallery_hairline | checkbox | t:sections.portfolio_gallery.settings.gallery_hairline.label |
| color_scheme | color_scheme | t:sections.all.settings.color_scheme.label |
| edge_glow_color | select | t:sections.all.settings.edge_glow_color.label |
| padding_top | select | t:sections.all.settings.section_padding.padding_top.label |
| padding_bottom | select | t:sections.all.settings.section_padding.padding_bottom.label |
| border_top | select | t:sections.all.settings.border_top.label |
| border_bottom | select | t:sections.all.settings.border_bottom.label |
| divider_style_top | select | t:sections.all.settings.divider_style_top.label |
| divider_style_bottom | select | t:sections.all.settings.divider_style_bottom.label |
| use_specialist_metaobject_portfolio | checkbox | t:sections.portfolio_gallery.settings.use_specialist_metaobject_portfolio.label |
| reveal_mode | select | t:sections.portfolio_gallery.settings.reveal_mode.label |
| initial_items | range | t:sections.portfolio_gallery.settings.initial_items.label |
| enable_motion | checkbox | t:sections.portfolio_gallery.settings.enable_motion.label |
| edge_glow | select | t:sections.all.settings.edge_glow.label |
Blocks
| type | name | setting count |
|---|---|---|
| piece | t:sections.portfolio_gallery.blocks.piece.name | 6 |
¿Te resultó útil esta página?
El contenido lo mantiene Arcanum Hollow Labs. Para notas internas de ingeniería, consulta la carpeta docs/ del monorepo.