Managing sections and blocks

⬇️ On this page:

  1. Sections: overview
  2. Managing sections
    1. Add a new section
    2. Edit a section
    3. Add a new block
    4. Duplicate a section or block
    5. Remove a section or block
    6. Custom Liquid

Sections and blocks: overview


Themes use sections to create layouts. Most sections have blocks for specific functions like headers, text, images, collages, or links. Using sections and blocks in templates offers flexibility in arranging store's content, without coding. Each template can have up to 25 sections.

Each section has a variety of blocks to add. You can add up to 50 blocks per section.


Shopify's resources:

  1. Sections and blocks ↗
  2. Using metafields and metaobjects with dynamic sources ↗

Managing sections


You can add a new section to any page in your online store.

To add a new section


  1. From your Shopify admin, go to Online Store > Themes ↗.
  2. Find the theme that you want to edit, and then click Customize.
  3. Select a template from the drop-down menu.
  4. Click + Add section, and either select a new section from the list or use the Search bar to search for a specific term.
  5. Click the new section to edit the blocks within the section.
  6. Optional: Click and drag the ⋮⋮  icon next to a section to rearrange the sections on your page.
  7. Click Save.


To edit an existing sections:


  1. From your Shopify admin, go to Online Store > Themes ↗.
  2. Find the theme that you want to edit, and then click Customize.
  3. From the dropdown menu, select the template that contains the section that you want to edit.
  4. Click a section to load the content into the preview window and access the options available to you.
  5. Optional: Click individual blocks to edit the blocks within the section.
  6. Click Save.

Blocks are customizable modules that make up page templates. You can add text, images, links, buttons, and more.

Shopify themes have sections and blocks that you can customize. Some sections have fixed block types, so you can only choose from the available blocks. Other sections let you select any block but limit the total number of blocks you can add. If your section reaches the maximum number of blocks, a message displays the limit and the + Add block option is greyed out until an existing block is removed.


To add a new block:


  1. From your Shopify admin, go to Online Store > Themes ↗.
  2. Find the theme that you want to edit, and then click Customize.
  3. From the dropdown menu, select the template that contains the section that you want to edit.
  4. Click a section to load the content into the preview window and access the options available to you.
  5. Click + Add block and select a new block, or click the Search bar to enter a search term.
  6. Click Save.

Duplicate a section or block:


  1. From your Shopify admin, go to Online Store > Themes ↗.
  2. Find the theme that you want to edit, and then click Customize.
  3. From the dropdown menu, select the template that contains the section or block that you want to duplicate.
  4. Click a section or block that you want to duplicate.
  5. Click the ...  button beside the section name in the sidebar and then click Duplicate.
  6. Click Save.

To remove a section or block:

  1. From your Shopify admin, go to Online Store > Themes ↗.
  2. Find the theme that you want to edit, and then click Customize.
  3. From the dropdown menu, select the template that contains the section that you want to edit.
  4. Click a section to load the content into the preview window and access the options available to you.
  5. Click the eye icon to hide or unhide a section or block.
  6. Click Remove to delete a block or section.

Custom Liquid or HTML


Liquid is a flexible and powerful templating language that allows you to customize the look and functionality of your online store. In Splendid, you can add snippets of HTML or Liquid code that can be rendered in the section containing the setting. These settings allow you to safely add custom code to your online store without directly editing your theme's code, which helps ensure that your theme is eligible for updates.

Shopify's resources:

  1. Extend your theme (Adding custom HTML and Liquid) ↗
  2. Adding custom CSS to your theme ↗
  3. Install an app ↗

With Custom Liquid, you can do the following:

  1. Customize the appearance of your Shopify store by modifying the HTML, CSS, and JavaScript using Liquid. You can create unique layouts, styles, and user interfaces tailored to your brand and preferences.
  2. Use Liquid to insert dynamic content into your store's pages. This could include product details, customer information, order data, and more. Use a Custom Liquid section to insert Liquid variables ↗ where they make sense for your business. For example, you might include your shipping policy ↗ on your product page.
  3. Optimize your store for search engines by customizing meta tags, titles, and other SEO-related elements using Liquid. You can dynamically generate SEO-friendly content based on product data and other variables.

Steps to add a custom liquid:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. Select a template from the drop-down menu.
  4. Click + Add section, and either select a new section from the list or use the Search bar to search for a specific term.
  5. Choose Custom Liquid from the list.
  6. Optional: Click and drag the ⋮⋮  icon next to a section to rearrange the sections on your page.
  7. Click Save.

Still need help? Contact Us Contact Us