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.

How to access the Page OutlineClick to copy

  • Step 1: Click on the Page Outline button (the first icon from the top) before the Element Catalog
  • Step 2: Normally, 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. There will be Row, Column, and other elements inside.

pagefly page outline

Note: If you just get started and your page is blank, the page outline will suggest you with PageFly templates.

page outline

Work with Page OutlineClick to copy

Rearrange the position of sections, columns, rows, or elementsClick to copy

You can rearrange the positions of sections, columns, rows, or elements. The outline allows you to drag the section to the position that you want as long as these objects are on the same level.

page outline

Show and Hide sections, rows, columns, or elements

You can choose to hide sections, rows, columns, or elements with just one click on the eye right next to the section, rows, columns, or elements.

Please note that this section will apply on the device that you are on. For example, if you are working on mobile view, the “hide” action will only be applied to mobile view. 

In the page outline, the hidden section will be blurred when you hide it on a device and then you can recognize it on the corresponding device. 

page outline

Rename, Duplicate or Delete sections, rows, columns, or elements.

To do these actions, please click on the three dots on the right side. You will find the options of rename, duplicate or delete. 

page outline

If your page outline’s width is not enough to show all of your elements, PageFly allows horizontal scrolling which will help you see all of your elements.

Navigate this category

PreviousPrevious article

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

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

I got it!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!