> 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/sections/products.md). # Products Product display sections — featured products, recommendations, recently viewed items, build-your-own bundles, and curated product selections for any page. Nine sections for displaying products outside of collection pages — curated picks, AI-powered recommendations, recently viewed items, a build-your-own bundle builder, a wholesale order table, a single product with its own full buy area, and a standalone product detail block you can place on any page. *** ### Section overview | Section | Page | What it does | | ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | | Products with Sticky Content | [Products with Sticky Content & Selected Products](/docs/avante-themes/sections/products/products-with-sticky-content-and-selected-products.md) | Product slider with a sticky content block — heading, description, and CTA alongside a scrollable product row | | Selected Products | [Products with Sticky Content & Selected Products](/docs/avante-themes/sections/products/products-with-sticky-content-and-selected-products.md) | Hand-picked product grid with individually chosen products (not tied to a collection) | | Product Recommendations | [Product Recommendations & Cart Recommendations](/docs/avante-themes/sections/products/product-recommendations-and-cart-recommendations.md) | AI-powered product suggestions based on the current product page | | Cart Recommendations | [Product Recommendations & Cart Recommendations](/docs/avante-themes/sections/products/product-recommendations-and-cart-recommendations.md) | Product suggestions in the cart based on the items already added | | Recently Viewed Products | [Recently Viewed Products & Product Details](/docs/avante-themes/sections/products/recently-viewed-products-and-product-details.md) | Automatic feed of products the visitor has recently browsed | | Featured product | [Featured product](/docs/avante-themes/sections/products/featured-product.md) | One chosen product with its gallery, variant selector and Add to cart, on any page that is not a product page | | Product details | [Product details](/docs/avante-themes/sections/products/product-details.md) | The section below the buy area — description, a specification table built from metafields, and collapsible tabs | | Product bundle | [Product bundle](/docs/avante-themes/sections/products/product-bundle.md) | Build-your-own bundle across collection tabs, with a running summary and a discount preview that unlocks at a minimum quantity | | Quick order list | [Quick order list](/docs/avante-themes/sections/products/quick-order-list.md) | Every variant of one product in a single table with quantity boxes, stock, prices and a running subtotal | *** ### Quick decision guide **Curating specific products manually?** → Selected Products — pick individual products regardless of collection. Products with Sticky Content for a slider layout with a sticky content sidebar. **Want automated product suggestions?** → Product Recommendations on product pages (Shopify AI-powered). Cart Recommendations in the cart for cross-sell and upsell. **Showing browsing history?** → Recently Viewed Products — displays products the visitor has looked at during their session. **Need a full buy area outside the product template?** → Featured product — one chosen product with its gallery, variant selection and Add to cart, placed on a home page or a landing page. **Need the description, specifications and tabs below the buy area?** → Product Details — the long-form half of the product page, kept out of the buy area so the Add to cart button stays near the top. **Selling kits, routines or mix-and-match packs?** → Product bundle — shoppers build their own set from your collections and watch the discount unlock as the bundle fills. **Selling wholesale, size runs or anything ordered by the case?** → Quick order list — one row per variant with its own quantity box, so a buyer places a multi-variant order without leaving the page. *** ### Shared features Product sections share card settings (image ratio, hover behavior, quick view, color swatches, vendor, rating), mobile layout options (columns, navigation), and section heading controls. The card's **Enable 'Quick view' button** opens the pop-up built by the [Quick view](/docs/avante-themes/templates/quick-view.md) template. --- # 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 by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://staylime.com/docs/avante-themes/sections/products.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. 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.