Ten at Clarendon

Custom Gallery Block layout

 

Mockup-based Gallery Block layout, with pagination & lightbox

Challenges and requests:

  1. Squarespace 7.1

  2. Lightbox option

  3. Custom hover mode

  4. Mockup-based pagination functionality

  5. Responsive number of items per row

  6. Compatibility with existing tabbed section

 

Solutions implemented:

  • Custom code for Gallery Block

  • Flickity plugin

  • Designer-friendly image update options

 
Desktop layout with pagination and hover mode

Desktop layout with pagination and hover mode

Mobile layout

Mobile layout

Previous

Custom floating secondary nav | ADU Resource Center
Next

Custom Summary Block layout | Ten at Clarendon