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

# Overview

> Configure Swish to match your store's look, feel, and functionality.

Swish is designed to work out of the box, but you can fine-tune every aspect of the experience to match your store. Customization is organized into the areas below.

## Appearance

Control the visual look of the Swish UI.

> [card] [Design](https://swish.app/docs/guides/customize/appearance/design.md)
>
> Customize colors, fonts, and styling to match your brand.

> [card] [Icons](https://swish.app/docs/guides/customize/appearance/icons.md)
>
> Replace built-in icons with custom SVGs.

> [card] [Custom CSS](https://swish.app/docs/guides/customize/appearance/css.md)
>
> Inject custom stylesheets into the Swish shadow DOM.

## Behavior and content

Tune how Swish behaves, what data it has access to, and what text it displays.

> [card] [Intents](https://swish.app/docs/guides/customize/intents.md)
>
> Configure save, unsave, and cart behavior.

> [card] [Transforms](https://swish.app/docs/guides/customize/transforms.md)
>
> Override how product, variant, and option data is rendered.

> [card] [Metafields](https://swish.app/docs/guides/customize/metafields.md)
>
> Preload Shopify metafields onto products and variants.

> [card] [Translations](https://swish.app/docs/guides/customize/translations.md)
>
> Customize text and translations for multi-language stores.

## Views

Configure the layout and sections of each screen inside the drawer.

> [card] [Views overview](https://swish.app/docs/guides/customize/views/overview.md)
>
> How views and sections work.

> [card] [Drawer](https://swish.app/docs/guides/customize/views/drawer.md)
>
> Header, footer, and navigation bar.

> [card] [Home](https://swish.app/docs/guides/customize/views/home.md)
>
> The default landing view.

> [card] [Saves](https://swish.app/docs/guides/customize/views/saves.md)
>
> All saved items in one view.

> [card] [Lists](https://swish.app/docs/guides/customize/views/lists.md)
>
> Customer lists overview.

> [card] [List detail](https://swish.app/docs/guides/customize/views/list-detail.md)
>
> A single list's items, in the drawer.

> [card] [Product detail](https://swish.app/docs/guides/customize/views/product-detail.md)
>
> Images, variants, and buy buttons.

> [card] [Orders](https://swish.app/docs/guides/customize/views/orders.md)
>
> Order history.

> [card] [Order detail](https://swish.app/docs/guides/customize/views/order-detail.md)
>
> Line items and order actions.

> [card] [Profile](https://swish.app/docs/guides/customize/views/profile.md)
>
> Customer profile view.

> [card] [Notifications](https://swish.app/docs/guides/customize/views/notifications.md)
>
> Notification feed.

> [card] [List detail page](https://swish.app/docs/guides/customize/views/list-detail-page.md)
>
> Dedicated wishlist page with a product grid.

## Placements

Control where Swish buttons appear on your store.

> [card] [Placements overview](https://swish.app/docs/guides/customize/placements/overview.md)
>
> How placements work.

> [card] [Header](https://swish.app/docs/guides/customize/placements/header.md)
>
> The Swish button in your store header.

> [card] [Collections](https://swish.app/docs/guides/customize/placements/collections.md)
>
> Save buttons on product cards.

> [card] [Product detail](https://swish.app/docs/guides/customize/placements/product-detail.md)
>
> Save button on the product detail page.

## More

> [card] [Full defaults](https://swish.app/docs/guides/customize/defaults.md)
>
> Copy-paste reference with every option and its default value.


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