---
title: "Image Widget"
slug: "image-widget"
updated: 2026-06-09T11:08:43Z
published: 2026-06-09T11:08:43Z
canonical: "docx.syndigo.com/image-widget"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docx.syndigo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Widget

| Mandatory Elements | Mandatory Attributes |
| --- | --- |
| 1. content 2. image | 1. ref (image) |

**The following are the keypoints**:

- Background colour must be HEX colour code.
- For valid attribute values refer Valid Tag Value section.
- **<tag>**<tag> (presentation) will default to Images when not sent.</tag>
- If layout attribute under **<content>**<content> tag is not sent, then system will default it to Focused</content>
- Valid values for layout will be  

a. Focused  

b. Slider

#### XML

```
<feed updated="2021-05-17T05:00:00Z">
	<content-package id="12345678910" updated="2021-05-17T05:00:00Z">
		<name>Product 1</name>
		<description>This is product 1.</description>
		<brand>BrandXYZ</brand>
		<mpn>MPN-123456</mpn>
		<gtin>00012345678910</gtin>
		<msrp currency="USD">1,699.00</msrp>
		<sections>
			<section label="images">
				<presentation>
					<power-page title="Product 1 Images Widget"/>
					<tag>
						<![CDATA[About this brand]]>
					</tag>
				</presentation>
				<content template="image-gallery" layout="Focused">
					<image ref="http://www.testsite.com/resources/img/12345678910/product1-image1.jpg" title="Title for Image 1" background-color="#6600ff" link="https://www.test.com/" link-label="Label Test 1">
						<description>
							<styled-text>
								<![CDATA[This is description for Title for Image 1.]]>
							</styled-text>
						</description>
					</image>
				</content>
			</section>
		</sections>
	</content-package>
</feed>
```

#### Preview

![batch-content-delivery-image-widget](https://cdn.document360.io/381abf0c-f631-4d76-a7c0-e955ad2c7aa6/Images/Documentation/batch-content-delivery-image-widget.png?sv=2026-02-06&spr=https&st=2026-11-10T02%3A28%3A08Z&se=2026-11-10T03%3A28%3A08Z&sr=c&sp=r&sig=%2FWaNK%2F38gu5fe%2FUhDUDTXSkqnMEfj1heC%2Fz2WVpv3Dg%3D)