Page section settings

This guide describes the Page section.

The Page section allows you to display the content of a specific static page directly within your store's layout. It’s ideal for showcasing detailed information like return policies, brand stories, FAQs, or any custom content created in the Pages section of your admin.

Content Integration

Select any published page from your admin to display its content in this section.
Reuse existing content without duplicating it.

Example: Returns & Exchanges page

How to access the Page section

Access this section through the theme customizer:

Navigate to Online Store > Themes
Select “Customize” on your active theme
From any page, click “Add section”
Search and select “Page”

Note: Section cannot be added to the Password page.

To insert a new section between existing ones, follow the steps in the article "Add a section"

Once the page section is added, you can customize its appearance and functionality using the available settings.

How to configure the Page section

Basic Components

The “Page” section consists of general settings.

To start customizing your page, click on the “Page” section to access its settings.

Select a setting described in the following table:

Setting	Description
Select page	In the “Page section” setting, you have the option to add a page into a section that has been created in your Shopify store and include it in the theme editor. This setting allows you to select a specific page from your Shopify store and incorporate it into the design of your theme.
Heading size	The heading size setting offers three options to control the size of the section heading: Small Medium Large
Color scheme	Apply Color Scheme: After creating your color schemes in theme settings — 'Colors' tab, you can apply them to different sections of your store. In each section or block, you'll see a Color scheme dropdown. Select the appropriate color scheme for each section, ensuring consistency with your brand's identity.

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.