> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/overlay-group/quick-view/details.md).

# Details

The purchase area. Add blocks in any order to build the layout your products need.

***

## Settings

| Setting                | Description                                                                    |
| ---------------------- | ------------------------------------------------------------------------------ |
| Alignment              | Aligns all content in the details panel.                                       |
| Gap — Desktop / Mobile | Space between blocks.                                                          |
| Padding top / bottom   | Space above and below the content, with an optional separate value for mobile. |

***

## Available blocks

| Block                                                                                                            | Purpose                                             |
| ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- |
| [Group](/helix/theme-blocks/layout/group.md)                                                                     | Groups the title, price, and badges into one block. |
| [Title](/helix/product-page-sections/product-information/product-details.md#product-title)                       | Product title.                                      |
| [Price](/helix/product-page-sections/product-information/product-details.md#product-price)                       | Product price.                                      |
| [Variant picker](/helix/product-page-sections/product-information/product-details.md#variant-picker)             | Lets shoppers choose options such as size or color. |
| [Buy buttons](/helix/product-page-sections/product-information/product-details.md#buy-buttons)                   | Add to cart and optional express checkout buttons.  |
| View details                                                                                                     | Link to the full product page.                      |
| [Product inventory](/helix/product-page-sections/product-information/product-details.md#inventory)               | Stock level and availability messaging.             |
| [Description](/helix/product-page-sections/product-information/product-details.md#product-description)           | Product description.                                |
| [Badges](/helix/product-page-sections/product-information/product-details.md#product-badges)                     | Sale, new, and custom badges.                       |
| [Vendor](/helix/product-page-sections/product-information/product-details.md#product-vendor)                     | Product brand or vendor name.                       |
| [SKU](/helix/product-page-sections/product-information/product-details.md#product-sku)                           | Variant SKU.                                        |
| [Product fit](/helix/product-page-sections/product-information/product-details.md)                               | Size or fit guidance for apparel.                   |
| [Product siblings](/helix/product-page-sections/product-information/product-details.md#product-siblings)         | Links to related products, such as other colors.    |
| [Pickup availability](/helix/product-page-sections/product-information/product-details.md#pickup-availability)   | In-store pickup by location.                        |
| [Payment installments](/helix/product-page-sections/product-information/product-details.md#payment-installments) | Installment options such as Shop Pay.               |
| [Colors](/helix/theme-blocks/basic/colors.md)                                                                    | A row of color swatches.                            |
| [Payment icons](/helix/theme-blocks/footer/payment-icons.md)                                                     | The payment methods your store accepts.             |
| [Accordion](/helix/theme-blocks/layout/accordion.md)                                                             | Collapsible panels for specs, care, or returns.     |
| [Page](/helix/theme-blocks/basic/page.md)                                                                        | Shows the content of a store page.                  |
| [Popup](/helix/theme-blocks/links/popup.md)                                                                      | A trigger that opens supporting content in a popup. |
| [Collapsible text](/helix/theme-blocks/basic/collapsible-text.md)                                                | A single expandable text block.                     |
| [Countdown timer](/helix/theme-blocks/basic/countdown-timer.md)                                                  | Timer for time-limited offers.                      |
| [Coupon code](/helix/theme-blocks/basic/coupon-code.md)                                                          | Shows a promo code.                                 |
| [Heading](/helix/theme-blocks/basic/heading.md)                                                                  | A standalone heading line.                          |
| [Subheading](/helix/theme-blocks/basic/subheading.md)                                                            | A small label above or below a heading.             |
| [Text](/helix/theme-blocks/basic/text.md)                                                                        | A rich-text paragraph.                              |
| [Image](/helix/theme-blocks/basic/image.md)                                                                      | An inline image.                                    |
| [Button](/helix/theme-blocks/basic/button.md)                                                                    | A standalone call-to-action button.                 |
| [Icon](/helix/theme-blocks/basic/icon.md)                                                                        | An inline SVG icon from the theme library.          |
| [Divider](/helix/theme-blocks/layout/divider.md)                                                                 | A horizontal rule separating sections.              |
| [Spacer](/helix/theme-blocks/layout/spacer.md)                                                                   | Empty vertical space.                               |
| [Video](/helix/theme-blocks/basic/video.md)                                                                      | An inline Shopify-hosted or external video.         |
| [Custom Liquid](/helix/theme-blocks/custom/custom-liquid.md)                                                     | Your own Liquid, HTML, or app snippet.              |
| App blocks                                                                                                       | Blocks from apps you have installed.                |