Product Details Page (Portobello)

Configure the product page display options in this section. In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Product Page'

Swatches

Product options swatch sizes

Choose between the standard size (22 x 22px), or a max size you specify, up to a maximum of 150 x 150px.

Please note these are maximum sizes for desktop display on the product page. Swatches are scaled down for smaller devices.

Circular Swatches

We have bundled two styles for color swatches in Portobello; square and round. To display round swatches, check the 'Circular Swatches' option in this section.

These styles will apply site-wide, on the category, quick view and product pages.

Show selected swatch names next to the label

We have included a feature that shows the name of a selected color swatch or "rectangle" option next to the label.

Product Prices

Enter your preferred labels for price information of products on sale, and optionally a label shown on products without a sale price.

These labels will apply site-wide, on the category, quick view and product pages.

Rename Warranty Box Label

As the warranty box in the BigCommerce control panel can contain HTML, you may want to use this as an additional panel, unrelated to warranty details.

You can rename the heading from "Warranty Details" to something more appropriate using this field.

Note that this string is limited to 64 characters.

Show Additional Fields

You can display additional information on your Product Details Page here, by enabling options to show quantity box, UPC, weight and dimensions.

Display Options

Choose how many related products, 'customers also viewed' products and product reviews to display on the Product Details Page.