When adding products to your store, many of the product attributes, such as price, SKU, and weight, are visible on the storefront. Using the product display settings in your BigCommerce control panel, you can manage which attributes are visible to customers and which are hidden for internal use only.
.png)
Requirements
In order to manage the product display settings in your store, you must:
- have the Manage Settings permission enabled on your user account
Product Display Settings
Your store’s product display settings are located in Settings › General, under the Display tab.
Product Settings
The Display Settings section of the Display tab controls some general product display behavior.
The Product Breadcrumbs drop-down menu controls how product breadcrumbs should be displayed at the top of product pages.
The Show Quantity Box for Products setting determines if a quantity box displays on product pages. If disabled, only 1 product at a time can be added to a customer's cart.
Enable Product Comparisons determines if customers are able to select and compare two or more products on a single page.
The product comparison feature is available on category, brand, and search pages. While shoppers are hovering over a product thumbnail, they can check the box next to Compare.
When two or more products have been selected, a Compare link appears in the header for shoppers to view a side-by-side comparison of the products. This will display each product’s price, description, star rating, availability, and any custom fields.
Product Settings
The Product Settings section of the Display tab determines whether or not certain product attributes are visible to your customers.
Be careful! Disabling some store settings, such as Show Product's Price, can remove the Add to Cart button and prevent shoppers from being able to check out. If you would like to not display pricing on your store, consider using the Page Builder editor or theme customization.
- Show One Only — Will display only the first category the product appears in.
- Don't Show — Disables breadcrumb links from appearing on product pages.
- Show Product's Price — This determines if prices are displayed on product pages, underneath product thumbnails on category, brand, and search pages, below product panels on the homepage, and in the storefront GraphQL API. If checked, the following pricing settings become available:
- Price to display on the product details page when product selections don't map to a price — This determines what price is displayed on product pages while shoppers are selecting variant options that correspond to a variant. Display price can be set to Default catalog price or The lowest price based on the options selected.
- Price to display on the product list page when preselected options don't map to a price — If a product's default variant options don't correspond to a variant, this setting determines which price is displayed underneath product thumbnails. Display price can be set to Default catalog price or The lowest variant price.
- Hide Product’s Price from Guests — Display or hide prices from guest shoppers. When enabled, guest shoppers will not be able to create a cart, and product prices will not be indexed by search engines.
- Show Product's SKU — Display or hide SKUs on product pages.
- Show Product's Weight — Display or hide weight on product pages.
- Show Product's Brand — This determines if brands are displayed on product pages, underneath product thumbnails on category, brand, and search pages, and below product panels in the homepage.
- Show Product's Shipping Cost — Display or hide fixed shipping cost on product pages. If enabled and free shipping or a fixed shipping cost has not been added to a product, “Calculated at Checkout” will display instead.
- Show Product's Rating — Display or hide star rating on product pages.
- Show Add to Cart Link — Display or hide the Add to Cart button underneath product thumbnails on category, brand, and search pages, as well as product panels in the homepage. If disabled, cart buttons are still present on product pages.
- Default Pre-Order Message — This determines what message should be shown by default if products are configured to be available for pre-order. To place the product's release date in the message, use the %%DATE%% placeholder.
- Show Product's Price — This determines if prices are displayed on product pages, underneath product thumbnails on category, brand, and search pages, below product panels on the homepage, and in the storefront GraphQL API. If checked, the following pricing settings become available:
FAQ
Why are my product attributes not visible on the storefront after enabling the display settings?
Some Stencil themes have product attribute visibility settings that override the display settings in Settings › General. In Cornerstone, they can be found under Theme Styles › Products › Display settings. If you are not using Cornerstone, check your theme's documentation if you are unable to find these settings in Page Builder.
How do the product price display settings interact with the price range settings in my theme?
Certain Stencil themes, such as Cornerstone, include a setting which allows you to display price ranges for products with multiple variant prices. If you’ve configured your theme to display price ranges, it will override the selection made for Price to display on the product list page when preselected options don't map to a price in your Display settings.
The Price to display on the product details page when product selections don't map to a price setting interacts differently with your theme settings depending on the configuration you’ve selected.
| No option values selected | Partial option selection | Full option selection (corresponds to a variant) | |
| Full option selection (corresponds to a variant) | The price is displayed in a range of all variant prices until at least one option is selected. | The default catalog price is displayed until the shopper selects option values that correspond to a variant. | The variant’s price displays on the page until the shopper selects different options which correspond to a different variant. |
| Theme price ranges + Lowest price based on the options selected | The price is displayed in a range of all variant prices until at least one option is selected. | The price is displayed in a range which narrows based on the currently-selected option values. | The variant’s price displays on the page until the shopper selects different options which correspond to a different variant. |
