Page Outline

In this article, you will learn about the Page outline feature and how to use it.

About Page outline

Have you ever wondered how you could keep track of all of the sections and elements on your page like a whole picture? Page Outline is the answer to that question.

The outline is just a simple record of sections, rows, columns and specific elements used on your page. Thanks to this feature, you can easily navigate to the element you would like to work on by clicking on the name of that element on the layout.

page outline

To explore the outline of your page, just simply click on the symbol named Show page outline on the left-hand side as per the screenshot. A panel will open afterward.

By default, your page is divided into sections, to explore more of what each section contains, just open it by clicking on the arrow next to each section.

The position of sections, columns, rows or elements can be rearranged. The outline allows you to drag the section to the position that you want.

Page outline settings

By clicking on the three horizontal dots symbol next to each item in the Page outline as per the demonstration below, you will see multiple quick settings for that item.

  • Rename: if you find the name of the element in Page outline confusing because they are all using the default name such as Section, Row, Column or element’s name, you can give each element the desired name.
  • Duplicate: Make a copy of that item right beneath the position of the original version
  • Remove: Delete that item from the list and on the canvas as well
  • Hide on: Choose to hide that item on Desktop, Laptop, Tablet or Mobile. You can select more than one option.

Use the Page Outline feature to find the hidden section on

In some cases, you can hide a section on desktop, tablet, or all devices, you can use the Page Outline feature to find that hidden section.

You can check this video to know how to name a section

Was this helpful?

Try out all PageFly features with Free plan
Don’t have Shopify store yet? Create store

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!