> For the complete documentation index, see [llms.txt](https://docs.maker.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maker.co/maker-nav/style-and-branding/how-do-i-add-media-in-plp.md).

# How do I manually add a media in PLP?

{% stepper %}
{% step %}

### To tag media to a PLP, select the category with a connected store collection or manually tagged products.

<figure><img src="/files/5mxm1jsaS9kP75g7HAzB" alt="How do I manually add a media in PLP? — step 1"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Navigate your way to Products tab.. Click "Media in PLP"

<figure><img src="/files/rhfN3ik37IKkiGTfpm3E" alt="How do I manually add a media in PLP? — step 2"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Click "Add Media"

<figure><img src="/files/pbCIt5YtCdoWlJJX0yJp" alt="How do I manually add a media in PLP? — step 3"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **From Media Manager -** - this will allow you to quickly tag multiple media from media manager into your PLP

<figure><img src="/files/rK1lXxvem6yD9GG5ZaYK" alt="How do I manually add a media in PLP? — step 4"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Upload Media**- this will automatically create an empty media entry, and you will be prompted to upload media from your computer

<figure><img src="/files/bIf1d54PiedoDzGHiaFe" alt="How do I manually add a media in PLP? — step 5"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Click on the pencil icon to see all the available options for the media

<figure><img src="/files/woT8ch8QAs6XVeZb9rqJ" alt="How do I manually add a media in PLP? — step 6"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Here you can add a link, tag products etc. on the media

<figure><img src="/files/LXM7wPBIliuqrUms4aKl" alt="How do I manually add a media in PLP? — step 7"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Once you’ve added media to your desire, all the media will be displayed in a sortable list:

<figure><img src="/files/xYQaZBpqijJA8aextB0X" alt="How do I manually add a media in PLP? — step 8"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### To Customize the further "Style Settings"

<figure><img src="/files/OJFFfDvTZDTLYQ54cAcV" alt="How do I manually add a media in PLP? — step 9"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Media in PLP features come with a couple of customization options.

**Display Type**:

* **Display Type: Inline** - This is set by default, which means that your tagged media will appear within the products grid, following a zig-zag pattern. This makes your PLPs interesting to a user scrolling through it by giving them visual breaks and allows you to grab their attention to highlight promotional content, limited deals, videos, etc
* **Display Type: Slider** - This will put all your media on top of your PLP grid in a slider layout.

<figure><img src="/files/mFz0sYT12UWJSEOgYuta" alt="How do I manually add a media in PLP? — step 10"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Tip! To automatically show media in PLPs, see instructions [here](/maker-nav/settings/how-do-i-automatically-show-social-posts-in-plp.md)

{% endstep %}

{% step %}

### Tip! If media is being used as a PLP banner, set its column span to 12 in the PLP banner settings to ensure it spans the full width, even at the smallest grid or lowest zoom level.

{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.maker.co/maker-nav/style-and-branding/how-do-i-add-media-in-plp.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.