> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Product Page

> Configure Everest's product template, gallery layout, product information, and supporting purchase blocks.

The Product Page template controls the main structure used for this page type in Everest. It combines template-specific sections with reusable content blocks, which means most storefront behavior can be adjusted in the Theme Customizer without editing theme code.

<img src="https://mintcdn.com/digifist/pSICwIF0FBNhfJ8U/images/theme/everest/products/product-page-overview.png?fit=max&auto=format&n=pSICwIF0FBNhfJ8U&q=85&s=675ec0b384e9b8e2f871892b330f2ad0" alt="Product Page overview" width="3280" height="2186" data-path="images/theme/everest/products/product-page-overview.png" />

## What this template controls

* Layout structure, width, alignment, and spacing
* Color schemes, contrast, and shared visual styling
* Block types such as Product Media Gallery, Product Blocks Main, Product Blocks Side
* The template section order and the supporting sections included by default

## Template structure

This template uses the following main sections or related theme building blocks by default:

* **Product**
* **Related Products**
* **Pickup Availability**

## Getting started

<Steps>
  <Step title="Open the template in Theme Customizer">
    Open the relevant page type or assign the template to a resource before customizing it.
  </Step>

  <Step title="Review the main section first">
    Start with the primary content section so layout, filtering, gallery, or page-level behavior is defined before refining supporting content.
  </Step>

  <Step title="Adjust supporting sections">
    Review any banners, content sections, or utility sections included in the template so the full page works together as a set.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/pSICwIF0FBNhfJ8U/images/theme/everest/products/product-page-location.png?fit=max&auto=format&n=pSICwIF0FBNhfJ8U&q=85&s=c8adf29299f9f0ed16cfb140f5deea03" alt="Product Page location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/products/product-page-location.png" />

## Main settings

### Settings

<img src="https://mintcdn.com/digifist/pSICwIF0FBNhfJ8U/images/theme/everest/products/product-page-settings.png?fit=max&auto=format&n=pSICwIF0FBNhfJ8U&q=85&s=52df8b5c370ea6e76750223cc2d3247c" alt="Product Page Settings settings" width="3280" height="2186" data-path="images/theme/everest/products/product-page-settings.png" />

<AccordionGroup>
  <Accordion title="Sticky product information on desktop" icon="eye">
    Choose how **Sticky product information on desktop** behaves in the section.

    **Available options:** None, Gallery, Page.

    **Default:** `gallery`

    When you choose page option, the sticky product information will be sticky throughout the page, other sections' widths will be adjusted according to product gallery width.
  </Accordion>

  <Accordion title="Product information width on desktop" icon="eye">
    Adjust **Product information width on desktop** with a slider-based control.

    It has the strongest effect on layout balance and visual hierarchy.

    **Range:** `24.0` to `72.0`  **Default:** `38.4`
  </Accordion>
</AccordionGroup>

### Common settings

<img src="https://mintcdn.com/digifist/pSICwIF0FBNhfJ8U/images/theme/everest/products/product-page-common-settings.png?fit=max&auto=format&n=pSICwIF0FBNhfJ8U&q=85&s=482332984f8946cacdbbf61344f18abd" alt="Product Page Common settings" width="3280" height="2186" data-path="images/theme/everest/products/product-page-common-settings.png" />

<AccordionGroup>
  <Accordion title="Section width" icon="grid">
    Choose how **Section width** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** Page, Fluid, Full.

    **Default:** `page`
  </Accordion>

  <Accordion title="Color scheme" icon="palette">
    Select the color scheme used for **color scheme**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>

  <Accordion title="Top spacing" icon="grid">
    Choose how **Top spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Section border" icon="grid">
    Choose how **Section border** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** None, Top, Bottom, Both.

    **Default:** `none`
  </Accordion>
</AccordionGroup>

## Best practices

* Check contrast after changing color schemes so text and controls remain easy to read.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Test this template with real content volume so headings, cards, and filters behave as expected.
* Review supporting sections together because template defaults often work as a coordinated set.

## Related guides

* [Everest Theme Overview](/themes/everest/index)
* [Related Products](/themes/everest/sections/related-products)
* [Pickup Availability](/themes/everest/sections/pickup-availability)