How to Use Layout Builder

Premium Version Only
Youtube video

Note: this video is for my another plugin, but in Sports Leagues  everything is the same 


With the help of Layout Builder, you can create complex pages like the screenshot below.

Image 7773

Create Layout

Go to the "Layout Builder" >> "Add New"  and select layout type.

Image 7774

Layout Sections

The layout has three sections: Top, Tabs, and Bottom.

Drag available blocks to build the layout you want.

Image 681

Work with Tabs

Click the "+ add tab" button to create a new tab.

Change the Tab title option. (2)

Drag blocks to the tab layout. (3)

You can delete a tab if you don't need it. The delete link is available in the last tab. (4)

Image 682

General Block Options

Click on the Tools button on the right side of the block.

Image 683

In the popup modal, you can edit general block options. Some options depend on the block type.

Image 684

Display Options

There are Display Options at the top. Check them before publishing the layout.

Image 7776

Create Complex Layout

Image 7775

Add the Global Shortcode option to your layout and click the "Edit" button on the right.

Then open Shortcode Builder.

Image 7777

Select Player Stats shortcode (1), choose a statistics you want to show (2), set smaller limit (3) and click "Copy and Close".

Image 7778

Create Header (1), add Dynamic Variables %season_id% and %team_id% to the shortcode, set width 1/3, add some margins, and close.

Create other blocks in the same way.

Image 7779

Is this article helpful for you?