# Staylime Docs ## Documentation - [Overview](https://staylime.com/docs/overview.md): Documentation for Staylime Shopify themes and apps. Setup guides, theme settings, sections, FAQ, and troubleshooting for Avante, Volume, and EU Energy Label. - [AI Assistants (MCP)](https://staylime.com/docs/ai-assistants-mcp.md): Connect Staylime documentation to AI assistants like Claude using the Model Context Protocol (MCP). Includes setup steps for Claude Chat and Claude Code CLI. - [Shopify resources for new merchants](https://staylime.com/docs/getting-started/shopify-resources-for-new-merchants.md): Essential Shopify documentation links for merchants getting started with a premium theme. - [How to use the Shopify theme editor](https://staylime.com/docs/theme-editor/how-to-use-the-shopify-theme-editor.md): Shopify theme editor guide: duplicate before editing, use the section inspector, fix the tablet-look zoom issue, undo with version history, and manage sections. - [How to update your Shopify theme](https://staylime.com/docs/theme-management/how-to-update-your-shopify-theme.md): A guide to update the theme to the latest version. - [Theme license & Transfer](https://staylime.com/docs/theme-management/theme-license-and-transfer.md): Everything you need to know about your Shopify theme license and transferring it to another store. - [Troubleshooting guide](https://staylime.com/docs/troubleshooting/troubleshooting-guide.md): Step-by-step guide to diagnose Shopify theme issues: disable apps to find conflicts, roll back code changes, and test with a fresh theme copy. - [Custom development services](https://staylime.com/docs/services/custom-development-services.md): Hire Staylime for custom Shopify development at $80/hour: layout changes, new features, app integrations, and store setup via contact form. - [Heading tags and SEO for your Shopify store](https://staylime.com/docs/seo/heading-tags-and-seo-for-your-shopify-store.md): Learn how HTML heading tags (H1–H6) affect SEO in Shopify: one H1 per page, maintain hierarchy, use keywords in headings, and avoid heading tags for styling. ## Avante themes - [Avante Themes Documentation](https://staylime.com/docs/avante-themes/avante-themes-documentation.md): Complete documentation for the Avante Shopify theme — setup, global sections, theme settings, templates, features, FAQ, and changelog for all five presets. - [Install & activate Avante](https://staylime.com/docs/avante-themes/getting-started/install-and-activate-avante.md): A guide to install Avante from your Shopify store - [Avante theme setup guide — where to start](https://staylime.com/docs/avante-themes/getting-started/avante-theme-setup-guide-where-to-start.md): Step-by-step checklist to set up your Avante store: branding, navigation layout, header and footer, homepage, product and collection pages, and final touches. - [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. - [Overview](https://staylime.com/docs/avante-themes/global-sections/overview.md): Avante global sections guide: header and navigation, sidebar layouts, footer, popups, and flyout panels that appear on every page of your store. - [Header & Navigation](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation.md): Configure Avante's header components: desktop and mobile headers, announcement bar, menu drawer, cart drawer, news drawer, breadcrumbs, and anchor links. - [Header](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/header.md): Set up the Avante desktop header: logo, main menu, mega menu dropdowns, search, account and cart icons, sticky and transparent modes. - [Mobile Header](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/mobile-header.md): Configure the Avante mobile header: logo, hamburger menu, search, cart icon, and mobile-specific navigation layout. - [Announcement bar](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/announcement-bar.md): Add a promotional bar above the header with rotating text, icons, images, countdown timers, and homepage or inner-page targeting. - [Menu Drawer](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/menu-drawer.md): Set up the Avante slide-out navigation drawer: multi-level menus, logo, social links, newsletter block, and overlap layout mode. - [Cart drawer](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/cart-drawer.md): Configure the slide-out cart drawer and success notification window. Most settings are in Theme Settings → Cart drawer. - [News drawer](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/news-drawer.md): Configure Avante's header components: desktop and mobile headers, announcement bar, menu drawer, cart drawer, news drawer, breadcrumbs, and anchor links. - [Anchor Link](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/anchor-link.md): Create invisible scroll targets for smooth in-page navigation using anchor links with custom fragment IDs. - [Breadcrumbs](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/breadcrumbs.md): Add a standalone breadcrumb trail section with custom colors and background — separate from the global breadcrumbs setting. - [Sidebar Navigation](https://staylime.com/docs/avante-themes/global-sections/sidebar-navigation.md): Set up Avante's sidebar navigation: persistent side panels replacing or supplementing the top header, including dual sidebar layout. - [Main Sidebar](https://staylime.com/docs/avante-themes/global-sections/sidebar-navigation/main-sidebar.md): Configure a persistent side navigation panel with multi-level menus, logo, search, and social icons as an alternative to the top header. - [Secondary Sidebar](https://staylime.com/docs/avante-themes/global-sections/sidebar-navigation/secondary-sidebar.md): Add a narrow vertical utility panel with logo, social links, and language selectors alongside the main sidebar for a dual sidebar layout. - [Footer group](https://staylime.com/docs/avante-themes/global-sections/footer-group.md): Sections inside the footer group: Footer layout and column settings, Popup modal for promotions, and Flyout slide-in panel. - [Footer](https://staylime.com/docs/avante-themes/global-sections/footer-group/footer.md): Set up the Avante site footer: multi-column grid with menus, text blocks, newsletter signup, social icons, and payment icons. - [Popup](https://staylime.com/docs/avante-themes/global-sections/footer-group/popup.md): Configure the Avante promotional popup: trigger by timer, scroll depth, or exit intent. Add newsletter signup, countdown timer, and promo codes. - [Flyout](https://staylime.com/docs/avante-themes/global-sections/footer-group/flyout.md): Set up the Flyout slide-in panel with a persistent tab, promo codes, countdown timers, and promotional content triggered by scroll depth. - [Overview](https://staylime.com/docs/avante-themes/sections/overview.md): Browse all Avante theme sections by category: banners, collections, products, media, content, call to action, trust, and layout utilities. - [Banners](https://staylime.com/docs/avante-themes/sections/banners.md): Browse all 10 banner sections in the Avante Shopify theme — hero banners, grids, galleries, scrolling layouts, and fullscreen product banners. - [Image Banner, Video Banner & Slideshow with Media](https://staylime.com/docs/avante-themes/sections/banners/image-banner-video-banner-and-slideshow-with-media.md): Set up Avante's hero sections — Image Banner, Video Banner, and Slideshow with Media: full-width or overlapping layouts, separate mobile images, overlays, and content positioning. - [Fullscreen Banner with Product](https://staylime.com/docs/avante-themes/sections/banners/fullscreen-banner-with-product.md): A fullscreen hero banner with an embedded product card and scroll animations — parallax, zoom, and sticky effects for immersive product showcases. - [Scrolling Promotion](https://staylime.com/docs/avante-themes/sections/banners/scrolling-promotion.md): A continuously scrolling ticker bar with text, images, and links. Configurable speed, direction, and hover pause for promotional messages. - [Call to Action](https://staylime.com/docs/avante-themes/sections/call-to-action.md): Contact forms and newsletter signup sections in the Avante Shopify theme — collect customer inquiries and grow your email list. - [Collections](https://staylime.com/docs/avante-themes/sections/collections.md): Display and promote your Shopify collections with 10 layout options — grids, tabs, editorial cards, new arrivals, and related collections. - [Content / Text](https://staylime.com/docs/avante-themes/sections/content-text.md): Text and content sections in the Avante Shopify theme — rich text, blog posts, FAQ tabs, event listings, and interactive link lists. - [Layout](https://staylime.com/docs/avante-themes/sections/layout.md): Utility and layout sections — anchor links for in-page navigation, custom code blocks, spacing controls, and visual dividers. - [Media](https://staylime.com/docs/avante-themes/sections/media.md): Visual and media sections in the Avante theme — image grids, comparison sliders, shoppable stories, video embeds, hotspot images, and text-media layouts. - [Image with Hotspots](https://staylime.com/docs/avante-themes/sections/media/image-with-hotspots.md): Add interactive clickable hotspots to product or lifestyle images — visitors click a dot to see product details, descriptions, or links. - [Products](https://staylime.com/docs/avante-themes/sections/products.md): Product display sections — featured products, recommendations, recently viewed items, and curated product selections for any page. - [Trust & Social Proof](https://staylime.com/docs/avante-themes/sections/trust-and-social-proof.md): Build trust with Icons with Text for USP bars, Logo Slider for partner and press logos, and Testimonials for customer reviews and quotes. - [Testimonials](https://staylime.com/docs/avante-themes/sections/trust-and-social-proof/testimonials.md): Display customer testimonials and quotes as a styled slider or grid — with author photos, star ratings, and customizable card layouts. - [Overview](https://staylime.com/docs/avante-themes/templates/overview.md): Templates define the layout of each page type in your store. Create multiple templates to give different products or pages a completely different structure. - [Default product](https://staylime.com/docs/avante-themes/templates/default-product.md): The Default product template controls the layout and content blocks of every product page in your store — gallery, buy area, and everything below. - [Default collection](https://staylime.com/docs/avante-themes/templates/default-collection.md): The Default collection template controls the product grid, filters, and card layout for every collection page in your store. - [Search template](https://staylime.com/docs/avante-themes/templates/search-template.md): The Search template powers your store's /search page, displaying products, collections, pages, and blog posts that match a customer's query. - [Overview](https://staylime.com/docs/avante-themes/features-and-advanced-setup/overview.md): Advanced Avante features: mega menu, transparent header, linked products, variant media, store selector, countdown timers, filters, and RTL support. - [Transparent header](https://staylime.com/docs/avante-themes/features-and-advanced-setup/transparent-header.md): Set up transparent navigation and control the sidebar hover background. - [Variant images vs Color Swatches](https://staylime.com/docs/avante-themes/features-and-advanced-setup/variant-images-vs-color-swatches.md): Compare Avante's two color display methods — variant images (thumbnails) vs color swatches (circles) — with setup steps and troubleshooting tips. - [Linked Products](https://staylime.com/docs/avante-themes/features-and-advanced-setup/linked-products.md): Set up linked products for related variants or products. - [Mega menu & Hover mega menu](https://staylime.com/docs/avante-themes/features-and-advanced-setup/mega-menu-and-hover-mega-menu.md): Set up Mega menu and Hover mega menu in Avante: column-based link layouts with promotional banners, dropdown link matching, and per-item hover banners. - [Display only media related to chosen variant](https://staylime.com/docs/avante-themes/features-and-advanced-setup/display-only-media-related-to-chosen-variant.md): Show only images matching the selected color variant in Avante by tagging image alt text with color names and enabling the filter in the Theme Editor. - [Store Selector](https://staylime.com/docs/avante-themes/features-and-advanced-setup/store-selector.md): Let customers pick a retail or warehouse location in Avante and see real-time pickup availability on collection and product pages. - [Gift wrapping](https://staylime.com/docs/avante-themes/features-and-advanced-setup/gift-wrapping.md): Set up gift wrapping in Avante: pick a wrap product, keep its price out of the free shipping bar, and let customers add it at checkout. - [Filters & search](https://staylime.com/docs/avante-themes/features-and-advanced-setup/filters-and-search.md): Configure collection filters in Avante with the Search & Discovery app, choose filter layouts, enable swatches, and customize predictive search. - [Complementary products](https://staylime.com/docs/avante-themes/features-and-advanced-setup/complementary-products.md): Add a hand-picked "Pairs well with" block to Avante product pages using Shopify Search & Discovery — cross-sell related items and lift your average order value. - [Product subtitle (short description)](https://staylime.com/docs/avante-themes/features-and-advanced-setup/product-subtitle.md): Product subtitle adds a secondary line of text to product pages and collection cards — set it up once as a metafield, then fill it in per product. - [Product badges](https://staylime.com/docs/avante-themes/features-and-advanced-setup/product-badges.md): Product badges highlight key product states — Sale, Sold out, Pre-order — and let you add custom labels like "New" or "Bestseller" via a metafield. - [RTL support — Right-to-left languages in Avante](https://staylime.com/docs/avante-themes/features-and-advanced-setup/rtl-support.md): Avante fully supports RTL languages like Arabic and Hebrew out of the box. All sections mirror automatically — no custom code needed. Available since v8.0.0. - [Overview](https://staylime.com/docs/avante-themes/faq/overview.md): Browse frequently asked questions about the Avante Shopify theme organized by topic: setup, navigation, products, localization, performance, and design. - [Theme setup](https://staylime.com/docs/avante-themes/faq/theme-setup.md): Answers to common questions about installing, updating, and configuring Avante for the first time. - [What's the difference between Adelle, Bloop, Ariste, Vortex, and Avante?](https://staylime.com/docs/avante-themes/faq/theme-setup/whats-the-difference-between-adelle-bloop-ariste-vortex-and-avante.md): Adelle, Bloop, Ariste, Vortex, and Avante are style presets within one theme, not separate products. Switch between them in Theme settings → Theme style. - [My theme settings reset after an update — what happened?](https://staylime.com/docs/avante-themes/faq/theme-setup/my-theme-settings-reset-after-an-update-what-happened.md): Minor updates preserve settings, but major Avante updates can reset colors, fonts, and layouts due to structural changes. Products and menus are never affected. - [Can I use custom fonts?](https://staylime.com/docs/avante-themes/faq/theme-setup/can-i-use-custom-fonts.md): Use custom fonts in Avante: pick from Google Fonts in Theme settings → Typography (no code needed), or upload a WOFF/WOFF2 file with a small code edit. - [Fonts not displaying in Safari or Firefox](https://staylime.com/docs/avante-themes/faq/theme-setup/fonts-not-displaying-in-safari-or-firefox.md): After Avante v14, fonts may revert to defaults in Safari and Firefox due to a CSS error in font-variables.liquid. Update the theme or apply the fix. - [How to remove "Powered by Shopify" from the footer](https://staylime.com/docs/avante-themes/faq/theme-setup/how-to-remove-powered-by-shopify-from-the-footer.md): Hide the "Powered by Shopify" link in Avante using Custom CSS — the most reliable method. Also covers editing theme code as an alternative. - ["Failed to load the page" in Shopify Theme Editor — how to fix](https://staylime.com/docs/avante-themes/faq/theme-setup/failed-to-load-the-page-in-shopify-theme-editor-how-to-fix.md): Fix the "Failed to load the page" error in the Shopify Theme Editor with the Avante theme. Common causes: Preload links on hover setting, VPN or proxy, multiple people editing at the same time. - [How do I change button colors and hover style?](https://staylime.com/docs/avante-themes/faq/theme-setup/how-do-i-change-button-colors-and-hover-style.md): Button colors, hover state, and shape are controlled in Theme settings — here's where to find each setting. - [Navigation](https://staylime.com/docs/avante-themes/faq/navigation.md): Answers to common questions about setting up menus, dropdowns, mega menu, and header behavior in Avante. - [Mega menu isn't working / dropdowns won't open](https://staylime.com/docs/avante-themes/faq/navigation/mega-menu-isnt-working-dropdowns-wont-open.md): Fix Avante mega menu issues: the Dropdown link field must exactly match a navigation menu item name and must not be translated by localization apps. - [How do I create nested / dropdown menus?](https://staylime.com/docs/avante-themes/faq/navigation/how-do-i-create-nested-dropdown-menus.md): Create nested dropdown menus in Avante by dragging menu items under a parent in Shopify Admin → Content → Menus. The theme supports up to 3 levels. - [Transparent header isn't working](https://staylime.com/docs/avante-themes/faq/navigation/transparent-header-isnt-working.md): Transparent navigation in Avante needs two settings: the global toggle in Theme settings → Appearance, and the first section set to "Overlap by navigation." - [On mobile, tapping a parent menu item navigates away instead of expanding the submenu](https://staylime.com/docs/avante-themes/faq/navigation/on-mobile-tapping-a-parent-menu-item-navigates-away-instead-of-expanding-the-submenu.md): By default, tapping menu text navigates and tapping the arrow expands. Use a CSS snippet to disable parent-link navigation on mobile in Avante. - [Pages & templates](https://staylime.com/docs/avante-themes/faq/pages-and-templates.md): Create and manage pages in the Avante Shopify theme: custom page templates, About Us and FAQ pages, and fixes for templates not showing in Shopify Admin. - [How do I create a new page with a custom template?](https://staylime.com/docs/avante-themes/faq/pages-and-templates/how-do-i-create-a-new-page-with-a-custom-template.md): Build unique page layouts in the Avante Shopify theme: create a custom page template, assign it to any page, and add it to your navigation menu. - [How do I create an About Us page and add it to my menu?](https://staylime.com/docs/avante-themes/faq/pages-and-templates/how-do-i-create-an-about-us-page-and-add-it-to-my-menu.md): Create an About Us page in the Avante Shopify theme: assign the ready-made about template, add your story, and link it in your navigation menu. - [How do I create a FAQ page with expandable questions?](https://staylime.com/docs/avante-themes/faq/pages-and-templates/how-do-i-create-a-faq-page-with-expandable-questions.md): Create a FAQ page in Avante: add a new page in Shopify Admin, assign the FAQ template, then add Collapsible tabs in the Theme Editor for expandable Q\&A blocks. - [A page template isn't showing in the Shopify Admin dropdown](https://staylime.com/docs/avante-themes/faq/pages-and-templates/a-page-template-isnt-showing-in-the-shopify-admin-dropdown.md): Shopify Admin only shows templates from the published (Live) theme. Templates created in a draft theme won't appear — create them in the live theme instead. - [Products & variants](https://staylime.com/docs/avante-themes/faq/products-and-variants.md): Answers to common product and variant questions in Avante: color swatches, linked products, unavailable variants, Quick View demo text, and more. - [Products show as sold out or unavailable on the live store](https://staylime.com/docs/avante-themes/faq/products-and-variants/products-show-as-sold-out-or-unavailable-on-the-live-store.md): Products look in stock in the Shopify editor but show as sold out on your live store? Fix it via Markets, shipping zones, locations, and variants. - [How do I show color swatches?](https://staylime.com/docs/avante-themes/faq/products-and-variants/how-do-i-show-color-swatches.md): Enable color swatches in Avante: go to Theme settings → Variant selector → Color pills, enter your variant label name, and pick Swatch or Image style. - [Why aren't my collection filters showing up?](https://staylime.com/docs/avante-themes/faq/products-and-variants/why-arent-my-collection-filters-showing-up.md): Collection filters in Avante require the free Shopify Search & Discovery app. Install it, configure filters in its settings, and they appear automatically. - [How do I set up Linked Products?](https://staylime.com/docs/avante-themes/faq/products-and-variants/how-do-i-set-up-linked-products.md): Set up Linked Products in Avante to display separate products as color swatches on the product page, letting each color appear individually on collection pages. - [How do I show different content per product?](https://staylime.com/docs/avante-themes/faq/products-and-variants/how-do-i-show-different-content-per-product.md): Display product-specific size charts, care instructions, or material notes in Avante using metafield-driven collapsible tabs and pop-up blocks. - [How to edit or remove demo text from Quick View?](https://staylime.com/docs/avante-themes/faq/products-and-variants/how-to-edit-or-remove-demo-text-from-quick-view.md): Quick View placeholder text lives in the Products → quick-view template in the Theme Editor. Open it and edit or delete the demo blocks directly. - [Can I add a wishlist?](https://staylime.com/docs/avante-themes/faq/products-and-variants/can-i-add-a-wishlist.md): Avante has no built-in wishlist — a wishlist needs server-side customer data, which themes can't store. Add one with a Shopify wishlist app like Wishlist Plus or Growave. - [Performance](https://staylime.com/docs/avante-themes/faq/performance.md): Performance-related FAQ for Avante: store speed optimization, unresponsive checkout buttons, and recommended image and video sizes. - [Store speed & PageSpeed optimization](https://staylime.com/docs/avante-themes/faq/performance/store-speed-and-pagespeed-optimization.md): Optimize Avante store speed: limit apps, compress images and videos, reduce redirects, and learn why a perfect 100 PageSpeed score isn't possible on Shopify. - [Image & video size recommendations](https://staylime.com/docs/avante-themes/faq/performance/image-and-video-size-recommendations.md): Recommended image and video sizes for the Avante theme: high-res but compressed images, portrait mobile images for banners, and light, short videos to keep your store fast. - [Developer docs](https://staylime.com/docs/avante-themes/developer/developer-docs.md): Avante developer reference: bundled libraries (GSAP, Masonry, Fitty), CSS/JS architecture, custom code hooks, theme events, and layout calculations. - [Avante release notes](https://staylime.com/docs/avante-themes/changelog/avante-release-notes.md): This page tracks all updates to the Avante theme — new features, improvements, and bug fixes. - [Avante 15.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-15.0.0.md): Avante 15.0.0 release notes — introduces the Ariste preset, fullscreen banner with product section, video reels slideshow, and inline image reveal. - [Avante 14.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-14.0.0.md): This update brings a redesigned Bloop preset, gradient headings, scalable fonts, and cascade animations across all drawers. - [Avante 13.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-13.0.0.md): This update introduces the Fairmont preset, edge-to-edge layout controls, cascade animations across drawers, and improved filter options. - [Avante 12.2.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-12.2.0.md): Avante 12.2.0 release notes — introduces a hover-triggered mega menu for desktop-first navigation with per-item banners and multi-column layouts. - [Avante 12.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-12.0.0.md): Avante 12.0.0 release notes — introduces the Adelle preset, five new sections including Banner gallery and Logo slider, and discount codes in the cart drawer. - [Avante 11.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-11.0.0.md): This update adds the Panorama preset, custom typography control, breadcrumbs, and color blending for product cards. - [Avante 9.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-9.0.0.md): This update introduces the Store Selector, page fade-in effect, and faster navigation with link preloading. - [Avante 8.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-8.0.0.md): This update brings transparent mobile header, support for up to 2048 variants, product card sliders, and full RTL support. - [Avante 7.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-7.0.0.md): This update introduces the Events section, Mega menu drawer layout, and countdown timers on product pages. - [Avante 6.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-6.0.0.md): This update adds a free shipping progress bar, countdown timers in banners, and the ability to highlight menu items. - [Avante 5.2.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-5.2.0.md): This update adds a sticky Add to Cart button and accelerated checkout buttons on product pages. - [Avante 5.1.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-5.1.0.md): This update introduces an Ask a Question contact form block on product pages. - [Avante 5.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-5.0.0.md): This update adds visual filter types — color swatches and image filters — for collection pages. - [Avante 4.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-4.0.0.md): This update introduces the Pre-order template, Combined Listings support, and linked products for color variants. - [Avante 3.0.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-3.0.0.md): This update adds linked products for color variants and horizontal filter layout. - [Avante 1.4.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-1.4.0.md): This update adds a Popup section, Age verification, and EU language translations. - [Avante 1.2.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-1.2.0.md): This update introduces the Image comparison and Image with hotspots sections. - [Avante 1.1.0](https://staylime.com/docs/avante-themes/changelog/avante-release-notes/avante-1.1.0.md): This update adds flexible filter layouts and infinite scroll for collection pages. ## Volume themes - [Volume Themes Documentation](https://staylime.com/docs/volume-themes/volume-themes-documentation.md): Complete documentation for the Volume Shopify theme — setup, navigation, product pages, collections, filters, advanced features, and troubleshooting. - [Install & activate Volume](https://staylime.com/docs/volume-themes/getting-started/install-and-activate-volume.md): Three ways to get Volume on your Shopify store — trial, purchase, or manual upload. - [Colors](https://staylime.com/docs/volume-themes/theme-settings/colors.md): Manage colors in Volume using Shopify's Color schemes system — up to 21 schemes applied at section, element, or block level for granular branding control. - [Typography](https://staylime.com/docs/volume-themes/theme-settings/typography.md): Adjust Volume typography: use the Base size slider for quick scaling, or set individual heading sizes for desktop and mobile with granular controls. - [Layout](https://staylime.com/docs/volume-themes/theme-settings/layout.md): Configure Volume layout: set page margins, section spacing, and choose between three grid variations with full-width toggles, max widths, and gap controls. - [Variant Picker](https://staylime.com/docs/volume-themes/theme-settings/variant-picker.md): Configure Volume variant display: choose from dropdown, pill, color swatch, or variant image styles with two layout options and adjustable input sizes. - [Product Card](https://staylime.com/docs/volume-themes/theme-settings/product-card.md): Global Volume product card settings: variant price updates on swatch click, pills for variants and linked products, sizes display, and media filtering. - [Collection Card](https://staylime.com/docs/volume-themes/theme-settings/collection-card.md): Choose between two Volume collection card styles — title below or overlay — and configure media ratio, focal point, product count, and arrow display. - [Filter Swatches](https://staylime.com/docs/volume-themes/theme-settings/filter-swatches.md): Set up filter display on Volume collection pages: checkbox, pill, color swatch, or thumbnail styles with two layout options. Requires Search & Discovery. - [Product Badges](https://staylime.com/docs/volume-themes/theme-settings/product-badges.md): Set up Volume product badges: three defaults (Sale, Sold out, Preorder) plus up to four custom badges via a custom.badge metafield with custom colors. - [Header & Menu Styles](https://staylime.com/docs/volume-themes/navigation/header-and-menu-styles.md): Configure the Volume header: choose from six desktop layouts, four menu styles (burger, single, two menus, smart category), and enable sticky header behavior. - [Smart Category Menu](https://staylime.com/docs/volume-themes/navigation/smart-category-menu.md): Set up Volume's smart category menu for stores with 2–4 categories: create landing pages, assign menus per category, and link products via metafields. - [Mega Menu](https://staylime.com/docs/volume-themes/navigation/mega-menu.md): Set up expanded dropdown menus with banners in the Volume header: add a Mega menu block per item, configure columns, dividers, and promotional banners. - [Menu Drawer](https://staylime.com/docs/volume-themes/navigation/menu-drawer.md): Configure the Volume menu drawer: choose a menu, set pinned blocks (language, buttons, account), and add menu item images for non-collection navigation items. - [Announcement Bar & Footer](https://staylime.com/docs/volume-themes/navigation/announcement-bar-and-footer.md): Set up the Volume announcement bar (slider, menu, selectors on desktop) and footer section (3–4 column grid, newsletter, social links, bottom bar styles). - [Breadcrumbs](https://staylime.com/docs/volume-themes/navigation/breadcrumbs.md): Configure breadcrumb navigation in Volume: understand how products link to collections, how Shopify assigns canonical URLs, and avoid duplicate content issues. - [Product Page](https://staylime.com/docs/volume-themes/products/product-page.md): Configure Volume product page layout: choose media display (grid, stack, gallery, slideshow), set media width, and pick from four pre-built product templates. - [Color Swatches](https://staylime.com/docs/volume-themes/products/color-swatches.md): Set up color swatches in Volume using native Shopify category metafields, custom HEX values in Theme settings, or uploaded PNG swatch images. - [Inventory Status](https://staylime.com/docs/volume-themes/products/inventory-status.md): Configure Volume's stock level indicator: availability labels, inventory transfer notices, percentage bar with thresholds, and colors for stock states. - [Size Guide](https://staylime.com/docs/volume-themes/products/size-guide.md): Add a size guide to Volume product pages: use a custom.size\_guide metafield for per-product content, or link to shared size info pages via a product metafield. - [Quick View & Pre-order templates](https://staylime.com/docs/volume-themes/products/quick-view-and-pre-order-templates.md): Configure Volume Quick View popup and Pre-order template: edit the quick-view template in the Theme Editor and assign pre-order via product settings. - [Product Cards](https://staylime.com/docs/volume-themes/products/product-cards.md): Configure Volume product cards: hover effects, price position, quick buy, vendor logo, subtitle metafield, and design options like color scheme and grid. - [Display Only Media Related to the Chosen Variant](https://staylime.com/docs/volume-themes/products/display-only-media-related-to-the-chosen-variant.md): Filter the Volume product gallery by selected variant: add the color name in parentheses to each image's alt text to link it to that variant. - [Linked Products](https://staylime.com/docs/volume-themes/products/linked-products.md): Connect separate products and display them as clickable color swatches on the product page. Each color gets its own product card on Collection pages. - [Custom options](https://staylime.com/docs/volume-themes/products/custom-options.md): Add custom product options in Volume (v3.0+) without apps: text fields, checkboxes, dropdowns, date pickers, file uploads, color pickers, and more. - [Collection page](https://staylime.com/docs/volume-themes/collections/collection-page.md): Customize Volume collection pages: combine collection banners with product grids, add subcollections via metafields, and create dynamic category navigation. - [Product Grid & Filtering](https://staylime.com/docs/volume-themes/collections/product-grid-and-filtering.md): Set up the Volume product grid: columns switcher, pagination, drawer/vertical/horizontal filters, and native Shopify color swatches support. - [Collection Card](https://staylime.com/docs/volume-themes/collections/collection-card.md): Choose between two Volume collection card styles: title below media or title overlay. Adjust media ratio, focal point, and color scheme. - [Image Grid](https://staylime.com/docs/volume-themes/advanced-features/image-grid.md): Create a photo gallery in Volume using the Image Grid section: set up a custom.gallery page metafield, upload images, and connect the page to the section. - [Store Selector](https://staylime.com/docs/volume-themes/advanced-features/store-selector.md): Set up Volume's Store Selector for multi-location stores: add locations, enable header integration, and show pickup availability on product cards. - [Icons](https://staylime.com/docs/volume-themes/advanced-features/icons.md): Browse Volume's built-in library of 300+ icons (Icons8), copy icon URLs, and customize size, color, and position within buttons and sections. ## Theme Companion - [Overview](https://staylime.com/docs/theme-companion/getting-started/overview.md): Update, extend, and style your Shopify theme. - [Supported themes](https://staylime.com/docs/theme-companion/getting-started/supported-themes.md): Which themes each module works with. - [Changelog](https://staylime.com/docs/theme-companion/getting-started/changelog.md): What's new in Theme Companion. - [How theme updates work](https://staylime.com/docs/theme-companion/theme-updates/how-theme-updates-work.md): What happens when you update a theme with Theme Companion, and why your live store stays safe throughout. - [Theme Companion and Shopify's built-in updates](https://staylime.com/docs/theme-companion/theme-updates/shopify-built-in-updates.md): What Shopify's built-in theme update does with your customizations, what Theme Companion does differently, and what changes after your first update with the app. - [Understanding your update summary](https://staylime.com/docs/theme-companion/theme-updates/understanding-your-update-summary.md): What the update summary shows, and how to choose your way forward. - [Resolving conflicts](https://staylime.com/docs/theme-companion/theme-updates/resolving-conflicts.md): How to read the conflict screen and decide what happens to each change. - [When conflicts get hard](https://staylime.com/docs/theme-companion/theme-updates/when-conflicts-get-hard.md): What to do when the resolve buttons aren't enough. - [Fixing rejected files](https://staylime.com/docs/theme-companion/theme-updates/fixing-rejected-files.md): What it means when Shopify rejects a file during the update, and how to fix it. - [Get expert help](https://staylime.com/docs/theme-companion/theme-updates/get-expert-help.md): Have the Staylime team complete the update for you, at a fixed price. - [Adding sections](https://staylime.com/docs/theme-companion/sections/adding-sections.md): Add ready-made sections to any Online Store 2.0 theme and customize them in the Theme Editor. - [Managing fonts](https://staylime.com/docs/theme-companion/fonts/managing-fonts.md): Add custom fonts or Google Fonts and apply them to your theme — no code editing required. - [Terms of Service](https://staylime.com/docs/theme-companion/legal/terms-of-service.md): Terms of Service for the Theme Companion app. - [Privacy Policy](https://staylime.com/docs/theme-companion/legal/privacy-policy.md): How Theme Companion handles your store's data. - [Support Policy](https://staylime.com/docs/theme-companion/legal/support-policy.md): How Theme Companion support works and what it covers. ## EU Energy Label - [Overview](https://staylime.com/docs/energy-label/overview.md): EU Energy Label Shopify app by Staylime — display official energy badges and product datasheets to comply with EU Regulation 2017/1369. - [Getting started](https://staylime.com/docs/energy-label/getting-started.md): Quickly set up the app and see it in action. This guide walks you through installation, localization, theme setup, and assigning your first EPREL numbers. - [Advanced setup](https://staylime.com/docs/energy-label/advanced-setup.md): Display EU energy badges on collection pages, search results, and cart — help customers preview energy info and stay compliant with EU regulations. - [Variants Support](https://staylime.com/docs/energy-label/advanced-setup/variants-support.md): Display variant-specific EU energy labels, badges, and product sheets that update when the customer selects a different product option. - [Manual Efficiency Class for Legacy Products](https://staylime.com/docs/energy-label/advanced-setup/manual-efficiency-class-for-legacy-products.md): Display EU energy labels for older products not in the EPREL database by filling in Energy Class, label image, and product sheet metafields manually. - [Multiple EPREL Numbers & Titles](https://staylime.com/docs/energy-label/advanced-setup/multiple-eprel-numbers-and-titles.md): Show multiple energy class badges on one product page for bundles or appliance sets by entering comma-separated EPREL numbers with custom titles. - [FAQ](https://staylime.com/docs/energy-label/faq.md): Use this FAQ to find quick answers about EPREL numbers, energy labels, product sheets, variants, Google Shopping, and theme support. ## Help Center - [Help Center](https://staylime.com/docs/help-center/readme.md): Contact Staylime support, browse FAQs on licensing, refunds, GDPR, and customization services. Find support hours, theme resources, and documentation updates. ## Policies - [Site Policy on Staylime](https://staylime.com/docs/policies/site-policy-on-staylime.md): Legal policies and terms for Staylime's Shopify themes and apps. - [Terms of Service](https://staylime.com/docs/policies/legal/terms-of-service.md): Staylime's Terms of Service governing use of its services — liability limits, indemnification, and as-is warranty disclaimers for merchants. - [Refund Policy](https://staylime.com/docs/policies/legal/refund-policy.md): Staylime's refund policy for theme licenses sold through the Shopify Theme Store — all purchases are final and non-refundable unless otherwise stated. - [Support Policy](https://staylime.com/docs/policies/legal/support-policy.md): Staylime's support policy for theme merchants — what's covered and excluded, ticket-only support hours (Mon–Fri, 9 AM–6 PM CET), and response times. - [Privacy policy](https://staylime.com/docs/policies/legal/privacy-policy.md): Staylime's privacy policy for the EU Energy Label Shopify app — what personal data is collected, how it's used, and merchants' rights and contact details. --- # 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, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on a page URL with the `ask` query parameter: ``` GET https://staylime.com/docs/overview.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.