Product Page (Portobello)

Configure the product page display options in this section. In your control panel, go to Storefront > 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'

Product Images

Use this article to help you choose what image sizes are best for you.

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

Show "from" Before Prices

Enable this option to display the word "from" in front of prices, for those products that have options that increase the price.

Product Sale Price Label

Customise the text displayed before the 'Sale Price' for the product, e.g. "Now:" or "Only:".

Product Before Sale Price Label

Customise the text displayed before the 'Previous Price' for the product, e.g. "Was:".

Product Retail Price Label

Customise the text displayed before the 'Default Price' for the product, e.g. "List Price:" or "MSRP:" (Manufacturer's Suggested Retail Price).

Product Price Label

Customise the text displayed before the price for the product, e.g. "Look:" or "Only:". The label will appear on both the Product Details Page and the Product Listings Page (category page). You can leave this blank. Don't enter a currency symbol here, that is included in the store settings (Store Setup > Currencies).

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

Number of Related Products

Choose the maximum number of 'Related Products' to display.

Number of Customers Also Viewed Products

Choose the maximum number of 'Customers Also Viewed' products to display.

Number of Product Reviews

Choose the number of product reviews per page.