> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/theme-settings.md). # Theme Settings - [Overview](https://staylime.com/docs/avante-themes/theme-settings/overview.md): Avante theme settings reference: appearance, colors, typography, variant selector, product cards, cart behavior, and store-wide options in one place. - [Appearance](https://staylime.com/docs/avante-themes/theme-settings/appearance.md): Set your store's navigation layout, global spacing, and visual structure — from classic header-based to editorial sidebar-based layouts. - [Colors](https://staylime.com/docs/avante-themes/theme-settings/colors.md): Define your store's color palette — from layout and typography to buttons, overlays, and pickup availability indicators. - [Typography](https://staylime.com/docs/avante-themes/theme-settings/typography.md): Select fonts and typography presets that define your store's visual voice — from minimal single-font layouts to expressive multi-font pairings. - [Custom typography preset](https://staylime.com/docs/avante-themes/theme-settings/typography/custom-typography-preset.md): Full control over every individual text style — font, size, weight, and spacing — independently for each heading and body level. - [Navigation](https://staylime.com/docs/avante-themes/theme-settings/navigation.md): Configure the burger menu icon and mobile drawer style. Menu structure (items, links, nesting) is set in Shopify Admin → Content → Menus. - [Shapes](https://staylime.com/docs/avante-themes/theme-settings/shapes.md): Set global border thickness and corner radius for buttons, inputs, cards, and other UI elements in your Avante store. Ranges from sharp to fully rounded. - [Animation](https://staylime.com/docs/avante-themes/theme-settings/animation.md): Control animation speed, image reveal effects, and page transitions to match your store's pace — from instant and minimal to smooth and editorial. - [Variant selector](https://staylime.com/docs/avante-themes/theme-settings/variant-selector.md): Controls how product variants and color options are displayed on product pages and collection cards. - [Filter swatches](https://staylime.com/docs/avante-themes/theme-settings/filter-swatches.md): Controls how color and image swatches appear in collection filters. Applies to both regular color swatches and swatches set up through Metaobjects. - [Product card](https://staylime.com/docs/avante-themes/theme-settings/product-card.md): Controls how product cards look and behave across collection pages, search results, and featured product sections. - [Quick search](https://staylime.com/docs/avante-themes/theme-settings/quick-search.md): Configure the search overlay — result layout, popular search links, and the connection to Shopify's Search & Discovery app. - [Product badges](https://staylime.com/docs/avante-themes/theme-settings/product-badges.md): Configure Sale, Sold out, and custom product badges in Avante — set colors, text, and add labels like "New" or "Bestseller" via metafields. - [Cart](https://staylime.com/docs/avante-themes/theme-settings/cart.md): Configure cart behavior, post-add actions, free shipping bar, and consent checkbox — everything between "add to cart" and checkout. - [Cart drawer](https://staylime.com/docs/avante-themes/theme-settings/cart-drawer.md): Configure the cart drawer content — product recommendations, discount codes, order notes, and shipping calculator. - [Currency format](https://staylime.com/docs/avante-themes/theme-settings/currency-format.md): Control whether the currency code (USD, EUR, GBP) appears next to prices in the cart and checkout. Useful for stores selling in a single currency. - [Favicon](https://staylime.com/docs/avante-themes/theme-settings/favicon.md): Upload a custom favicon for your Shopify store — the small icon displayed in browser tabs, bookmarks, and mobile home screens. Recommended size: 32×32px PNG. - [Social media](https://staylime.com/docs/avante-themes/theme-settings/social-media.md): Add social sharing buttons to product pages and connect your store's social media accounts. - [Breadcrumbs](https://staylime.com/docs/avante-themes/theme-settings/breadcrumbs.md): Show the navigation path on product and collection pages (e.g. Home → Collections → Product). Helps customers orient themselves and improves SEO. - [Copy protection](https://staylime.com/docs/avante-themes/theme-settings/copy-protection.md): Enable copy protection in Avante to disable right-click and text selection on your storefront. Deters casual copying of product descriptions and images. - [Gift card](https://staylime.com/docs/avante-themes/theme-settings/gift-card.md): Customize the gift card page image and learn about gift card template limitations and troubleshooting. - [Custom CSS](https://staylime.com/docs/avante-themes/theme-settings/custom-css.md): Add custom CSS styles that apply across your entire store without editing theme files directly. - [Theme style](https://staylime.com/docs/avante-themes/theme-settings/theme-style.md): Switch between pre-built style presets that combine all theme settings into a ready-made visual look. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://staylime.com/docs/avante-themes/theme-settings.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.