[{"data":1,"prerenderedAt":251},["ShallowReactive",2],{"article-\u002Fwebsite-builder\u002Fgallery-and-client-index-blocks":3,"surround-\u002Fwebsite-builder\u002Fgallery-and-client-index-blocks":242},{"id":4,"title":5,"body":6,"category":231,"description":232,"extension":233,"meta":234,"navigation":235,"order":236,"path":237,"seo":238,"stem":239,"updated":240,"__hash__":241},"docs\u002Fwebsite-builder\u002Fgallery-and-client-index-blocks.md","Gallery and client index blocks",{"type":7,"value":8,"toc":220},"minimark",[9,22,27,34,56,59,71,75,78,81,100,114,122,127,130,156,179,183,198,202],[10,11,12,13,17,18,21],"p",{},"Two builder features put your photography front and center: the ",[14,15,16],"strong",{},"Gallery"," block for curated image sets on any page, and the ",[14,19,20],{},"Client Index"," section, which connects your website to the client galleries in your Studio.",[23,24,26],"h2",{"id":25},"the-gallery-block","The Gallery block",[10,28,29,30,33],{},"Add a Gallery from the ",[14,31,32],{},"Add Component"," panel like any other block. It displays a set of images in one of three layouts:",[35,36,37,44,50],"ul",{},[38,39,40,43],"li",{},[14,41,42],{},"Grid",": a clean column layout with a fixed aspect ratio (square, landscape, portrait, or original).",[38,45,46,49],{},[14,47,48],{},"Carousel",": one image at a time with previous\u002Fnext controls, optional thumbnails, and optional autoplay with a configurable transition time.",[38,51,52,55],{},[14,53,54],{},"Wall",": a masonry-style wall that keeps each photo's natural proportions.",[10,57,58],{},"You can also tune the number of columns, the gap between images, corner radius and whether captions show.",[60,61,62],"blockquote",{},[10,63,64,65,70],{},"Galleries on your website are separate from the client galleries you share privately. For those, see ",[66,67,69],"a",{"href":68},"\u002Fgalleries-and-sharing\u002Fshare-a-gallery","Share a gallery",".",[23,72,74],{"id":73},"the-client-index-section","The Client Index section",[10,76,77],{},"A Client Index is a full section, not a single block, because it's a complete, searchable directory of your published clients. Visitors can search by name, filter by client type, and click through to a client's public gallery.",[10,79,80],{},"To add one:",[82,83,84,94],"ol",{},[38,85,86,87,90,91,93],{},"In edit mode, click ",[14,88,89],{},"Add Section"," and choose ",[14,92,20],{}," (the option marked \"Connected to the Studio\").",[38,95,96,97,70],{},"Click ",[14,98,99],{},"Create Section",[10,101,102,103,106,107,110,111,70],{},"The section arrives with three connected components: a ",[14,104,105],{},"heading",", a ",[14,108,109],{},"search"," box with filters, and the client ",[14,112,113],{},"list",[10,115,116,117,121],{},"Only clients you have published in the Studio appear in the index, so you stay in control of who is listed. See ",[66,118,120],{"href":119},"\u002Fclients-and-projects\u002Fcreate-and-manage-clients","Create and manage clients"," for publishing.",[123,124,126],"h3",{"id":125},"configure-the-index","Configure the index",[10,128,129],{},"Select the section and open its options to control:",[35,131,132,146],{},[38,133,134,137,138,141,142,145],{},[14,135,136],{},"Headline",", ",[14,139,140],{},"Search"," and ",[14,143,144],{},"Filter"," toggles for showing or hiding each part.",[38,147,148,151,152,155],{},[14,149,150],{},"Index Content",": show ",[14,153,154],{},"All Client Types",", or curate exactly which types appear as filter pills and in what order.",[10,157,158,159,162,163,166,167,170,171,174,175,178],{},"Each component also has its own styling. The list's ",[14,160,161],{},"Edit Index List"," options cover ",[14,164,165],{},"Clients Per Row"," (2 to 6), the ",[14,168,169],{},"Client Cover Style",", the ",[14,172,173],{},"Client Name Style"," and alignment. The search box's ",[14,176,177],{},"Edit Search"," options style the field, the filter text, padding and borders. Double-click the heading to edit its text like any text block.",[123,180,182],{"id":181},"blog-index","Blog Index",[10,184,185,186,188,189,192,193,197],{},"The same section type also comes in a ",[14,187,182],{}," flavor, listing your published blog posts with category filters instead of client types. Add it from the same ",[14,190,191],{},"Add New Section"," modal. See ",[66,194,196],{"href":195},"\u002Fblog\u002Fpublish-comments-and-sharing","Publish, comments and sharing"," for how posts surface there.",[23,199,201],{"id":200},"related","Related",[35,203,204,208,214],{},[38,205,206],{},[66,207,69],{"href":68},[38,209,210],{},[66,211,213],{"href":212},"\u002Fwebsite-builder\u002Fadd-and-arrange-blocks","Add and arrange blocks",[38,215,216],{},[66,217,219],{"href":218},"\u002Fgalleries-and-sharing\u002Fcustomize-your-gallery","Customize your gallery",{"title":221,"searchDepth":222,"depth":222,"links":223},"",2,[224,225,230],{"id":25,"depth":222,"text":26},{"id":73,"depth":222,"text":74,"children":226},[227,229],{"id":125,"depth":228,"text":126},3,{"id":181,"depth":228,"text":182},{"id":200,"depth":222,"text":201},"website-builder","Show off photo sets with the Gallery block and surface your client galleries with a Client Index section.","md",{},true,5,"\u002Fwebsite-builder\u002Fgallery-and-client-index-blocks",{"title":5,"description":232},"website-builder\u002Fgallery-and-client-index-blocks","2026-09-19","arkQuFstpYxqJeQ7g1pVpQITI8BhKSQ09NrcengeBvs",[243,247],{"path":244,"title":245,"order":246},"\u002Fwebsite-builder\u002Ftext-image-and-media-blocks","Text, image and media blocks",4,{"path":248,"title":249,"order":250},"\u002Fwebsite-builder\u002Fbutton-form-map-and-social-blocks","Button, form, map and social blocks",6,1789936982242]