---
title: "Comparison Widget"
slug: "comparison-widget"
updated: 2026-06-09T11:12:51Z
published: 2026-06-09T11:12:51Z
canonical: "docx.syndigo.com/comparison-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.

# Comparison Widget

| Mandatory Elements |
| --- |
| 1. content 2. feature-group 3. feature 4. product 5. sequence |

**The following are the keypoints**:

- For valid attribute values refer Valid Tag Value section.
- **<tag>**<tag> (presentation) will default to <strong>ProductComparison</strong> when not sent.</tag>
- If the **title-placement** attribute under **<content>** tag is not sent, then the system will default it to **AsRows**.
- Valid values for the **title-placement** will be  

a. AsRows  

b. SeparateColumn
- If the content-alignment attribute under **<content>** tag is not sent, then the system will default it to **Left**.
- Valid values for the **content-alignment** will be  

a. Left  

b. Center
- If **current-product-left-most** attribute under **<content>** tag is not sent, then system will default it to **false**.
- If **omit-current-product** attribute under **<content>** tag is not sent, then system will default it to **false**.
- If **border-style** attribute under **<content>** tag is not sent, then system will default it to **Vertical**.
- Valid values for **border-style** will be  

a. None  

b. All  

c. Vertical  

d. Horizontal
- **product-image** attribute will be used only if currently product does not have any main image.
- **<values>** under **<content>** will take precedence over actual attributes values.
- The sequence is used to determine the order of comparison widget features.
- The sequence is also used as a pointer to feature. For example, there are ten features in the comparison widget. one of the Product values is present for the first and tenth features. In this case, there is no need to provide value for all ten features. You can provide value for the first and tenth features with the correct sequence then the other middle feature’s value is considered empty.

#### 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>
		<category>Category1</category>
		<subcategory>SubCategory1</subcategory>
		<subsubcategory>SubSubCategory1</subsubcategory>
		<sections>
			<section label="comparison">
				<presentation>
					<power-page title="comparison power"/>
					<tag>
						<![CDATA[Product Comparison]]>
					</tag>
				</presentation>
				<content template="product-comparison" allow-column-hiding="false" title-placement="AsRows" content-alignment="Center" current-product-left-most="false" border-style="All" omit-current-product="false">
					<comparison-gallery-image ref="http://www.testsite.com/resources/img/12345678910/comparison-gallery.jpg"/>
					<product-image ref="http://www.testsite.com/resources/img/12345678910/Product1.jpg"/>
					<feature-group title="Feature-group title">
						<feature sequence="1" alignment="Left">
							<title>
								<styled-text>
									<![CDATA[MPN]]>
								</styled-text>
							</title>
						</feature>
						<feature sequence="2" alignment="Left">
							<title>
								<styled-text>
									<![CDATA[GTIN]]>
								</styled-text>
							</title>
						</feature>
						<feature sequence="3" alignment="Left">
							<title>
								<styled-text>
									<![CDATA[UPC]]>
								</styled-text>
							</title>
						</feature>
						<feature sequence="4" alignment="Left">
							<title>
								<styled-text>
									<![CDATA[Name]]>
								</styled-text>
							</title>
						</feature>
						<feature sequence="5" alignment="Left">
							<title>
								<styled-text>
									<![CDATA[Price]]>
								</styled-text>
							</title>
						</feature>
					</feature-group>
					<values>
						<value sequence="1" text-layout="below">
							<styled-text>
								<![CDATA[1234567895877]]>
							</styled-text>
							<footnote>
								<![CDATA[Feature 1 footnote.]]>
							</footnote>
							<image alternate-text="Alternate to image" ref="http://www.testsite.com/resources/img/12345678910/product2_feature1.jpg"/>
						</value>
						<value sequence="2" text-layout="below">
							<styled-text>
								<![CDATA[00004587858859]]>
							</styled-text>
							<footnote>
								<![CDATA[Feature 1 footnote.]]>
							</footnote>
							<image alternate-text="Alternate to image" ref="http://www.testsite.com/resources/img/12345678910/product2_feature1.jpg"/>
						</value>
						<value sequence="3" text-layout="below">
							<styled-text>
								<![CDATA[004587858859]]>
							</styled-text>
							<footnote>
								<![CDATA[Feature 1 footnote.]]>
							</footnote>
							<image alternate-text="Alternate to image" ref="http://www.testsite.com/resources/img/12345678910/product2_feature1.jpg"/>
						</value>
						<value sequence="4" text-layout="below">
							<styled-text>
								<![CDATA[Product C]]>
							</styled-text>
							<footnote>
								<![CDATA[Feature 1 footnote.]]>
							</footnote>
							<image alternate-text="Alternate to image" ref="http://www.testsite.com/resources/img/12345678910/product2_feature1.jpg"/>
						</value>
						<value sequence="5" text-layout="below">
							<styled-text>
								<![CDATA[$ 150]]>
							</styled-text>
						</value>
					</values>
					<products>
						<product id="Product2" use-related-products="true">
							<image ref="http://www.testsite.com/resources/img/12345678910/product2.jpg"/>
							<value sequence="1">
								<styled-text>
									<![CDATA[1234567895876]]>
								</styled-text>
								<image ref="http://www.testsite.com/resources/img/12345678910/product2_feature1.jpg"/>
								<footnote>
									<![CDATA[Feature 1 footnote.]]>
								</footnote>
							</value>
							<value sequence="4" text-layout="below">
								<styled-text>
									<![CDATA[Product B]]>
								</styled-text>
								<footnote>
									<![CDATA[Feature 1 footnote.]]>
								</footnote>
								<image alternate-text="Alternate to image" ref="http://www.testsite.com/resources/img/12345678910/product2_feature1.jpg"/>
							</value>
							<value sequence="5" text-layout="below">
								<styled-text>
									<![CDATA[$ 200]]>
								</styled-text>
							</value>
						</product>
					</products>
				</content>
			</section>
		</sections>
	</content-package>
</feed>
```

#### Preview

![batch-content-delivery-comparison-widget](https://cdn.document360.io/381abf0c-f631-4d76-a7c0-e955ad2c7aa6/Images/Documentation/batch-content-delivery-comparison-widget.png?sv=2026-02-06&spr=https&st=2026-11-10T01%3A21%3A56Z&se=2026-11-10T02%3A21%3A56Z&sr=c&sp=r&sig=Ss3Ss7KdqpCjH8Obd3yP0xLhhZqAaMuO98bXbiqZ3bk%3D)