> ## 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.

# Featured Products

> Configure Everest's featured products section and its main settings, content structure, and styling controls.

The Featured Products section lets you control the content, layout, and presentation of this part of the Everest storefront. Most changes happen directly in the Theme Customizer, so you can adjust structure first and then refine styling, spacing, and supporting blocks with confidence.

<img src="https://mintcdn.com/digifist/QdI5h986otvYySGj/images/theme/everest/sections/featured-products/featured-products-overview.png?fit=max&auto=format&n=QdI5h986otvYySGj&q=85&s=018ab4d3697f93d4308f71568f0c1a7e" alt="Featured Products overview" width="3280" height="2186" data-path="images/theme/everest/sections/featured-products/featured-products-overview.png" />

## What this section controls

* Images, videos, and other media presentation options
* Layout structure, width, alignment, and spacing
* Calls to action, links, and navigation behavior
* Product, collection, or cart-related storefront behavior
* Color schemes, contrast, and shared visual styling

## Getting started

<Steps>
  <Step title="Open the Theme Customizer">
    In Shopify admin, go to **Online Store** -> **Themes** -> **Customize**.
  </Step>

  <Step title="Add or open Featured Products">
    Add the **Featured Products** section to a compatible template or select the existing section from the left sidebar.
  </Step>

  <Step title="Adjust the main settings first">
    Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/QdI5h986otvYySGj/images/theme/everest/sections/featured-products/featured-products-location.png?fit=max&auto=format&n=QdI5h986otvYySGj&q=85&s=9efc5b5081df2703a677f494cc13212a" alt="Featured Products location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/sections/featured-products/featured-products-location.png" />

## Section settings

### Settings

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/featured-products/featured-products-settings.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=01948d7b0ad2e1552329098a9a6c9831" alt="Featured Products Settings settings" width="3280" height="2186" data-path="images/theme/everest/sections/featured-products/featured-products-settings.png" />

<AccordionGroup>
  <Accordion title="Collection" icon="shopping-bag">
    Select the collection source used by **collection**.
  </Accordion>

  <Accordion title="Product list" icon="shopping-bag">
    Choose the product source used by **product list**.

    Overrides the collection choice.
  </Accordion>

  <Accordion title="Featured card" icon="sparkles">
    Choose how **Featured card** behaves in the section.

    **Available options:** Normal, Big.

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

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

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

    **Available options:** Grid, Carousel.

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

  <Accordion title="Media order" icon="image">
    Choose how **Media order** behaves in the section.

    Review the result on both desktop and mobile when media changes are involved.

    **Available options:** First, Last.

    **Default:** `first`

    This setting only appears when its related parent option is enabled.

    Optimized for mobile
  </Accordion>
</AccordionGroup>

### Number of columns

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/featured-products/featured-products-number-of-columns.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=ce71375a7160e54c228681079e20263d" alt="Featured Products Number of columns settings" width="3280" height="2186" data-path="images/theme/everest/sections/featured-products/featured-products-number-of-columns.png" />

<AccordionGroup>
  <Accordion title="Desktop" icon="eye">
    Adjust **Desktop** with a slider-based control.

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

    **Range:** `1` to `6`  **Default:** `3`
  </Accordion>

  <Accordion title="Mobile" icon="eye">
    Adjust **Mobile** with a slider-based control.

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

    **Range:** `1` to `1.4`  **Default:** `1`
  </Accordion>
</AccordionGroup>

### Carousel layout

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/featured-products/featured-products-carousel-layout.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=6c4ddbfc8976684e360b0d6daa3c8862" alt="Featured Products Carousel layout settings" width="3280" height="2186" data-path="images/theme/everest/sections/featured-products/featured-products-carousel-layout.png" />

<AccordionGroup>
  <Accordion title="Pagination" icon="sparkles">
    Choose how **Pagination** behaves in the section.

    **Available options:** None, Progress.

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

  <Accordion title="Navigation" icon="bars">
    Choose how **Navigation** behaves in the section.

    Make sure the chosen option still feels easy to scan and use on smaller screens.

    **Available options:** None, 1, 2.

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

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

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

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

  <Accordion title="Overflow" icon="sparkles">
    Enable or disable **Overflow**.

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

### Common settings

<img src="https://mintcdn.com/digifist/F1GAV19RsJHhaiJ_/images/theme/everest/sections/featured-products/featured-products-common-settings.png?fit=max&auto=format&n=F1GAV19RsJHhaiJ_&q=85&s=1ccad540a3f8b057278c213984572dc9" alt="Featured Products Common settings" width="3280" height="2186" data-path="images/theme/everest/sections/featured-products/featured-products-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.
* Review media-heavy layouts on both desktop and mobile before publishing.
* Keep labels short and scannable, especially in tighter layouts or utility areas.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Start with the structural settings first, then refine decorative styling after the layout feels settled.

## Related guides

* [Everest Theme Overview](/themes/everest/index)
* [Everest Theme Settings](/themes/everest/theme-settings/index)
* [Everest Header](/themes/everest/header/header)
