> ## Documentation Index > Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt > Use this file to discover all available pages before exploring further. # Product information > The main product area: gallery, title, price, options, quantity and buy buttons, plus extras such as size chart, pickup, badges, trust badges, back in stock and collapsible rows. Product information on the storefront ## Where to find it Product pages. In the theme editor, choose Products > Default product in the top page selector, then select Product information. ## How it works * Every part is a block you can reorder: Title, Vendor, Price, Description, Variant picker, Quantity, Inventory, Buy buttons, Pickup availability, Back in stock alert, Size chart, Product badges, Trust badges, Collapsible row, Custom Liquid, Complementary products and app blocks. * Choosing an option updates the price, images, stock note, badges and buttons without reloading, and updates the page address so a shared link opens that variant. * Gallery: on desktop choose a slider with thumbnails, stacked, a two-column grid or a mosaic; phones always use the slider. Videos, YouTube, Vimeo and 3D models play in the gallery, and 3D models offer View in your space on supported devices. * Image zoom opens a full-screen lightbox where shoppers click or tap to zoom and move to look around, or opens the full image in a new tab. * The sticky add to cart bar shows the product, variant, price and button once shoppers scroll past the buy buttons. By default it appears on phones only. * The buy button reads Pre-order for pre-order products and Sold out for unavailable variants. Shopify's express checkout buttons and the Shop Pay Installments message appear when available. * Quantity rules and volume pricing from B2B catalogs show under the quantity field. * Subscription products show a Purchase option menu, and gift card products can show recipient fields. Product information in the theme editor ## Edit it * Click Add block and drag blocks into order. Most blocks can be used once; Collapsible row and Custom Liquid can repeat. Up to 30 blocks. * Pick Collapsible rows layout: Accordion, or Tabs to group every collapsible row into one tab set. * Set Media position on desktop, Keep product information in view and Show breadcrumbs. * Under Product gallery, choose Desktop layout, Image zoom, Main image fit, Thumbnail size (56 to 96 px) and whether to show image arrows. * Set Sticky add to cart bar to Off, Mobile only or Mobile and desktop. * In the Variant picker block, Option style chooses Dropdown or Buttons. Options with color or image swatches always show swatches. * In the Inventory block, set Low stock threshold (1 to 30). A short note such as 3 available shows when a tracked variant has that many or fewer left. * Add photos, videos and 3D models in Shopify admin under Products > your product > Media. ## Settings | Setting | What it does | | - | - | | **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. | | **Media position on desktop** | Options: Left, Right. Default: Left. | | **Keep product information in view** | On or off. Default: off. | | **Show breadcrumbs** | On or off. Default: on. | | **Sticky add to cart bar** | Options: Off, Mobile only, Mobile and desktop. Appears after shoppers scroll past the buy buttons. Default: Mobile only. | | **Collapsible rows layout** | Options: Accordion, Tabs. Tabs group every collapsible row block into one tab set. Default: Accordion. | | **Top spacing** | Slider from 0 to 120 px, in steps of 4. Default: 0 px. | | **Bottom spacing** | Slider from 0 to 120 px, in steps of 4. Default: 0 px. | **Product gallery** | Setting | What it does | | - | - | | **Desktop layout** | Options: Slider with thumbnails, Stacked, Two-column grid, Mosaic. Mobile always uses the slider. Default: Slider with thumbnails. | | **Image zoom** | Options: Open lightbox, Open full image in a new tab, Off. Default: Open lightbox. | | **Main image fit** | Options: Show the whole image, Fill the image area. Default: Show the whole image. | | **Thumbnail size** | Slider from 56 to 96 px, in steps of 4. Default: 76 px. | | **Show previous and next image buttons** | On or off. Default: on. | ## Blocks Up to 30 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them. ### App blocks Blocks from apps you have installed, such as reviews or subscriptions. Click **Add block** and choose one from the Apps tab; its settings come from the app. ### Title (up to 1) No settings: add or remove it, and drag it into place. ### Vendor (up to 1) No settings: add or remove it, and drag it into place. ### Price (up to 1) No settings: add or remove it, and drag it into place. ### Description (up to 1) No settings: add or remove it, and drag it into place. ### Variant picker (up to 1) | Setting | What it does | | - | - | | **Option style** | Options: Dropdown, Buttons. Options with native color or image swatches always show swatches. Default: Dropdown. | ### Quantity (up to 1) | Setting | What it does | | - | - | | **Show quantity buttons** | On or off. Default: on. | ### Inventory (up to 1) | Setting | What it does | | - | - | | **Low stock threshold** | Slider from 1 to 30. Default: 5. | ### Buy buttons (up to 1) | Setting | What it does | | - | - | | **Show accelerated checkout** | On or off. Default: on. | | **Gift card recipient fields** | On or off. Default: on. | ### Pickup availability (up to 1) No settings: add or remove it, and drag it into place. ### Back in stock alert (up to 1) Shows an email form on sold-out variants. Requests arrive as contact form emails tagged back-in-stock. Use a back-in-stock app if you want automatic emails. | Setting | What it does | | - | - | | **Heading** | Text. Default: Tell me when it's back. | | **Text** | Formatted text. | ### Size chart (up to 1) | Setting | What it does | | - | - | | **Link label** | Text. Default: Size chart. | | **Page content** | Choose a page. | | **Content** | Formatted text. | | **Show for these options** | Text. Comma-separated option names. Leave blank to show the size chart on every product. Default: Size, Pack size. | ### Product badges (up to 1) Shows sale, sold out, pre-order, new and tag badges. Choose which badges appear in Theme settings, Badges and labels. ### Trust badges (up to 1) | Setting | What it does | | - | - | | **Heading** | Text. Default: Secure checkout. | | **Text** | Formatted text. | | **Show payment icons** | On or off. Default: on. | | **Badge image** | Image: upload one or choose from Content → Files. Only use badges you have the right to display. | ### Collapsible row | Setting | What it does | | - | - | | **Heading** | Text. Default: The little details. | | **Content** | Formatted text. | | **Page content** | Choose a page. | ### Custom Liquid | Setting | What it does | | - | - | | **Custom Liquid** | Liquid code. | ### Complementary products (up to 1) | Setting | What it does | | - | - | | **Heading** | Text. Default: Lovely together. | | **Products to show** | Slider from 2 to 8. Default: 4. | Settings here apply to every product that uses this template. Create an alternate product template for products that need a different layout. The Size chart block only appears when it has content or a page, and the product has an option named in Show for these options. Breadcrumbs show Home, then the collection the shopper came from (or the product's first collection), then the product. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.