At the top of BlockLab are the tabs which you can use in order to edit your pages. They are split into seven sections, each covering a different aspect of your website’s design and structure: Branding, Blocks, Layout, Text, Image, Special, and Options.

Branding

Set your shop logo, site-wide font, site design (brand colours, background image), and button style.

Blocks

Add new blocks onto the page. When a block is selected on the page you can move it around, change it's size, modify the background colours, set a border on each block, and set the padding and margin of each block.

You can also decide whether or not each block displays on certain devices (desktop, tablet or mobile). This is used to make the site 100% responsive on all screen sizes, working towards a higher Google ranking.

Text

Change the currently selected text's style, font, size, decoration, alignment and colour.

Image

Modify an image's spacing, rounding corners, full-width, alignment, edit, link and change which image displays.

Options

Modify your BlockLab settings, view your shop through different screen size previews, and select a product to base your page around.