---
description: A complete guide to customize sections and blocks to your page
---

# How to add a section?

## Add a section <a href="#add-section" id="add-section"></a>

{% hint style="success" %}
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**.
{% endhint %}

### Step 1 - Go to Customizer

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FbBCoRnAJRFQHzC6Wa5Dk%2Fcustomizer.png?alt=media&#x26;token=1157e4d7-798c-491d-972c-4d06f23b9e75" alt=""><figcaption></figcaption></figure>

### Step 2 - Add a section

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FgJfBF0Igvyyq15jlorZe%2Fadd_section.png?alt=media&#x26;token=02b0d848-d41c-4dff-8de9-81e12f1c3385" alt=""><figcaption></figcaption></figure>

### Section Drag & drop

* Click and drag the `⋮⋮` icon next to a section to rearrange the sections on your page.

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FB3G05EhDu4ydqJYwIixN%2Fdrag_drop_button.png?alt=media&#x26;token=a355455f-cc4e-4adf-949c-f92723ceb9b9" alt=""><figcaption></figcaption></figure>

## Add a block <a href="#add-section" id="add-section"></a>

### Step 1

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2F5JThaIddfjaFVvEVI6B8%2Fadd_block.png?alt=media&#x26;token=e035d245-626e-48de-b76f-f07cd1e342fe" alt=""><figcaption></figcaption></figure>

### Block drag & drop

* Click and drag the `⋮⋮` icon next to a block to rearrange the block on your section

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FmaLWA8iPGJ7k9ykwVuHe%2Fblock_drag_drop.png?alt=media&#x26;token=655d9021-1bea-42f5-aeef-7b2551000cfa" alt=""><figcaption></figcaption></figure>

## Remove a section or block <a href="#remove-section-or-block" id="remove-section-or-block"></a>

{% hint style="success" %}
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.
{% endhint %}

### Remove section

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FShBnU3dfpmDEcDMXyMWu%2Fremove_section.png?alt=media&#x26;token=6f77c85d-a3e3-4e1a-97aa-7e0b890086a7" alt=""><figcaption></figcaption></figure>

### Remove block

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2F2M9WcLbdMKBdLHsIOQJZ%2Fremove_BLOck.png?alt=media&#x26;token=0bb743cc-462e-4744-8009-b5d011898ba8" alt=""><figcaption></figcaption></figure>

## Duplicate a section or block <a href="#duplicate-section" id="duplicate-section"></a>

{% hint style="success" %}
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**.
{% endhint %}

### Duplicate section

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2F89fsPix0zS6HoTTWuqpT%2Fduplicate.png?alt=media&#x26;token=64e3a5d0-6760-4cfd-9a4b-da3341cd12a2" alt=""><figcaption></figcaption></figure>

### Duplicate block

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2F4OskeBos4tlm7jwhQ7U6%2Fduplicate_Block.png?alt=media&#x26;token=14fd3a59-5a3c-4a5e-ab07-33aea8867d9f" alt=""><figcaption></figcaption></figure>
