Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Page (Section)

The Page section lets you insert custom content from any page you create in your Shopify admin. This section gives you a huge amount of flexibility to create and display the kind of content you want.

One great use for the page section is inserting charts or tables, and text content with more options to text style the font and layout.

Set up section

Add this section to any template (except Checkout) and re-order its position. You can use this section multiple times on the same page with different content and settings.

Note: New sections will appear on all pages that use the same template. To add sections to specific pages only, learn how to create and assign multiple templates.

Steps

In your theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

  2. In the side panel, click (+) Add section and select Page.

  3. Change the order of your sections by using the drag and drop handles ⋮⋮

Select page

Learn more in Shopify's Pages guide.

Before selecting a page for your section, create and format a page in your Shopify admin. Learn more about adding and editing pages in Shopify's help guide.

  1. Click on the Page section to open the settings.

  2. Use the Select page button to find the page you created in the Shopify admin.

  3. Click Save.

Section headings

The Page section includes an optional Heading with size and alignment options.

Steps

  1. Click on the Page section to open the settings.

  2. Change the Heading text as a title for your section.

    Delete the text in this field to remove the heading.

  3. Set the Heading size to Small, Medium, or Large.

  4. Set the Heading alignment to position it on the Left or Center above the section.

  5. Click Save.

Section style

Customize the look of your section by changing the style and layout.

  1. Click on the Page section to open the settings.

  2. Choose to display a Top divider that separates sections with a Solid line.

    The Top divider uses the Lines and borders color selected in the Theme Settings.

  3. Set the Content width to display the section at Full width or use the slider to set a custom width between 400 - 1000 pixels.

  4. Click Save.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.