To showcase your portfolio(project) items. Please add a new Page, active the BM Content builder to create tons of grid or masonry grid layouts.
Before the Portfolio list page creating, you should create several portfolio(project) items by single portfolios, they should be set with a category.
Step by step
- Page > Add New
- Enter a title
- Click BM Content Builder
- Click “Masonry Grid”
- Choose “Portfolio” from the “Source” selector
- Choose a category of your portfolio(project) items
- Click “Edit Your Portfolio Layout”
You could move, enlarge, shrink the items. You could click the placeholder layout(Quick Creating) to create layout quickly
Check the video guide from 00:57 - You could create the Portfolio list page from the images also. Choose the “Media Library” from the “Source” selector.
Click “Select Image” to pick up the images.
The images will be shown in the editor:
Check the video guide from 04:13 - Set spacing, filter, mouseover effect, and other options please check more about the Masonry grid module.
Video Guide
Content:
00:23 – Add new page, enter title
00:30 – Click BM Content Builder, click Masonry Grid
00:42 – Source Portfolio, Select a category
00:49 – Click Edit Your Portfolio Layout, drag to edit the layout
01:20 – Edit the layout by quickly creating
01:27 – Set the items spacing
01:35 – keep original layout on mobile
01:49 – Fit image into Grid
02:00 – Set the Filter(sub-categories)
02:10 – Set the Filter(sub-categories) on the header bar
02:22 – Set the text style(font, color…)
02:35 – Show the text under the image
03:09 – Pick up the images from the media library directly(Source: Media)
03:26 – Lightbox
03:40 – Set custom URL and categories for image in the media library