# 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://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FfYDYvKjKplVj9NxO5uWD%2FScreenshot_69.png?alt=media&#x26;token=96b929c5-26d6-423a-b4a9-b5c3cc95a587" alt=""><figcaption></figcaption></figure>

### Step 2 - Add a section

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FPegaRtonxlBakU65haEM%2FScreenshot_70.png?alt=media&#x26;token=059e7b9c-3198-4b4b-9673-8dc5c62d3082" 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://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FFfSWU7pGIyHR8ZLGy3qZ%2FScreenshot_71.png?alt=media&#x26;token=e2352ac1-e43f-4017-a3b1-1cd8e2174f07" alt=""><figcaption></figcaption></figure>

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

### Step 1

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2F6dHCcXYedvwQcqVYEzD3%2FScreenshot_72.png?alt=media&#x26;token=71ac8b42-fbf2-40f6-b163-88909fa0957a" 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://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FEqE6kvO3LxKOHzMVuZLd%2FScreenshot_73.png?alt=media&#x26;token=fb406db3-2937-4030-ab8f-124c7acd626e" 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://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FH8S9Xx9mstlkWiGzkZ0O%2FScreenshot_74.png?alt=media&#x26;token=0fa0ae24-e580-4ed5-b278-0ca346e20a9f" alt=""><figcaption></figcaption></figure>

### Remove block

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2F818XqKfBOH7akhFT9DPw%2FScreenshot_75.png?alt=media&#x26;token=5294f4f8-1eac-4aa9-ae2c-44a46d1e974e" 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://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2F5IgtKUIb6cSFxDp9BNCF%2FScreenshot_76.png?alt=media&#x26;token=711f5e31-e633-40f6-abe2-314e9792a7bd" alt=""><figcaption></figcaption></figure>

### Duplicate block

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2F0jklFktqLkVy7qd4esB2%2FScreenshot_77.png?alt=media&#x26;token=f849e609-76ad-4d84-abd5-782b0b32b68e" alt=""><figcaption></figcaption></figure>
