--- updatedAt: 2026-09-09T22:45:18.000Z agentTools: siteIndex: https://developer-docs.amazon/llms.txt projectIndex: https://developer-docs.amazon/sp-api/llms.txt --- # A+ Content Examples Examples of the modules that you can use to create A+ content pages. You structure A+ content using content modules. Content documents consist of one or more content modules. The following image is a content document that contains these content modules (listed in order): 1. `StandardFourImageTextModule` 2. `StandardTextModule` 3. `StandardFourImageTextQuadrantModule` 4. `StandardTechSpecsModule` 5. `StandardComparisonTableModule` ![A+ content module examples for a content document. Each module offers different alignments for image and text placements.](https://files.readme.io/dfc307b-StandardFourImageTextModule_aplus1.jpeg "A+ content module examples.") For a complete list of available content modules, refer to the [content modules](#content-modules) section. To generate a content document like the preceding image, you can use the code example in the following dropdown panel.
Content document code sample ```json { "contentDocument": { "name": "Content document example", "contentType": "EMC", "contentSubType": null, "locale": "en-US", "contentModuleList": [ { "contentModuleType": "STANDARD_FOUR_IMAGE_TEXT", "standardCompanyLogo": null, "standardComparisonTable": null, "standardFourImageText": { "headline": { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", "decoratorSet": [] }, "block1": { "headline": { "value": "Lorem ipsum dolor sit amet", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc. Pellentesque malesuada lorem vitae justo efficitur viverra. Integer ut mollis lacus, id pretium tellus.", "decoratorSet": [ { "type": "STYLE_BOLD", "offset": 0, "length": 18, "depth": 0 }, { "type": "STYLE_BOLD", "offset": 56, "length": 1, "depth": 0 }, { "type": "STYLE_ITALIC", "offset": 102, "length": 26, "depth": 0 } ] } ] } }, "block2": { "headline": { "value": "Lorem ipsum dolor sit amet", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc. Pellentesque malesuada lorem vitae justo efficitur viverra. Integer ut mollis lacus, id pretium tellus.", "decoratorSet": [ { "type": "STYLE_UNDERLINE", "offset": 128, "length": 58, "depth": 0 } ] } ] } }, "block3": { "headline": { "value": "Lorem ipsum dolor sit amet", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc.", "decoratorSet": [ { "type": "LIST_UNORDERED", "offset": 57, "length": 70, "depth": 1 }, { "type": "LIST_ITEM", "offset": 57, "length": 70, "depth": 1 }, { "type": "LIST_ITEM", "offset": 102, "length": 25, "depth": 2 }, { "type": "LIST_UNORDERED", "offset": 102, "length": 25, "depth": 2 }, { "type": "LIST_ITEM", "offset": 0, "length": 127, "depth": 0 }, { "type": "LIST_UNORDERED", "offset": 0, "length": 127, "depth": 0 } ] } ] } }, "block4": { "headline": { "value": "Lorem ipsum dolor sit amet", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum - dolor sit amet, consectetur adipiscing elit. Nunc faucibus - neque auctor faucibus pretium. Quisque sed blandit nunc.", "decoratorSet": [ { "type": "LIST_ORDERED", "offset": 59, "length": 72, "depth": 1 }, { "type": "STYLE_UNDERLINE", "offset": 59, "length": 16, "depth": 0 }, { "type": "LIST_ITEM", "offset": 106, "length": 25, "depth": 2 }, { "type": "LIST_ORDERED", "offset": 0, "length": 131, "depth": 0 }, { "type": "LIST_ITEM", "offset": 59, "length": 72, "depth": 1 }, { "type": "LIST_ITEM", "offset": 0, "length": 131, "depth": 0 }, { "type": "STYLE_BOLD", "offset": 0, "length": 13, "depth": 0 }, { "type": "LIST_ORDERED", "offset": 106, "length": 25, "depth": 2 } ] }, { "value": "Pellentesque malesuada lorem vitae justo efficitur viverra. Integer ut mollis lacus, id pretium tellus.", "decoratorSet": [ { "type": "STYLE_ITALIC", "offset": 0, "length": 103, "depth": 0 } ] } ] } } }, "standardFourImageTextQuadrant": null, "standardHeaderImageText": null, "standardImageSidebar": null, "standardImageTextOverlay": null, "standardMultipleImageText": null, "standardProductDescription": null, "standardSingleImageHighlights": null, "standardSingleImageSpecsDetail": null, "standardSingleSideImage": null, "standardTechSpecs": null, "standardText": null, "standardThreeImageText": null }, { "contentModuleType": "STANDARD_TEXT", "standardCompanyLogo": null, "standardComparisonTable": null, "standardFourImageText": null, "standardFourImageTextQuadrant": null, "standardHeaderImageText": null, "standardImageSidebar": null, "standardImageTextOverlay": null, "standardMultipleImageText": null, "standardProductDescription": null, "standardSingleImageHighlights": null, "standardSingleImageSpecsDetail": null, "standardSingleSideImage": null, "standardTechSpecs": null, "standardText": { "headline": { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc. Pellentesque malesuada lorem vitae justo efficitur viverra. Integer ut mollis lacus, id pretium tellus. Fusce elementum molestie libero sit amet ullamcorper. Etiam euismod consectetur magna ultrices finibus. Pellentesque dictum interdum turpis eget condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin maximus tincidunt vehicula. Integer id nibh viverra, euismod odio non, convallis mi.", "decoratorSet": [] } ] } }, "standardThreeImageText": null }, { "contentModuleType": "STANDARD_FOUR_IMAGE_TEXT_QUADRANT", "standardCompanyLogo": null, "standardComparisonTable": null, "standardFourImageText": null, "standardFourImageTextQuadrant": { "block1": { "headline": { "value": "Nunc faucibus neque auctor faucibus pretium.", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc. Pellentesque malesuada lorem vitae justo efficitur viverra.", "decoratorSet": [] } ] } }, "block2": { "headline": { "value": "Nunc faucibus neque auctor faucibus pretium.", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc. Pellentesque malesuada lorem vitae justo efficitur viverra.", "decoratorSet": [] } ] } }, "block3": { "headline": { "value": "Nunc faucibus neque auctor faucibus pretium.", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc. Pellentesque malesuada lorem vitae justo efficitur viverra.", "decoratorSet": [] } ] } }, "block4": { "headline": { "value": "Nunc faucibus neque auctor faucibus pretium.", "decoratorSet": [] }, "body": { "textList": [ { "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus neque auctor faucibus pretium. Quisque sed blandit nunc. Pellentesque malesuada lorem vitae justo efficitur viverra.", "decoratorSet": [] } ] } } }, "standardHeaderImageText": null, "standardImageSidebar": null, "standardImageTextOverlay": null, "standardMultipleImageText": null, "standardProductDescription": null, "standardSingleImageHighlights": null, "standardSingleImageSpecsDetail": null, "standardSingleSideImage": null, "standardTechSpecs": null, "standardText": null, "standardThreeImageText": null }, { "contentModuleType": "STANDARD_TECH_SPECS", "standardCompanyLogo": null, "standardComparisonTable": null, "standardFourImageText": null, "standardFourImageTextQuadrant": null, "standardHeaderImageText": null, "standardImageSidebar": null, "standardImageTextOverlay": null, "standardMultipleImageText": null, "standardProductDescription": null, "standardSingleImageHighlights": null, "standardSingleImageSpecsDetail": null, "standardSingleSideImage": null, "standardTechSpecs": { "headline": { "value": "Quisque sed blandit nunc", "decoratorSet": [] }, "specificationList": [ { "label": { "value": "Spec 1", "decoratorSet": [] }, "description": { "value": "Pellentesque malesuada lorem vitae justo efficitur viverra. ", "decoratorSet": [] } }, { "label": { "value": "Spec 2", "decoratorSet": [] }, "description": { "value": "Pellentesque malesuada lorem vitae justo efficitur viverra. ", "decoratorSet": [] } }, { "label": { "value": "Spec 3", "decoratorSet": [] }, "description": { "value": "Pellentesque malesuada lorem vitae justo efficitur viverra. ", "decoratorSet": [] } }, { "label": { "value": "Spec 4", "decoratorSet": [] }, "description": { "value": "Pellentesque malesuada lorem vitae justo efficitur viverra. ", "decoratorSet": [] } } ], "tableCount": 2 }, "standardText": null, "standardThreeImageText": null }, { "contentModuleType": "STANDARD_COMPARISON_TABLE", "standardCompanyLogo": null, "standardComparisonTable": { "productColumns": [ { "position": 1, "image": { "uploadDestinationId": "sc/d4637655-c928-43ba-a27b-4248dfd6fcb0.png", "imageCropSpecification": { "size": { "width": { "value": 239, "units": "pixels" }, "height": { "value": 478, "units": "pixels" } }, "offset": { "x": { "value": 89, "units": "pixels" }, "y": { "value": 0, "units": "pixels" } } }, "altText": "Lamp" }, "title": "Blue Lamp", "asin": "ZZZZZZZZZZ", "highlight": true, "metrics": [ { "position": 1, "value": "dolor sit amet" }, { "position": 2, "value": "✔" } ] }, { "position": 2, "image": { "uploadDestinationId": "sc/29d2f987-1e20-41c2-a277-022b15f74319.png", "imageCropSpecification": { "size": { "width": { "value": 287, "units": "pixels" }, "height": { "value": 574, "units": "pixels" } }, "offset": { "x": { "value": 128, "units": "pixels" }, "y": { "value": 0, "units": "pixels" } } }, "altText": "Chair" }, "title": "Tan chair", "asin": "ZZZZZZZZZZ", "highlight": false, "metrics": [ { "position": 1, "value": "dolor sit amet" }, { "position": 2, "value": "✔" } ] }, { "position": 3, "image": { "uploadDestinationId": "sc/f364d80f-d883-4fb0-a034-d20cc89ad49e.png", "imageCropSpecification": { "size": { "width": { "value": 236, "units": "pixels" }, "height": { "value": 471, "units": "pixels" } }, "offset": { "x": { "value": 51, "units": "pixels" }, "y": { "value": 0, "units": "pixels" } } }, "altText": "Wood lamp" }, "title": "Modern lamp", "asin": "ZZZZZZZZZZ", "highlight": false, "metrics": [ { "position": 1, "value": "consectetur adipiscing elit" }, { "position": 2, "value": "✔" } ] }, { "position": 4, "image": { "uploadDestinationId": "sc/d992db66-a1ad-4610-a753-31a4e2b43c84.png", "imageCropSpecification": { "size": { "width": { "value": 229, "units": "pixels" }, "height": { "value": 457, "units": "pixels" } }, "offset": { "x": { "value": 83, "units": "pixels" }, "y": { "value": 0, "units": "pixels" } } }, "altText": "Pendant" }, "title": "Pendant lamp", "asin": "ZZZZZZZZZZ", "highlight": false, "metrics": [ { "position": 1, "value": "consectetur adipiscing elit" }, { "position": 2, "value": "✔" } ] }, { "position": 5, "image": { "uploadDestinationId": "sc/e4222b63-e5b2-4e62-a953-fa427a0b904b.png", "imageCropSpecification": { "size": { "width": { "value": 235, "units": "pixels" }, "height": { "value": 470, "units": "pixels" } }, "offset": { "x": { "value": 96, "units": "pixels" }, "y": { "value": 0, "units": "pixels" } } }, "altText": "lamp" }, "title": "Coral lamp", "asin": "ZZZZZZZZZZ", "highlight": false, "metrics": [ { "position": 1, "value": "lorem vitae justo" }, { "position": 2, "value": "✔" } ] }, { "position": 6, "image": { "uploadDestinationId": "sc/89f399b2-ccae-479b-a38c-542679deddde.png", "imageCropSpecification": { "size": { "width": { "value": 236, "units": "pixels" }, "height": { "value": 472, "units": "pixels" } }, "offset": { "x": { "value": 87, "units": "pixels" }, "y": { "value": 0, "units": "pixels" } } }, "altText": "lamp" }, "title": "Desk lamp", "asin": "ZZZZZZZZZZ", "highlight": false, "metrics": [ { "position": 1, "value": "lorem vitae justo" }, { "position": 2, "value": "✔" } ] } ], "metricRowLabels": [ { "position": 1, "value": "Lorem ipsum" }, { "position": 2, "value": "Etiam euismod " } ] }, "standardFourImageText": null, "standardFourImageTextQuadrant": null, "standardHeaderImageText": null, "standardImageSidebar": null, "standardImageTextOverlay": null, "standardMultipleImageText": null, "standardProductDescription": null, "standardSingleImageHighlights": null, "standardSingleImageSpecsDetail": null, "standardSingleSideImage": null, "standardTechSpecs": null, "standardText": null, "standardThreeImageText": null } ] } } ```
## Content modules The following sections provide examples of all available content modules. You can use these modules to create your content document. To view the UI interface, select the dropdown arrow next to **UI editor view**. To view all available fields for each module, select the dropdown arrow next to **Module fields**. ### `StandardCompanyLogoModule` ![The rendered StandardCompanyLogoModule. This module contains a landscape image with the dimensions 600 x 180 pixels.](https://files.readme.io/8e1ec3f-rendered_CompanyLogo_aplus28.png "The rendered StandardCompanyLogoModule.")
UI editor view ![A screenshot of the UI editor for the standard company logo module.](https://files.readme.io/37656e4-editor_CompanyLogo_aplus29.png "The StandardCompanyLogoModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :----------------------------------- | | Image | None | `companyLogo` | Yes | Minimum image size: 600 x 180 pixels | | Image alt text | None | `companyLogo` | Yes | `maxLength`: 100 |
*** ### `StandardImageTextOverlayModule` ![The rendered StandardImageTextOverlayModule. This module contains one large image and a right-aligned, dark grey overlay box that contains white text.](https://files.readme.io/ecf0458-rendered_ImageTextOverlay_aplus20.jpeg "The rendered StandardImageTextOverlayModule.")
UI editor view ![A screenshot of the UI editor for the standard image text overlay module.](https://files.readme.io/617e62c-editor_ImageTextOverlay_aplus21.png "The StandardImageTextOverlayModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :-------------------------------------------------------------------------------------------------- | | Overlay color type | None | `overlayColorType` | Yes | DARK - Dark, semi-opaque background (as in this example)
LIGHT - White, semi-opaque background | | Image | `block` | `image` | Yes | Minimum image size: 970 x 300 pixels | | Image alt text | `block` | `image` | Yes | `maxLength`: 100 | | Headline text | `block` | `headline` | No | `maxLength`: 70 | | Body text | `block` | `body` | No | `maxLength`: 300 |
*** ### `StandardHeaderImageTextModule` ![The rendered StandardHeaderImageTextModule. This module contains a top-aligned landscape image. Below the image is a headline and descriptive text.](https://files.readme.io/9838b79-rendered_HeaderImageText_aplus30.jpeg "The rendered StandardHeaderImageTextModule.")
UI editor view ![A screenshot of the UI editor for the standard header image text module.](https://files.readme.io/840e0e5-editor_HeaderImageText_aplus31.png "The StandardHeaderImageTextModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :----------------------------------- | | Headline | None | `headline` | No | `maxLength`: 150 | | Subheadline | `block` | `headline` | No | `maxLength`: 150 | | Body text | `block` | `body` | No | `maxLength`: 6000 | | Image | `block` | `image` | Yes | Minimum image size: 970 x 600 pixels | | Image alt text | `block` | `image` | No | `maxLength`: 100 |
*** ### `StandardMultipleImageTextModule` ![The rendered StandardMultipleImageTextModule. This module contains one large left-aligned image and right-aligned text. Below the text are several horizontally aligned thumbnail images with labels.](https://files.readme.io/9c90e12-rendered_MultipleImageTextModule_aplus10.jpeg "The rendered StandardMultipleImageTextModule.")
UI editor view ![A screenshot of the UI editor for the standard multiple image text module.](https://files.readme.io/85a89d2-editor_MultipleImageTextModule_aplus11.png "The StandardMultipleImageTextModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :----------------------------------------------------------------------------- | :------------------ | :---------------------- | :------- | :----------------------------------- | | Highlight Image (Note: Thumbnail generated automatically from highlight image) | `blocks` | `image` | Yes | Minimum image size: 300 x 300 pixels | | Image alt text | `blocks` | `image` | No | `maxLength`: 100 | | Headline Text | `blocks` | `headline` | No | `maxLength`: 160 | | Description Text | `blocks` | `body` | No | `maxLength`: 1000 | | Caption Text | `blocks` | `caption` | No | `maxLength`: 200 |
*** ### `StandardSingleSideImageModule` ![The rendered StandardSingleSideImageModule. This module contains a left-aligned image and a text description to the right of the image.](https://files.readme.io/bb1ea73-rendered_StandardSingleSideImageModule_aplus4.jpeg "The rendered StandardSingleSideImageModule.")
UI editor view ![A screenshot of the UI editor for the standard single side image module.](https://files.readme.io/9d04c20-editor_StandardSingleSideImageModule_aplus5.png "The StandardSingleSideImageModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :-------------------------------------------------------- | | Image position | None | `imagePositionType` | Yes | `LEFT` (image is on left)
`RIGHT` (image is on right) | | Main headline text | `block` | `headline` | No | `maxLength`: 160 | | Main body text | `block` | `body` | No | `maxLength`: 1000 | | Main Image | `block` | `image` | Yes | Minimum image size: 300 x 300 pixels | | Main image alt text | `block` | `image` | Yes | `maxLength`: 100 |
*** ### `StandardImageSidebarModule` ![The rendered StandardImageSidebarModule. This module contains a large left pane and a small right pane that contains the sidebar. The left pane and the right sidebar contain an image and text description.](https://files.readme.io/4ed17fb-rendered_StandardImageSidebarModule_aplus2.jpeg "The standard image sidebar module.")
UI editor view ![A screenshot of the UI editor for the standard image sidebar module.](https://files.readme.io/4969fbb-editor_StandardSingleImageSidebarModule_aplus3.jpeg "The StandardImageSidebarModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :---------------------- | :---------------------- | :---------------------- | :------- | :----------------------------------- | | Main headline text | None | `headline` | Yes | `maxLength`: 160 | | Main sub-headline text | `descriptionTextBlock` | `headline` | Yes | `maxLength`: 200 | | Main body text | `descriptionTextBlock` | `body` | Yes | `maxLength`: 500 | | Main bullet point | `descriptionListBlock` | `textList` | No | `maxLength`: 200 | | Main image | `imageCaptionBlock` | `image` | Yes | Minimum image size: 300 x 400 pixels | | Main image alt text | `imageCaptionBlock` | `image` | Yes | `maxLength`: 100 | | Main image caption text | `imageCaptionBlock` | `caption` | Yes | `maxLength`: 200 | | Sidebar headline | `sidebarImageTextBlock` | `headline` | No | `maxLength`: 200 | | Sidebar body text | `sidebarImageTextBlock` | `body` | No | `maxLength`: 500 | | Sidebar bullet point | `sidebarListBlock` | `textList` | No | `maxLength`: 200 | | Sidebar image | `sidebarImageTextBlock` | `image` | Yes | Minimum image size: 300 x 175 pixels | | Sidebar image alt text | `sidebarImageTextBlock` | `image` | Yes | `maxLength`: 100 |
*** ### `StandardSingleImageHighlightsModule` ![The rendered StandardSingleImageHighlightsModule. This module contains three horizontal panels. The leftmost panel contains a large photo. The middle panel contains a headline and descriptive content. The rightmost panel contains a box with a bulleted list.](https://files.readme.io/3275c9b-rendered_SingleImageHighlights_aplus14.jpeg "The rendered StandardSingleImageHighlightsModule.")
UI editor view ![A screenshot of the UI editor for the standard single image highlights module.](https://files.readme.io/090b7c6-editor_SingleImageHighlights_aplus15.png "The StandardSingleImageHighlightsModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------------ | :------------------ | :---------------------- | :------- | :----------------------------------------------------------------------------- | | Main image | None | `image` | Yes | Minimum image size: 300 x 300 pixels | | Image alt text | None | `image` | Yes | `maxLength`: 100 | | Headline description | None | `headline` | No | `maxLength`: 160 | | Subheadline 1 description | `textBlock1` | `headline` | No | `maxLength`: 200 | | Body text 1 description | `textBlock1` | `body` | No | `maxLength`: 1000 | | Subheadline 2 description | `textBlock2` | `headline` | Yes | `maxLength`: 200 | | Body text 2 description | `textBlock2` | `body` | Yes | `maxLength`: 400 | | Subheadline 3 description | `textBlock3` | `headline` | Yes | `maxLength`: 200 | | Body text 3 description | `textBlock3` | `body` | Yes | `maxLength`: 400 | | Headline tech specs | `bulletedListBlock` | `headline` | Yes | `maxLength`: 160 | | Bullet Point tech specs | `bulletedListBlock` | `textList` | Yes | `maxLength`: 100
`Min position` = 1 (first)
`Max position` = 8 (last) |
*** ### `StandardSingleImageSpecsDetailModule` ![The rendered StandardSingleImageSpecsDetailModule. This module contains three horizontal panels. The leftmost panel contains a large photo with a headline. The middle panel contains descriptive content. The rightmost panel contains technical specifications.](https://files.readme.io/ec592cd-rendered_SingleImageSpecsDetails_aplus12.jpeg "The rendered StandardSingleImageSpecsDetailModule.")
UI editor view ![A screenshot of the UI editor for the standard single image specs detail module.](https://files.readme.io/5242417-editor_SingleImageSpecsDetails_aplus13.png "The StandardSingleImageSpecsDetailModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :---------------------- | :----------------------- | :---------------------- | :------- | :----------------------------------------------------------------------------- | | Headline text | None | `headline` | No | `maxLength`: 200 | | Headline description | None | `descriptionHeadline` | No | `maxLength`: 160 | | Main image | None | `image` | Yes | Minimum image size: 300 x 300 pixels | | Main image alt text | None | `image` | No | `maxLength`: 100 | | Subheadline description | `descriptionBlock` | `headline` | No | `maxLength`: 200 | | Body text description | `descriptionBlock` | `body` | Yes | `maxLength`: 400 | | Headline tech specs | None | `specificationHeadline` | No | `maxLength`: 160 | | Subheadline tech specs | `specificationListBlock` | `headline` | No | `maxLength`: 200 | | Bullet point tech specs | `specificationListBlock` | `textList` | No | `maxLength`: 200
`Min position` = 1 (first)
`Max position` = 8 (last) | | Subheadline tech specs | `specificationTextBlock` | `headline` | No | `maxLength`: 200 | | Body text tech specs | `specificationTextBlock` | `body` | Yes | `maxLength`: 1000 |
*** ### `StandardThreeImageTextModule` ![The rendered StandardThreeImageTextModule. This module contains three horizontal panels. Each panel contains a top-aligned image and a headline and text block below the image.](https://files.readme.io/90c0ee3-rendered_ThreeImageText_aplus16.jpeg "The rendered StandardThreeImageTextModule.")
UI editor view ![A screenshot of the UI editor for the standard three image text module.](https://files.readme.io/e1b5ea8-editor_ThreeImageText_aplus17.png "The StandardThreeImageTextModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :----------------------------------- | | Main headline Text | None | `headline` | Yes | `maxLength`: 200 | | Headline | `block` {1-3} | `headline` | Yes | `maxLength`: 160 | | Image | `block` {1-3} | `image` | Yes | Minimum image size: 300 x 300 pixels | | Image alt text | `block` {1-3} | `image` | Yes | `maxLength`: 100 | | Body text | `block` {1-3} | `body` | Yes | `maxLength`: 1000 |
*** ### `StandardFourImageTextModule` ![The rendered StandardFourImageTextModule. This module contains four horizontal panels. Each panel consists of a top-aligned image with a text below the image.](https://files.readme.io/b05ab46-rendered_StandardFourImageTextModule_aplus6.jpeg "The rendered StandardFourImageTextModule.")
UI editor view ![A screenshot of the UI editor for the standard four image with text module.](https://files.readme.io/79d0772-editor_FourImageText_aplus7.png "The StandardFourImageTextModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :--------------------------- | :------------------ | :---------------------- | :------- | :---------------------------- | | Main headline text | None | `headline` | No | `maxLength`: 200 | | Headline text in blocks 1-4 | `block` {1-4} | `headline` | No | `maxLength`: 160 | | Body text in blocks 1-4 | `block` {1-4} | `body` | No | `maxLength`: 1000 | | Image in blocks 1-4 | `block` {1-4} | `image` | Yes | Minimum image size: 220 x 200 | | Image alt text in blocks 1-4 | `block` {1-4} | `image` | No | `maxLength`: 100 |
*** ### `StandardComparisonTableModule` ![The rendered StandardComparisonTableModule. This module contains a table that has an image in the first row, followed by specifications in subsequent rows to failitate a direct comparison across columns.](https://files.readme.io/ee4b7d4-rendered_StandardComparisonTableModule_aplus8.jpeg "The rendered StandardComparisonTableModule.")
UI editor view ![A screenshot of the UI editor for the standard comparison table module.](https://files.readme.io/c1aa44b-editor_StandardComparisonTableModule_aplus9.png "The StandardComparisonTableModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :----------------------------- | :--------------------- | :---------------------- | :------- | :-------------------------------------------------- | | Metric name | None | `metricRowLabel` | No | `maxLength`: 100 | | Title in blocks 1-6 | `productColumns` | `title` | No | `maxLength`: 80 | | ASIN in blocks 1-6 | `productColumns` | `asin` | No | `maxLength`: 10 | | Highlight column in blocks 1-6 | `productColumns` | `highlight` | Yes | `true` = Highlighted
`false` = Not highlighted | | Image in blocks 1-6 | `productColumns` | `image` | No | Minimum image size: 150 x 300 pixels | | Image alt text in blocks 1-6 | `productColumns` | `image` | No | `maxLength`: 100 | | Column Position in blocks 1-6 | `productColumns` array | `position` | No | `Min` = 1 (first)
`Max` = 6 (last) | | Metric text in blocks 1-6 | `productColumns` | `metric` | No | `maxLength`: 250 |
*** ### `StandardFourImageTextQuadrantModule` ![The rendered StandardFourImageTextQuadrantModule. This module contains a two-by-two grid. Each grid contains an image in the top left, a headline to the right of the image, and a text box that that spans the width of the gris. below the image and headline.](https://files.readme.io/bf8ec5d-rendered_FourImageTextQuadrant_aplus18.jpeg "The rendered StandardFourImageTextQuadrantModule.")
UI editor view ![A screenshot of the UI editor for the standard four image text quadrant module.](https://files.readme.io/6dc9097-editor_FourImageTextQuadrant_aplus19.jpeg. "The StandardFourImageTextQuadrantModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :----------------------------------- | | Image | `block` {1-4} | `image` | Yes | Minimum image size: 135 x 135 pixels | | Image alt text | `block` {1-4} | `image` | Yes | `maxLength`: 100 | | Headline | `block` {1-4} | `headline` | Yes | `maxLength`: 160 | | Body text | `block` {1-4} | `body` | Yes | `maxLength`: 1000 |
*** ### `StandardTextModule` ![The rendered StandardTextModule. This module contains a text paragraph that is center-aligned.](https://files.readme.io/39956e3-rendered_TextModule_aplus22.jpeg "The rendered StandardTextModule.")
UI editor view ![A screenshot of the UI editor for the standard text module.](https://files.readme.io/9ed4251-editor_StandardText_aplus23.png "The StandardTextModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :---------------- | | Headline text | None | `headline` | No | `maxLength`: 160 | | Body text | None | `body` | No | `maxLength`: 5000 |
*** ### `StandardProductDescriptionModule` ![The rendered StandardProductDescriptionModule. This module contains a short, left-aligned description.](https://files.readme.io/c8a9fe6-rendered_ProductDescription_aplus24.jpeg "The rendered StandardProductDescriptionModule.")
UI editor view ![A screenshot of the UI editor for the standard product description module.](https://files.readme.io/b3f5fef-editor_ProductDescription_aplus25.png "The StandardProductDescriptionModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------ | :------------------ | :---------------------- | :------- | :---------------- | | Body text | None | `body` | No | `maxLength`: 6000 |
*** ### `StandardTechSpecsModule` ![The rendered StandardTechSpecsModule. This module contains two horzontally aligned tables that list different technical specifications in each row.](https://files.readme.io/531ce8a-rendered_TechSpecs_aplus26.jpeg "The rendered StandardTechSpecsModule.")
UI editor view ![A screenshot of the UI editor for the standard tech specs module.](https://files.readme.io/f2463f9-editor_TecSpecs_aplus27.png "The StandardTechSpecsModule UI editor.")
Module fields | Component in editor | JSON block property | JSON component property | Required | Values | | :------------------------------------------------------------------ | :------------------ | :---------------------- | :------- | :------------------------------------------------ | | Main headline | None | `headline` | Yes | `maxLength`: 80 | | Spec Name (Min 4, Max 16) | `specificationList` | `label` | Yes | `maxLength`: 30 | | Spec definition (Min 4, Max 16) | `specificationList` | `description` | Yes | `maxLength`: 500 | | Table count (display specs in one table or two tables side by side) | None | `tableCount` | Yes | `1` = one table
`2` = two tables side by side |