# Custom content

Pipeline's most customizable section which includes the most commonly used features, all together in one section. 

This is a great starting point for many merchants to build a custom look on their homepage and on other pages and templates throughout the store. Start by adding the section and then choosing either one or two blocks to build your design:

> ***Tip:*** Choosing one block will create a full-width style section. Choosing two blocks builds a two-column layout.

<figure><img src="/files/14LHcqIV3uWJSF8GiW4J" alt=""><figcaption></figcaption></figure>

#### Block choices:

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><strong>Image</strong></td><td>Add one or two image blocks for image columns. Includes overlayed headings, text, and button options</td></tr><tr><td><strong>Text</strong></td><td>Add a custom text column with heading, text, and button options. Each block is a column</td></tr><tr><td><strong>Newsletter</strong></td><td>Newsletter sign-up form, couple with an image block to build a rich sign-up section</td></tr><tr><td><strong>Video</strong></td><td>Display a full-featured background MP4 video with support for popup steaming videos</td></tr><tr><td><strong>Product</strong></td><td>Promote any product in your store, includes easy-to-use custom badge option</td></tr><tr><td><strong>Collection</strong></td><td>Showcase products from a collection in a scrollable product card</td></tr><tr><td><strong>Article</strong></td><td>Showcase any blog articles with options to display an excerpt, author, author image, date, and more</td></tr></tbody></table>

## Example layouts

Below is a sample of single-block and double-block variations when using Pipeline's Custom Content section.&#x20;

### Video and collection

A looping MP4 video from your Shopify files library and a collection block:

<figure><img src="/files/jQJ3F7nRdKJ1ynGwYRST" alt=""><figcaption></figcaption></figure>

### **Image banner**

A hero-style image banner when only one block is used:

<figure><img src="/files/hDPP9Y5tIoKUg3TSLBXl" alt=""><figcaption><p><strong>Single image block</strong></p></figcaption></figure>

<figure><img src="/files/aeqgU0QCwBGePb5UU74V" alt=""><figcaption><p><strong>Image with spection spacing added</strong></p></figcaption></figure>

### **Image and Collection**

Products from the collection are displayed in a slideshow with dots below to indicate the number of products:

<figure><img src="/files/DOClklWdxLEtauoIpcRn" alt=""><figcaption><p><strong>Image block with Collection block</strong></p></figcaption></figure>

### Product and Image

<figure><img src="/files/oBNogxTJ3xyfjdnxaiQi" alt=""><figcaption></figcaption></figure>

### Image and text

<figure><img src="/files/jAdvTkJxK3Z6mSgUt90d" alt=""><figcaption></figcaption></figure>

### Two-column text section

Single block text:

<figure><img src="/files/8FghLM7QOb8OD5LIXbKZ" alt=""><figcaption><p><strong>Use of section color settings used to bring out the section</strong></p></figcaption></figure>

### Image and Newsletter

<figure><img src="/files/hT3XDCfoddPAfOhmQmpd" alt=""><figcaption></figcaption></figure>

### Text and Collection

<figure><img src="/files/FsNuxIJW9XR3pAvo0taA" alt=""><figcaption></figcaption></figure>

Experiment with this flexible section with blocks. Add to your homepage, lookbook, product pages, search, 404 page, blogs, and more.&#x20;

### Additional reference

See the Image with text section for additional information:

{% content-ref url="/pages/bUiAnprFBa01ihSIGX5C" %}
[Image with text](/sections/list-of-sections/image-with-text.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://pipeline.groupthought.com/sections/list-of-sections/custom-content.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.