The Product Portal Template controls the layout and content of individual product pages on your site.

Use this template to customize how products are presented to visitors, including images, pricing, purchase options, and descriptions.

Quick Links#

• Portal Templates Overview (recommended starting point)
• Portal Branding (fonts, colors, logos)

Access This Template#

Go to Portal Content → Portal Templates → Product.

Tip: Make edits in Staging Site first so you can preview changes before publishing.

Product Image#

Control how the product image is displayed.

You can:

• Update the image
• Adjust column width, margins, width, and height
• Set corner radius and drop shadow
• Add alternate text
• Enforce an aspect ratio

Product Title#

Customize how the product title is displayed.

You can:

• Adjust column width and margins
• Set heading size
• Change text color

Item Price#

Control how the product price is displayed.

You can:

• Adjust margins
• Set heading size
• Change text color

Product Form#

Customize the Add to Cart section for the product.

You can:

• Adjust margins
• Change text color
• Select a product variant when available
• Set the quantity when no variants exist

Item Description#

Control how the product description is displayed.

You can:

• Adjust margins
• Set font size
• Change text color

Preview and Publish#

Preview changes on the staging site, then use Actions → Publish Staging to Live Site when you’re ready to apply updates to your live site.