# Content block templates

Source: https://support.storeconnect.com/articles/content-block-templates · Last modified 21 August 2026

The content on your StoreConnect site is managed via blocks and containers, and there are templates available for each content type.

This is how you control the width of images, site columns, banner widths, etc. When used inside a container, content blocks can be assigned a maximum width along with padding and margins.

## Content blocks and the theme builder

You can change or extend the functionality of content blocks using the theme builder. You will need to be familiar with using Liquid for design, in order to style content blocks this way. See the [Theme Templates](theme-templates).

## Available content block templates

### Container block

A Container block can contain one or more child Content Blocks of any type. Containers are the foundation to great looking content as they help you to lay it out on your page. [More on Container Blocks](content-block-containers)

### No added styling block

This block has no styling at all and can be used for your sites [head and body content](adding-custom-javascript-css-and-head-content) or you can use it to display content on your site with your own styling. Using this block to display your content requires some skill with CSS and HTML.

| Fields  | Usage            | Input                      |
|---------|------------------|----------------------------|
| Content | The text content | Plain Text, Markdown, HTML |

### Text block

Text blocks can be used for much more than just displaying text. You can add HTML and CSS to the content to produce web-to-lead and web-to-case forms along with tables and a whole lot more using Markdown or HTML.

| Fields   | Usage                           | Input                      |
|----------|---------------------------------|----------------------------|
| Title    | H1 heading for block            | Plain Text                 |
| Subtitle | Medium sized subtitle for block | Plain Text                 |
| Content  | The main text content           | Plain Text, Markdown, HTML |

### Single image block

This block displays a single image using an HTML `<img>` tag.

| Field       | Usage                                                                                     | Input                                               |
|-------------|-------------------------------------------------------------------------------------------|-----------------------------------------------------|
| Image       | The image for the block                                                                   | Lookup to Media records with the file type of Image |
| Link Target | If provided, the image becomes a clickable link                                           | URL                                                 |
| Link Label  | If provided and is a clickable link, the link’s tooltip will be set to the provided value | Plain Text                                          |

### Image with text overlay block

The purpose of this block is to provide a large, full-width background image with some simple content and a call to action button. The background image is given a CSS filter to reduce its brightness so to allow the text and button to show better against it. The image is all aligned to the left and is cropped or stretched to the full width of the block. The default position of the text and button is the center of the block but can be moved to the left or right edge. The text and button remain justified to the left regardless of alignment.

| Field       | Usage                                                    | Input                                               |                     |
|-------------|----------------------------------------------------------|-----------------------------------------------------|---------------------|
| Alignment   | Defines how the text and button are aligned in the block | Picklist                                            | Center, Center Text, Top, Bottom, Left, Right |
| Image       | The background image for the block                       | Lookup to Media records with the file type of Image |                     |
| Link Label  | If provided, displays as a call to action button         | Plain Text                                          |                     |
| Link Target | If provided, gives the button a target URL               | URL                                                 |                     |
| Title       | H2 heading for block                                     | Plain Text                                          |                     |
| Subtitle    | Medium sized subtitle for block                          | Plain Text                                          |                     |
| Content     | Main text content                                        | Plain Text, Markdown, HTML                          |                     |

:::tip
Use a suitable background image to allow for cropping. Images wider than the block will be centered and cropped, and smaller images will be stretched to fit the width of the page. The block will be narrower on smaller screens so your image will be cropped further.
:::

### Image beside text block

This block allows you to easily provide some text to the left or right of an image. The default is for the image to display on the left, but you can use the Left and Right Alignment values to move it to either side. Despite the Alignment setting, the image will always appear on top of the text when on a small screen.

| Field       | Usage                                           | Input                                               | Available Options |
|-------------|-------------------------------------------------|-----------------------------------------------------|-------------------|
| Alignment   | Defines how the content is aligned in the block | Picklist                                            | Left, Right (the field offers the full alignment list, but this block uses only these two) |
| Image       | The image for the block                         | Lookup to Media records with the file type of Image |                   |
| Link Label  | If provided, displays as a call to action link  | Plain Text                                          |                   |
| Link Target | If provided, gives the link a target URL        | URL                                                 |                   |
| Title       | H2 heading for the block                        | Plain Text                                          |                   |
| Subtitle    | Medium sized subtitle for block                 | Plain Text                                          |                   |
| Content     | Main text content                               | Plain Text, Markdown, HTML                          |                   |

:::tip
Keep your image width around 640px or less. If it is too wide, there will be no room for the text content
:::

### Slideshow block

A slideshow is a series of content blocks shown via a carousel. The Links in your slides allows each slide to direct your audience to different pages and products within your store. Be careful with using small images as it will stretch them out to the full width of the block.

To create your slideshow:

-   Create a Content block with the Content Template of `Slideshow`
-   Create the Content blocks you wish to be included in the slideshow
-   Add the slides to your Slideshow Block as Child Content Blocks
-   Use the position field to position them in the order you want
-   Place the Slideshow Block in a container that lives on your page

### Media reference block

This block is used to present a link to a document or file with the option of text content displaying below it. The link text comes from the name of the media record you are referencing. When the link is clicked, the document or file will either show on your browser or download depending on your browser's default behavior for that file type.

| Field    | Usage                   | Input                                                  |
|----------|-------------------------|--------------------------------------------------------|
| Document | The document to link to | Lookup to Media records with the file type of Document |
| File     | The file to link to     | Lookup to Media records with the file type of File     |
| Content  | Main text content       | Plain Text, Markdown, HTML                             |

For instructions on how to upload your files and Documents to StoreConnect, see [Upload images, media, and other files](uploading-media).

### Video block

This block plays a self-hosted video using an HTML `<video>` tag with playback controls. The video fills the width of the block.

| Field | Usage                  | Input                                               |
|-------|------------------------|-----------------------------------------------------|
| Video | The video for the block | Lookup to Media records with the file type of Video |

:::note
The **Content Template** field has no `Video` option out of the box, so you need to add the picklist value before you can select this template. Use the API name `video`. See [Adding your own custom content block templates](adding-templates-to-content-template-picklist).
:::

### Featured articles block

This block displays articles in two columns on small screens and four columns on larger screens and wraps to the next row as needed. The articles hero image is used as the image and the articles title is used for the Label that sits below the image. When adding related products to this block, set the Usage Type to `Featured Article`.

| Field | Usage                    | Input      |
|-------|--------------------------|------------|
| Title | H1 heading for the block | Plain Text |

### Featured pages block

This block lists all associated pages as a list of links to the pages. The page Title field is used as the link text. When adding related pages to this block, set the Usage Type to `Featured Page`.

| Field | Usage                    | Input      |
|-------|--------------------------|------------|
| Title | H1 heading for the block | Plain Text |

### Featured products block

This block displays product cards in two columns on small screens and four columns on larger screens and wraps to the next row as needed. The cards are similar to what you would see in a product category page. When adding related products to this block, set the Usage Type to `Featured Product`.

| Field | Usage                    | Input      |
|-------|--------------------------|------------|
| Title | H1 heading for the block | Plain Text |

### Featured categories block

This block displays categories in a row with featured cards and a scrollable horizontal bar at the bottom. On handheld devices, two cards will be displayed (the second card will be partly seen) so users can scroll over the items horizontally.

The categories media is used as the image and the categories title is used for the Label that displays on top of the image. When adding related products to this block, set the Usage Type to `Featured Category`.

| Field | Usage                    | Input      |
|-------|--------------------------|------------|
| Title | H1 heading for the block | Plain Text |

### Featured category products block

This block displays a paginated grid of every product in the categories you associate with it, rather than products you pick one at a time. Duplicates are removed, so a product in two of the associated categories appears once. A call to action button below the grid uses the Link Label and Link Target fields. When adding related categories to this block, set the Usage Type to `Featured Category`.

| Field       | Usage                                            | Input                      | Available Options                |
|-------------|--------------------------------------------------|----------------------------|----------------------------------|
| Title       | H2 heading for the block                         | Plain Text                 |                                  |
| Subtitle    | Medium sized subtitle for block                  | Plain Text                 |                                  |
| Alignment   | Defines how the heading and subtitle are aligned | Picklist                   | Center, Left, Right              |
| Link Label  | If provided, displays as a call to action button  | Plain Text                 |                                  |
| Link Target | If provided, gives the button a target URL        | URL                        |                                  |

:::note
The **Content Template** field has no `Featured Category Products` option out of the box, so you need to add the picklist value before you can select this template. Use the API name `featured_category_products`. See [Adding your own custom content block templates](adding-templates-to-content-template-picklist).
:::

---

## Follow StoreConnect

- [Email Newsletter](https://getstoreconnect.com/c/lp-newsletter)
- [LinkedIn Newsletter](https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7444956928444862464)
- [YouTube](https://www.youtube.com/channel/UCngKdP2x8l1wcbAKW3tvU8g)
- [LinkedIn](https://www.linkedin.com/company/storeconnect)
- [X / Twitter](https://x.com/storeconnecthq)

## Popular Links

- [Partners](https://getstoreconnect.com/partners)
- [News](https://getstoreconnect.com/articles/news)
- [Events](https://getstoreconnect.com/articles/events)
- [Feature Comparison](https://getstoreconnect.com/how-we-compare)
- [Download a free trial](https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMkeKUAT)
- [Book a Demo](https://getstoreconnect.com/contact)

## Documentation

- [Help documentation](https://support.storeconnect.com/help-documentation)
- [AI agents](https://support.storeconnect.com/ai)
- [Videos & tutorials](https://support.storeconnect.com/videos-tutorials)
- [Developer reference](https://support.storeconnect.com/developer-reference)
- [Release notes](https://support.storeconnect.com/release-notes)
- [Troubleshooting](https://support.storeconnect.com/troubleshooting)
- [Trust Center](https://trust.getstoreconnect.com/)
- [Status Page](https://status.storeconnect.com/)

## Contact

- info@getstoreconnect.com
- US +1 415 745 3230
- AUS +61 2 8365 2308

100 S Ashley Dr, Suite 600-2461
Tampa FL 33602-600 USA

Level 22, Sydney Place
180 George Street
Sydney, NSW, 2000, AUS

---

StoreConnect Support — https://support.storeconnect.com/articles/content-block-templates