Using ProPhoto’s Visual Builder you may add, copy-paste, and delete items within a layout. You can also move and organize layout items to create the perfect site design.
Add layout items
Adding block to your layout in ProPhoto is very easy; simply click and drag. Go to the “Blocks” area and use an existing block from the library , or create a new block.
Rows and Columns
To add rows or columns within your block, you will need to use the block’s Structure settings. To access, first click the block’s customization gear icon, then click the Appearance tab. There, you can create as many rows and columns in the block as you would like.
And to add a module, simply go to the “Elements” area, and click/drag in your module:
Copy-paste layout items
You may copy and paste any item in your layout, including blocks, rows, columns and modules. Just look for the little copy icon. For example:
Copied items are available for use in different ways, depending on the item type.
- Blocks – When a block is copied, it’s copy will appear in the “Blocks” library area in the left-hand sidebar are of the ProPhoto Visual Builder. Then you can click/drag that block into any layout where you wish to use the copy.
- Rows & Columns – After copying a row or column in the “Structure” tab of a block, you will see a little paste icon in the same area to paste the row/column. Be aware that you can also paste a row/column into a different block’s Structure if you want.
- Modules – When a module is copied, you will see it’s copy appear in the Elements area of the Visual Builder. From here, you can click/drag the module into any other location or layout that you prefer.
Be aware that all copied items are independent and separate from the original. So customizing the original or copy will not affect the other. For example, if you copy and paste a row, and then modify the padding of the copied row, the padding of the original row will not change.
Delete layout items
Just like adding and copying, all layout items (blocks, rows, columns and modules) can be deleted. To do so, just click the little delete icon on the item you with to delete. For example, to delete a block:
Or to delete a column: