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 Page Images
| Setting |
Description |
| Main product images |
Select the size of the main product image on a product’s page. Use this article to help you choose what image sizes are best for you.
|
| Thumbnail image in product page |
Choose the size of the thumbnails to the left of the main product image for products with more than one image.
|
| Zoomed image |
Choose the size of the zoomed product image when a cursor clicks on it.
|
| Display product images as |
This changes the product image layout to either Thumbnails or Grid. Please note the Grid layout will display as a carousel on smaller screens to save space.
|
Swatches
| Setting |
Description |
| Product swatch image sizes |
Choose the size for swatch options images. |
| Circular swatches |
Select this to display round swatches. If not selected the swatches will display square instead. These styles will apply site-wide, on the category, quick view and product pages.
|
| Show selected swatch names |
Choose this to display the swatch name next to the label when selected.
|
Product Prices
| Setting |
Description |
| Show "from" before prices |
Select this to display the word "from" in front of prices, for those products that have options that increase the price.
|
| Product sale price label |
Select this to change the Sale Price text, e.g. "Now:" or "Only:".
|
| Product before sale price label |
Select this to change the Default Price text, e.g. "Was:".
|
| Product retail price label |
Select this to change the retail/MSRP price text.
|
| Product price label |
Select this to change the text of the price label when there is no sale price (like the “As low as” text). Please note this can be left blank. Don't enter a currency symbol here, that can be configured in the Control Panel. Go to Settings > Currencies.
|
Warranty Box
| Setting |
Description |
| Rename "Warranty" 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. Select this to rename the heading from "Warranty Details" to something more appropriate. Please note that this string is limited to 64 characters.
|
Show Additional Fields
| Setting |
Description |
| Show quantity selection on product pages |
Select this to toggle the quantity selector.
|
| Show product UPC |
Select this to display the UPC for the product.
|
| Show product weight |
Select this to display the shipping weight for the product.
|
| Show product dimensions |
Select this to display the shipping dimensions for the product.
|
Display Options
| Setting |
Description |
| Number of Related Products |
Select the number of related products displayed below the product description.
|
| Number of Customers Also Viewed Products |
Select the number of Customers Also Viewed products displayed below the product description.
|
| Number of product reviews |
Select the number of reviews displayed below the product description.
|
