# Blocks

Blocks

# How do I create a new block?

In order to create a new block for your store first navigate to the blocks listings page and click the "+ New Block" button at the top of the page.

![Screenshot_2021-10-20_at_10-17-14_Aero_Commerce_Admin_copy_2.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409275595281-screenshot-2021-10-20-at-10-17-14-aero-commerce-admin-copy-2.png)

From here you will be presented with the form for creating a new block.

The form is grouped into sections with non-required sections collapsed.

## Block Information

The first section is the block name, key and description;

- **Name**- The main identifier for your Block, shown on the Block list - **Key**- Allows you to enter useful information to describe your Block - **Description**- The back-end identifier for your Block 

![Screenshot_2021-10-20_at_10-35-49_Aero_Commerce_Admin_copy.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409275683345-screenshot-2021-10-20-at-10-35-49-aero-commerce-admin-copy.png)

## Block Elements

The block elements section is where you add content to your block;

- **+ Menu**- Adds a Menu element to your Block - **+ Link**- Adds a Link element to your Block - **+ Text**- Adds a Text element to your Block - **+ Image**- Adds an Image element to your Block - **+ HTML**- Adds an HTML element to your Block 

![Screenshot_2021-10-20_at_10-35-49_Aero_Commerce_Admin_copy_2.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409282503569-screenshot-2021-10-20-at-10-35-49-aero-commerce-admin-copy-2.png)

Once you have created an element you have the following options;

- **Copy**- Creates a duplicate copy of this element in your Block - **Delete**- Instantly deletes your element (also deletes elements nested beneath your element) 

![Screenshot_2021-10-20_at_10-42-18_Aero_Commerce_Admin_copy.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409282550673-screenshot-2021-10-20-at-10-42-18-aero-commerce-admin-copy.png)

### Element types

When adding a new element, your options change depending on the type of element;

#### Menu element

Menus allow you to create nested link menus. Menu elements can have links or menu elements nested beneath them.

To nest an element under a menu, following these steps

1. Select the menu you want to nest under 2. Click the button for a new menu, link or text 

The fields available for the menu element are as follows;

- **Title**- The text that appears in the menu element when displayed on screen - **Link**- Optional - The URL your menu element links to - **Show / hide this block at a particular time**- Allows you to set show and hide times for your menu element 
  - **Show at**- Set the time to start displaying your menu element   - **Hide at**- Set the time to start displaying your menu element 
- **Additional Attributes**- Adds a new attribute 
  - **Delete icon**- Instantly delete your attribute   - **Name**- Enter your attribute name   - **Value **- Enter your attribute value 

![Screenshot_2021-10-20_at_11-32-05_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283553041-screenshot-2021-10-20-at-11-32-05-aero-commerce-admin.png)

#### Link element

Links allow you to create linkable list elements. When used with menus you can create nested link lists.

- **Title**- The text that appears in the link element when displayed on screen - **Link**- Optional - The URL your link element links to - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element  

  - **Show at**- Set the time to show your link element   - **Hide at**- Set the time to hide your link element 
- **+ add attribute**- Adds a new attribute  

  - **Delete icon**- Instantly delete your attribute   - **Name**- Enter your attribute name   - **Value**- Enter your attribute value 

![Screenshot_2021-10-20_at_11-32-12_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283553681-screenshot-2021-10-20-at-11-32-12-aero-commerce-admin.png)

#### Text element

Text allows you to create textual list elements. When used with menus, you can create nested lists.

- **Text**- The text that appears in the link element when displayed on screen - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element  

  - **Show at**- Set the time to show your link element   - **Hide at**- Set the time to hide your link element 
- **+ add attribute**- Adds a new attribute  

  - **Delete icon**- Instantly delete your attribute   - **Name**- Enter your attribute name   - **Value**- Enter your attribute value 

![Screenshot_2021-10-20_at_11-32-22_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283557265-screenshot-2021-10-20-at-11-32-22-aero-commerce-admin.png)

#### Image element

Image allows you to create image elements. These can contain up to 3 images, used depending on the type of device displaying the storefront.

##### Image filetypes

Aero supports the following image types:

- .png - .jpg/.jpeg 

##### Image size

Aero storefront supports images up to 10MB

The fields available for the image element are as follows;

- **3 x Drop files here to upload**- Optional - Either drag your product image file into the box or click to browse files - **Alt text**- Enter the alt text that describes the image - **Link**- Optional - The URL your image element links to - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element  

  - **Show at**- Set the time to show your link element   - **Hide at**- Set the time to hide your link element 
- **+ add attribute**- Adds a new attribute  

  - **Delete icon**- Instantly delete your attribute   - **Name**- Enter your attribute name   - **Value**- Enter your attribute value 

![Screenshot_2021-10-20_at_11-32-36_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409276865937-screenshot-2021-10-20-at-11-32-36-aero-commerce-admin.png)

#### HTML elements

HTML allows you to create HTML Block elements.

- **HTML**- - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element  

  - **Show at**- Set the time to show your link element   - **Hide at**- Set the time to hide your link element 
- **+ add attribute**- Adds a new attribute  

  - **Delete icon**- Instantly delete your attribute   - **Name**- Enter your attribute name   - **Value**- Enter your attribute value 

![Screenshot_2021-10-20_at_11-32-51_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283567249-screenshot-2021-10-20-at-11-32-51-aero-commerce-admin.png)

# How do I delete a block?

Deleting blocks cannot be undone

- Step 1 - Login to your Aero Admin Console - Step 2 - Hover over the 'Content Management' icon in the left hand menu 

![Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png](https://support.aerocommerce.com/hc/article_attachments/4409221638801/Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png)

- Step 3 - Click on 'Blocks' 

![Screenshot_2021-10-19_at_11-26-06_Aero_Commerce_Admin_copy_4.png](https://support.aerocommerce.com/hc/article_attachments/4409274083089/Screenshot_2021-10-19_at_11-26-06_Aero_Commerce_Admin_copy_4.png)

- Step 4 - Search for the block(s) you would like to delete (more information here; "[How do I search my blocks?](https://support.aerocommerce.com/link/86) - Step 5 - Select the block(s) you would like to delete by click their checkbox(es) 

![Screenshot_2021-10-20_at_11-45-20_Aero_Commerce_Admin.png](./attachments/4409277058833-screenshot-2021-10-20-at-11-45-20-aero-commerce-admin.png)

- Step 6 - Select 'Delete blocks' from the 'Select a bulk action' dropdown - Step 7 - Click go - A confirmation tick will appear when your bulk action has been completed

# What is a block?

Within Aero, Blocks provide an easy way to include dynamic content in your storefront.

Blocks are specific elements, or sections of displayed content within pages. Blocks allow easy duplication of content and can be reused across an unlimited number of pages.

Blocks can be made up of a combination of the following content types:

- Menu - Link - Text - Image - HTML

# Where do I find my blocks?

Your Blocks are located in your Aero admin console.

- Step 1 - Hover over the Content Management button in the left hand menu 

![Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png](https://support.aerocommerce.com/hc/article_attachments/4409221638801/Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png)

- Step 2 - Select Blocks from the Content Management menu 

![Screenshot_2021-10-19_at_11-26-06_Aero_Commerce_Admin_copy_4.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409274083089-screenshot-2021-10-19-at-11-26-06-aero-commerce-admin-copy-4.png)

# What is the blocks list?

Your blocks list shows all of you current blocks and includes the label and key of each block. This allows you to quickly check key details and quickly drill into your blocks for further information.

![Screenshot_2021-10-20_at_10-17-14_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409281907473-screenshot-2021-10-20-at-10-17-14-aero-commerce-admin.png)

# How do I search my blocks?

- Step 1 - Login to your Aero Admin Console - Step 2 - Hover over the 'Content Management' icon in the left hand menu 

![Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png](https://support.aerocommerce.com/hc/article_attachments/4409221638801/Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png)

- Step 3 - Click on 'Blocks' 

![Screenshot_2021-10-19_at_11-26-06_Aero_Commerce_Admin_copy_4.png](https://support.aerocommerce.com/hc/article_attachments/4409274083089/Screenshot_2021-10-19_at_11-26-06_Aero_Commerce_Admin_copy_4.png)

- Step 4 - Enter your search term in the SEARCH input at the top of the page 

![Screenshot_2021-10-20_at_10-17-14_Aero_Commerce_Admin_copy.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409275515153-screenshot-2021-10-20-at-10-17-14-aero-commerce-admin-copy.png)

- Step 5 - Click 'Search'

# How do I edit a block?

- Step 1 - Login to your Aero Admin Console - Step 2 - Hover over the 'Content Management' icon in the left hand menu 

![Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png](https://support.aerocommerce.com/hc/article_attachments/4409221638801/Screenshot_2021-10-19_at_11-25-22_Aero_Commerce_Admin.png)

- Step 3 - Click on 'Blocks' 

![Screenshot_2021-10-19_at_11-26-06_Aero_Commerce_Admin_copy_4.png](https://support.aerocommerce.com/hc/article_attachments/4409274083089/Screenshot_2021-10-19_at_11-26-06_Aero_Commerce_Admin_copy_4.png)

- Step 4 - Search for the block you would like to edit (more information here; "[How do I search my blocks?](https://support.aerocommerce.com/link/86) - Step 5 - Click on the block name or arrow icon - Step 6 - Edit or enter the necessary information for your block - (more information here; "[How do I create a new block?](https://support.aerocommerce.com/link/81) - Step 7 - Click the 'Save' button in the bottom left of your screen