# Line item image - how do I implement it?

**URL:** <https://community.hubspot.com/t/line-item-image-how-do-i-implement-it/60012>\
**Category:** CMS Development\
**Tags:** professional\
**Created:** [June 29, 2022, 7:56am UTC](https://community.hubspot.com/t/line-item-image-how-do-i-implement-it/60012 "2022-06-29T07:56:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![KJonsson](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@KJonsson](https://community.hubspot.com/u/KJonsson)\
**Post date:** [June 29, 2022, 7:56am UTC](https://community.hubspot.com/t/line-item-image-how-do-i-implement-it/60012/1 "2022-06-29T07:56:04Z")

</div>

Hello!

I’m an amateur coder and I’m trying to build my own quote template using HubSpot Designer.

I’m currently trying to code a module listing line items, and I want to show the image (“Image URL”) for the line items.

I tried using the following code, but this does not work:

_Note that the following code is included in a for-loop that goes through all the line items one at a time_

**\<img class=“line-items\_\_image” style=“max-width: 150px; height: auto;” src=“{{ unit[item.hs\_images] }}” /\>**

The result is no image is shown whatsoever.

What am I doing wrong?

Cheers

---

<div class="post-metadata">

**Author:** ![Indra](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/indra/32/98381_2.png) [@Indra](https://community.hubspot.com/u/Indra)\
**Post date:** [June 29, 2022, 1:58pm UTC](https://community.hubspot.com/t/line-item-image-how-do-i-implement-it/60012/2 "2022-06-29T13:58:59Z")

</div>

Hi @KJonsson,

What isthe part ‘Unit[]’ for?

I think you can just output `{{ item.hs_images }}` or a version of it.

to display the output for a custom module, I recommend copy the snippet from the ‘ **action** ’ panel. See a sample below.

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/4/84c20365a8a45485b66552f3e7b595f7103022e5.png)

After you have copied the snippet this. past it into the HTML and adjust your HTML like you would want to.

---

<div class="post-metadata">

**Author:** ![KJonsson](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@KJonsson](https://community.hubspot.com/u/KJonsson)\
**Post date:** [July 1, 2022, 7:03am UTC](https://community.hubspot.com/t/line-item-image-how-do-i-implement-it/60012/3 "2022-07-01T07:03:01Z")

</div>

Yep, I was simply confused because “item” was replaced by “unit” in a for loop I was using as reference.

Thanks! Sorted it out.