How To Change the Layout of an Image Block
Image blocks in the PhotoBiz Website Builder give you the flexibility to display your photos in a variety of layouts. Each image block can have its own layout, allowing you to customize how your portfolio appears on every page. Follow the steps below to update the layout of an image block on your website.
STEP ONE
Log into your PhotoBiz account and click on WEBSITE from the left-hand menu.
STEP TWO
Click on the page that contains the image block you'd like to update.
STEP THREE
Locate the image block you want to update. You can change the layout using one of two methods:
Option One: One-Click Layout Change
In the upper-right corner of the image block, you will see the current layout name with left and right arrows. Click the arrows to toggle through the available layout styles and preview the results instantly.
The layout changes automatically. You do not need to click save.
Option Two: Change Layout from the Right-Side Panel
Click on the image block to open the editor panel on the right-hand side.
Click LAYOUT to view all available layout options.
STEP FOUR
If you used Option Two, scroll through the layout options in the right-hand panel. When you find a layout you like, click the SAVE button below it to apply it to your image block.
IMAGE BLOCK LAYOUT OPTIONS
You can choose from a variety of image block layouts. Below is a quick overview of the options available:
- SQUARE – Square grid layout. Titles and descriptions appear on hover.
- PORTRAIT – Taller images in a grid. Titles and descriptions appear on hover.
- LANDSCAPE – Wider images in a grid. Titles and descriptions appear on hover.
- EDITORIAL CIRCLE – Circular images in a grid with text below each image.
- EDITORIAL SQUARE – Square images in a grid with text below.
- EDITORIAL LANDSCAPE – Wide rectangular images in a grid with text below.
- EDITORIAL PORTRAIT – Vertical rectangular images with text below.
- PINBOARD – Mixed-size images displayed in a flowing grid. Text appears below.
- COLLAGE 4 – Four cropped images in a predefined arrangement. Text appears on hover.
- COLLAGE 5 – Five cropped images in a predefined arrangement. Text appears on hover.
- COLLAGE 6 – Six cropped images in a predefined arrangement. Text appears on hover.
- MODERN SQUARE – Cropped squares with title overlays. Descriptions are not supported.
- MODERN PORTRAIT – Cropped vertical images with title overlays. Descriptions are not supported.
- MODERN LANDSCAPE – Cropped horizontal images with title overlays. Descriptions are not supported.
- STACK MINI – Images fill approximately 70% of the content width and stack in rows. Text appears below.
- STACKABLE – Images fill 100% of the content width and stack vertically.
- GALLERY – A large main image with thumbnails underneath. Arrows allow navigation. Text appears over the main image.
- SLIDESHOW – Auto-playing slideshow with uncropped images. Titles and descriptions appear over each slide.
- CAROUSEL – A horizontal row of scrollable images.
- CAROUSEL SLIDESHOW – A scrollable carousel that automatically cycles through images.
- EDITORIAL CAROUSEL PORTRAIT – Vertically cropped carousel with editorial-style text below.
- EDITORIAL CAROUSEL LANDSCAPE – Horizontally cropped carousel with editorial-style text below.
- EDITORIAL CAROUSEL NO CROP – Carousel that maintains original image proportions with text below.
- EDITORIAL CAROUSEL MINI – A compact editorial-style carousel.
- EDITORIAL COLLAGE 3 – Three cropped images in an editorial-style collage with text below.
- EDITORIAL COLLAGE 4 – Four cropped images in an editorial-style collage with text below.
- GALLERY COLLAGE 3 – A collage of three images above a traditional gallery layout.
- GALLERY COLLAGE 4 – A collage of four images above a traditional gallery layout.
- CARD PORTRAIT – Portrait-oriented card layout for showcasing images with text.
- CARD CIRCLE – Circular image cards with text.
- CARD PORTRAIT OVERLAY RIGHT – Portrait card layout with text overlay on the right.
- CARD LANDSCAPE OVERLAY LEFT – Landscape card layout with text overlay on the left.
- CARD PORTRAIT SPLIT – Split layout with image and text displayed side-by-side.
Pro Tip
Many layouts allow you to control how many rows and columns appear, giving you more flexibility in how your images are arranged.STEP FIVE
Your changes will appear immediately in the Website Builder preview.
To see your updates on your live website, click VIEW SITE at the top of the builder.
