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

# Facet: a Shopify theme for fashion and swimwear brands

> Learn how the Facet Shopify theme is organized, where to change its settings and sections, and which guide to read for each part of your store.

Facet is a Shopify theme built on theme blocks. Every heading, text, button and picture inside a section is its own block, so you can add, remove and reorder content in the Theme Customizer without code. This guide walks through each area of the theme in the order you meet it when setting up a store.

![The top of the Facet demo home page: announcement bar, header and the full-screen hero banner.](https://mintcdn.com/lightsout/JLHyBPHbW516g-34/images/themes/facet/get-started/introduction/introduction-overview.jpg?fit=max\&auto=format\&n=JLHyBPHbW516g-34\&q=85\&s=3e7fa91617ad92d116f2a9cf6fe5f700)

## Open the Theme Customizer

You change everything in Facet from the Shopify Theme Customizer.

**1. Go to your themes**

In your Shopify admin, open **Online Store**, then **Themes**.

**2. Customize Facet**

Next to Facet, click **Customize**.

**3. Pick what to edit**

Use the **Sections** panel on the left to edit the page you are on, or open **Theme settings** to change store-wide styles such as colors, typography and buttons.

![The Shopify theme editor open on the Facet home page, with the Sections panel listing the header, template and footer sections on the left and the live preview on the right.](https://mintcdn.com/lightsout/JLHyBPHbW516g-34/images/themes/facet/get-started/introduction/introduction-location.jpg?fit=max\&auto=format\&n=JLHyBPHbW516g-34\&q=85\&s=246c2409556ce43be4133bc5fda0542a)

> [!TIP]
>
> Work on a copy of your theme while you experiment. In **Online Store**, then **Themes**, open the **...** menu next to Facet and choose **Duplicate**. Publish the copy when you are happy with it.

## Explore the guides

> [card] [Theme settings](https://docs.shopify.lightsout.agency/themes/facet/theme-settings.md)
>
> Store-wide styles: colors, typography, layout, buttons, product cards and more.

> [card] [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md)
>
> The spacing, width and color settings that most sections share.

> [card] [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md)
>
> The headings, text, buttons, pictures and other blocks you build sections from.

> [card] [Header](https://docs.shopify.lightsout.agency/themes/facet/header/header.md)
>
> Announcement bar, logo, menus, mega menu, search, and the transparent and sticky header.

> [card] [Footer](https://docs.shopify.lightsout.agency/themes/facet/footer/footer.md)
>
> Menus, newsletter signup, brand text and the large footer logo.

> [card] [Products](https://docs.shopify.lightsout.agency/themes/facet/products/product-page.md)
>
> The product page, its blocks, and the gift card page.

> [card] [Collections](https://docs.shopify.lightsout.agency/themes/facet/collections/collection-page.md)
>
> Collection pages, filters and sorting, the collection list and search.

> [card] [Pages and templates](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/page.md)
>
> Blog, articles, cart, contact, FAQ, password and customer account pages.

> [card] [Sections](https://docs.shopify.lightsout.agency/themes/facet/sections/hero-banner.md)
>
> Every section you can add to a page, with its settings and blocks.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.