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):

StandardFourImageTextModule
StandardTextModule
StandardFourImageTextQuadrantModule
StandardTechSpecsModule
StandardComparisonTableModule

A+ content module examples for a content document. Each module offers different alignments for image and text placements.

For a complete list of available content modules, refer to the 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

{
  "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.

UI editor view

A screenshot of the UI editor for the standard company logo module.

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.

UI editor view

A screenshot of the UI editor for the standard image text overlay module.

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.

UI editor view

A screenshot of the UI editor for the standard header image text module.

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.

UI editor view

A screenshot of the UI editor for the standard multiple image text module.

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.

UI editor view

A screenshot of the UI editor for the standard single side image module.

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.

UI editor view

A screenshot of the UI editor for the standard image sidebar module.

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.

UI editor view

A screenshot of the UI editor for the standard single image highlights module.

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.

UI editor view

A screenshot of the UI editor for the standard single image specs detail module.

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.

UI editor view

A screenshot of the UI editor for the standard three image text module.

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.

UI editor view

A screenshot of the UI editor for the standard four image with text module.

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.

UI editor view

A screenshot of the UI editor for the standard comparison table module.

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.

UI editor view

A screenshot of the UI editor for the standard four image text quadrant module.

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.

UI editor view

A screenshot of the UI editor for the standard text module.

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.

UI editor view

A screenshot of the UI editor for the standard product description module.

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.

UI editor view

A screenshot of the UI editor for the standard tech specs module.

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

Updated about 9 hours ago