Add supporting content to product pages
Add a campaign banner, carousel, headings, or other supporting content above or below the shopping controls on your product pages.
Before you begin
Section titled “Before you begin”Open /products/default in Document Authoring and choose a content block supported by your storefront. Use Preview a product to select a real product for the inline preview.
Add the supporting content
Section titled “Add the supporting content”-
Find the
product-detailstable in/products/default. -
Place your content above or below that table, in the order shoppers should see it. You can insert ordinary text or images, or add a supported block table.
For example, insert a carousel table above the product details:
carousel Your first campaign image First slide caption Your second campaign image Second slide caption Merge the first-row cells in the document. Replace the image labels with actual images, and replace the captions with your text. Each row below the header is one slide.
-
Open the inline live-preview pane and confirm that the content appears in the intended position relative to the product details.
-
Preview another product to check that the content is appropriate for the shared template.
-
Publish the updated document when the layout looks right.
Check the result
Section titled “Check the result”Open a real product URL on the published storefront. Confirm that the supporting content appears in the expected order and that the product’s shopping controls remain available.
For recommendation units, follow Add product recommendations to a page.