Product

The Product settings control how product variants, badges, and other product information are displayed across the theme.

1. Variant picker

The Variant picker settings control how customers select product variants on the product page.

  • Pick Mode: Select the method of selecting the displayed product variants; can be no pick, pick first variant, or pick first available variant

  • Enable history state: Update history state for product deep linking in Shopify. It’s possible to create a deep link directly to a specific variant by adding a query string to a product page URL. You can achieve this by appending the ?variant= query parameter to the URL of the product, along with the ID of the variant. Not working when the product variant is No Pick.

  • Hide sold out variants: Not applicable for product sold out.

2. Badges

The Badges settings control the badges displayed on products, such as sale, new, sold out, pre-order, and custom badges.

  • Use on sale badge: When enabled, a badge will appear on products that are currently discounted.

  • On sale badge display style: Choose how the on-sale badge displays, you can choose between text, percentage, or amount.

  • Use new badge: Adds a “New” label to recently added products.

  • Automatic "New" badge period: Set how long a product is marked as “New” after it's created (in days).

  • Use sold-out badge: Displays a badge on products that are out of stock.

  • Use pre-order badge: Displays a Pre-order badge for products available for pre-order.

  • Use custom badge: Follow this document to configure the Custom badge

To set up pre-order products, you open your product, tick 'Inventory tracked' and enable 'Continue selling when out of stock' for the product.

3. Miscellaneous

The Miscellaneous settings control how products without images and vendor links are handled.

  • Placeholder for product no image: you can set the Placeholder Image for products that have not been set with an image before

  • Use collection link on vendor: Replace the vendor link with a collection link. Requires that a collection has the same name as the vendor of the product.