Skip to main content
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.

Design

Customize colors, fonts, and styling to match your brand.

Icons

Replace built-in icons with custom SVGs.

Custom CSS

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.

Intents

Configure save, unsave, and cart behavior.

Transforms

Override how product, variant, and option data is rendered.

Metafields

Preload Shopify metafields onto products and variants.

Translations

Customize text and translations for multi-language stores.

Views

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

Views overview

How views and sections work.

Drawer

Header, footer, and navigation bar.

Home

The default landing view.

Saves

All saved items in one view.

Lists

Customer lists overview.

List detail

A single list’s items, in the drawer.

Product detail

Images, variants, and buy buttons.

Orders

Order history.

Order detail

Line items and order actions.

Profile

Customer profile view.

Notifications

Notification feed.

List detail page

Dedicated wishlist page with a product grid.

Placements

Control where Swish buttons appear on your store.

Placements overview

How placements work.

Header

The Swish button in your store header.

Collections

Save buttons on product cards.

Product detail

Save button on the product detail page.

More

Full defaults

Copy-paste reference with every option and its default value.