A+ Content Document Examples
Examples that can help you create A+ content pages.
This document contains examples that can help you create A+ content pages.
Content document example
Rendered example
This content document has the following module order:
StandardFourImageTextModule
StandardTextModule
StandardFourImageTextQuadrantModule
StandardTechSpecsModule
StandardComparisonTableModule
![StandardFourImageTextModule_aplus1.jpeg 341](https://files.readme.io/dfc307b-StandardFourImageTextModule_aplus1.jpeg)
Image of a standard four image with text module
Code example
{
"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 module examples
This section contains examples of the available content module types.
StandardImageSidebarModule
StandardImageSidebarModule
Rendered
![rendered_StandardImageSidebarModule_aplus2.jpeg 904](https://files.readme.io/4ed17fb-rendered_StandardImageSidebarModule_aplus2.jpeg)
A picture of how the standard image sidebar module looks.
Editor
![editor_StandardSingleImageSidebarModule_aplus3.jpeg 713](https://files.readme.io/4969fbb-editor_StandardSingleImageSidebarModule_aplus3.jpeg)
A picture of the editor view for the standard image sidebar module.
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Main headline text | n/a | 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 |
StandardSingleSideImageModule
StandardSingleSideImageModule
Rendered
![rendered_StandardSingleSideImageModule_aplus4.jpeg 760](https://files.readme.io/bb1ea73-rendered_StandardSingleSideImageModule_aplus4.jpeg)
A picture of a puppy on left and a headline and text paragraph on right
Editor
![editor_StandardSingleSideImageModule_aplus5.png 713](https://files.readme.io/9d04c20-editor_StandardSingleSideImageModule_aplus5.png)
A picture of the editor view for the standard image sidebar module.
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Image position | n/a | imagePositionType | Yes | LEFT - Image is on the left (as in this example) RIGHT - Image is on the 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 |
StandardFourImageTextModule
StandardFourImageTextModule
Rendered
![rendered_StandardFourImageTextModule_aplus6.jpeg 992](https://files.readme.io/b05ab46-rendered_StandardFourImageTextModule_aplus6.jpeg)
Four equal panels with image above, headline, and text below.
Editor
![editor_FourImageText_aplus7.png 713](https://files.readme.io/79d0772-editor_FourImageText_aplus7.png)
A picture of the editor view for the four image with text module.
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Main headline text | n/a | 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
StandardComparisonTableModule
Rendered
![rendered_StandardComparisonTableModule_aplus8.jpeg 814](https://files.readme.io/ee4b7d4-rendered_StandardComparisonTableModule_aplus8.jpeg)
Six column table with images on the top row
Editor
![editor_StandardComparisonTableModule_aplus9.png 713](https://files.readme.io/c1aa44b-editor_StandardComparisonTableModule_aplus9.png)
A picture of the editor view for the comparison chart
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Metric name | n/a | 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 |
StandardMultipleImageTextModule
StandardMultipleImageTextModule
Rendered
![rendered_MultipleImageTextModule_aplus10.jpeg 759](https://files.readme.io/9c90e12-rendered_MultipleImageTextModule_aplus10.jpeg)
An image of bulldog on left, headline and text with four images below spanning center and right
Editor
![editor_MultipleImageTextModule_aplus11.png 713](https://files.readme.io/85a89d2-editor_MultipleImageTextModule_aplus11.png)
A picture of the editor view for multiple images with text
Fields
Component in editor | Block property in JSON | Component property in JSON | 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 |
StandardSingleImageSpecsDetailModule
StandardSingleImageSpecsDetailModule
Rendered
![rendered_SingleImageSpecsDetails_aplus12.jpeg 776](https://files.readme.io/ec592cd-rendered_SingleImageSpecsDetails_aplus12.jpeg)
Headline on top, image below headline on left, one column of text and one column of tech specs
Editor
![editor_SingleImageSpecsDetails_aplus13.png 713](https://files.readme.io/5242417-editor_SingleImageSpecsDetails_aplus13.png)
A picture of the editor view for a single image with text and spec details
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Headline text | n/a | headline | No | maxLength: 200 |
Headline description | n/a | descriptionHeadline | No | maxLength: 160 |
Main image | n/a | image | Yes | Minimum image size: 300 x 300 pixels |
Main Image alt text | n/a | image | No | maxLength: 100 |
Subheadline description | descriptionBlock | headline | No | maxLength: 200 |
Body text description | descriptionBlock | body | Yes | maxLength: 400 |
Headline tech specs | n/a | 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 |
StandardSingleImageHighlightsModule
StandardSingleImageHighlightsModule
Rendered
![rendered_SingleImageHighlights_aplus14.jpeg 971](https://files.readme.io/3275c9b-rendered_SingleImageHighlights_aplus14.jpeg)
An image on left, headline and text center, highlight text box on right
Editor
![editor_SingleImageHighlights_aplus15.png 475](https://files.readme.io/090b7c6-editor_SingleImageHighlights_aplus15.png)
A picture of the editor view for single image with text and a highlight box
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Main image | n/a | image | Yes | Minimum image size: 300 x 300 pixels |
Image alt text | n/a | image | Yes | maxLength: 100 |
Headline description | n/a | 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) |
StandardThreeImageTextModule
StandardThreeImageTextModule
Rendered
![rendered_ThreeImageText_aplus16.jpeg 976](https://files.readme.io/90c0ee3-rendered_ThreeImageText_aplus16.jpeg)
Three images with text in columns
Editor
![editor_ThreeImageText_aplus17.png 634](https://files.readme.io/e1b5ea8-editor_ThreeImageText_aplus17.png)
a picture of the editor view for three images with text
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Main headline Text | n/a | 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 |
StandardFourImageTextQuadrantModule
StandardFourImageTextQuadrantModule
Rendered
![rendered_FourImageTextQuadrant_aplus18.jpeg 960](https://files.readme.io/bf8ec5d-rendered_FourImageTextQuadrant_aplus18.jpeg)
Four images with headline and text in quadrant
Editor
![editor_FourImageTextQuadrant_aplus19.jpeg 634](https://files.readme.io/6dc9097-editor_FourImageTextQuadrant_aplus19.jpeg)
a picture of the editor view for four images with text in quadrant
Fields
Component in editor | Block property in JSON | Component property in JSON | 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 |
StandardImageTextOverlayModule
StandardImageTextOverlayModule
Rendered
![rendered_ImageTextOverlay_aplus20.jpeg 704](https://files.readme.io/ecf0458-rendered_ImageTextOverlay_aplus20.jpeg)
large image with text in a overlay box with dark highlight
Editor
![editor_ImageTextOverlay_aplus21.png 634](https://files.readme.io/617e62c-editor_ImageTextOverlay_aplus21.png)
a picture of the editor view for image with a text overlay
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Overlay color type | n/a | 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 |
StandardTextModule
StandardTextModule
Rendered
![rendered_TextModule_aplus22.jpeg 1328](https://files.readme.io/39956e3-rendered_TextModule_aplus22.jpeg)
image of paragraph text
Editor
![editor_StandardText_aplus23.png 634](https://files.readme.io/9ed4251-editor_StandardText_aplus23.png)
a picture of the editor view for text
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Headline text | n/a | headline | No | maxLength: 160 |
Body text | n/a | body | No | maxLength: 5000 |
StandardProductDescriptionModule
StandardProductDescriptionModule
Rendered
![rendered_ProductDescription_aplus24.jpeg 976](https://files.readme.io/c8a9fe6-rendered_ProductDescription_aplus24.jpeg)
image of left aligned text paragraph
Editor
![editor_ProductDescription_aplus25.png 634](https://files.readme.io/b3f5fef-editor_ProductDescription_aplus25.png)
a picture of the editor view for paragraph description text
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Body text | n/a | body | No | maxLength: 6000 |
StandardTechSpecsModule
StandardTechSpecsModule
Rendered
![rendered_TechSpecs_aplus26.jpeg 1368](https://files.readme.io/531ce8a-rendered_TechSpecs_aplus26.jpeg)
two column tabular format of specification details
Editor
![editor_TecSpecs_aplus27.png 634](https://files.readme.io/f2463f9-editor_TecSpecs_aplus27.png)
a picture of the editor view for tech specs
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Main headline | n/a | 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) | n/a | tableCount | Yes | 1 = one table 2 = two tables side by side |
StandardCompanyLogoModule
StandardCompanyLogoModule
Rendered
![rendered_CompanyLogo_aplus28.png 599](https://files.readme.io/8e1ec3f-rendered_CompanyLogo_aplus28.png)
image of a generic company logo
Editor
![editor_CompanyLogo_aplus29.png 634](https://files.readme.io/37656e4-editor_CompanyLogo_aplus29.png)
a picture of the editor view for company logo
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Image | n/a | companyLogo | Yes | Minimum image size: 600 x 180 pixels |
Image alt text | n/a | companyLogo | Yes | maxLength: 100 |
StandardHeaderImageTextModule
StandardHeaderImageTextModule
Rendered
![rendered_HeaderImageText_aplus30.jpeg 1001](https://files.readme.io/9838b79-rendered_HeaderImageText_aplus30.jpeg)
wide image above with headline below and text
Editor
![editor_HeaderImageText_aplus31.png 476](https://files.readme.io/840e0e5-editor_HeaderImageText_aplus31.png)
a picture of the editor view for header image with text
Fields
Component in editor | Block property in JSON | Component property in JSON | Required | Values |
---|---|---|---|---|
Headline | n/a | 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 |
Updated about 1 month ago