# Triumph ## Docs - [Welcome & Getting Started](https://mpithemes.gitbook.io/triumph/welcome-and-getting-started.md) - [Header](https://mpithemes.gitbook.io/triumph/header/header.md): Use the settings from the current section to build the Header as required. - [Main navigation](https://mpithemes.gitbook.io/triumph/header/header/main-navigation.md): Configure the main menu displayed in the Header. - [Tab navigation](https://mpithemes.gitbook.io/triumph/header/header/tab-navigation.md): Configure a tabbed header navigation with separate menus for each tab. - [Topline](https://mpithemes.gitbook.io/triumph/header/header/topline.md): The current section includes settings and additional blocks to customize the top bar. - [Announcement](https://mpithemes.gitbook.io/triumph/header/header/topline/announcement.md): The Topline features the Announcement, which supports text, a button, and the Countdown timer. - [Countdown timer](https://mpithemes.gitbook.io/triumph/header/header/topline/announcement/countdown-timer.md): The Topline contains the Countdown timer. - [Search](https://mpithemes.gitbook.io/triumph/header/header/search.md): Use the section to customize the Search drop-down and colorize the Search bar. - [Collections](https://mpithemes.gitbook.io/triumph/header/header/search/collections.md): Add the block to display collections in the Search drop-down. - [Products](https://mpithemes.gitbook.io/triumph/header/header/search/products.md): The block adds a product list to the Search drop-down. - [Queries](https://mpithemes.gitbook.io/triumph/header/header/search/queries.md): This block allows you to place a specified list of tags into the Search drop-down. - [Vendors](https://mpithemes.gitbook.io/triumph/header/header/search/vendors.md): Use the current block to sort products by vendors. - [Menu dropdowns](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns.md): This section helps to build the Mega menu drop-downs for various top menu items. - [Banners list](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/banners-list.md): Add the block to display several banners positioned in a row. - [Banner](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/banners-list/banner.md): The Banner block helps to add and customize a banner as needed. - [Collections list](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/collections-list.md): Add the block to show a list of specific collections. - [Collection](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/collections-list/collection.md): Build a list of collections using the provided block. - [Custom HTML](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/custom-html.md): Use the block to place any content by adding custom HTML code. - [Empty column](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/empty-column.md): Use the block to add an extra space between content columns. - [Menu column](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/menu-column.md): Add the block to display navigation links. - [Products list](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/products-list.md): To display the product list, add the current block. - [Product](https://mpithemes.gitbook.io/triumph/header/header/menu-dropdowns/products-list/product.md): This block is required to add, display, and customize each product individually. - [Badges](https://mpithemes.gitbook.io/triumph/header/header/badges.md): Configure badges for links displayed in the Header using the section. - [Contact info](https://mpithemes.gitbook.io/triumph/header/header/contact-info.md): Add the section to place contact information into the Header. - [Scrolling text](https://mpithemes.gitbook.io/triumph/header/scrolling-text.md): Add the section to display a dynamic tape line with additional advertisements, propositions, sales, and more at the top or bottom of the Header. - [Shared Settings](https://mpithemes.gitbook.io/triumph/template/shared-settings.md): Customize the section layout using the available settings. - [Collage grid](https://mpithemes.gitbook.io/triumph/template/shared-settings/collage-grid.md) - [Form](https://mpithemes.gitbook.io/triumph/template/shared-settings/form.md) - ['View all' button](https://mpithemes.gitbook.io/triumph/template/shared-settings/view-all-button.md) - [Section layout](https://mpithemes.gitbook.io/triumph/template/shared-settings/section-layout.md) - [Section mobile layout](https://mpithemes.gitbook.io/triumph/template/shared-settings/section-mobile-layout.md) - [Divider line](https://mpithemes.gitbook.io/triumph/template/shared-settings/divider-line.md) - [Section background](https://mpithemes.gitbook.io/triumph/template/shared-settings/section-background.md) - [Colors](https://mpithemes.gitbook.io/triumph/template/shared-settings/colors.md) - [Carousel buttons colors](https://mpithemes.gitbook.io/triumph/template/shared-settings/carousel-buttons-colors.md) - ['View all' button colors](https://mpithemes.gitbook.io/triumph/template/shared-settings/view-all-button-colors.md) - [Slideshow](https://mpithemes.gitbook.io/triumph/template/shared-settings/slideshow.md) - [Shared Blocks](https://mpithemes.gitbook.io/triumph/template/shared-blocks.md): Customize sections using the built-in blocks. - [Heading](https://mpithemes.gitbook.io/triumph/template/shared-blocks/heading.md) - [Banner](https://mpithemes.gitbook.io/triumph/template/shared-blocks/banner.md) - [Slide](https://mpithemes.gitbook.io/triumph/template/shared-blocks/slide.md): Use the block to add as many slides as necessary. - [Logo](https://mpithemes.gitbook.io/triumph/template/shared-blocks/slide/logo.md): This block helps to add the Logo at the top of a banner. - [Headings](https://mpithemes.gitbook.io/triumph/template/shared-blocks/slide/headings.md): Use the current block to show Subheading, Heading, and Description. - [Button](https://mpithemes.gitbook.io/triumph/template/shared-blocks/slide/button.md): The Slide provides two 'Button' blocks for displaying buttons located aligned next to each other. - [Note](https://mpithemes.gitbook.io/triumph/template/shared-blocks/slide/note.md): Use the block to provide additional information related to the section topic. - [Blog card](https://mpithemes.gitbook.io/triumph/template/shared-blocks/blog-card.md): Settings from the current block help to modify the Blog cards. - [Collection](https://mpithemes.gitbook.io/triumph/template/shared-blocks/collection.md) - [Form](https://mpithemes.gitbook.io/triumph/template/shared-blocks/form.md) - [Custom field](https://mpithemes.gitbook.io/triumph/template/shared-blocks/form/custom-field.md) - [Countdown](https://mpithemes.gitbook.io/triumph/template/shared-blocks/countdown.md) - [Button](https://mpithemes.gitbook.io/triumph/template/shared-blocks/button.md) - [Product card](https://mpithemes.gitbook.io/triumph/template/shared-blocks/product-card.md) - [Tab](https://mpithemes.gitbook.io/triumph/template/shared-blocks/tab.md) - [Product](https://mpithemes.gitbook.io/triumph/template/shared-blocks/product.md) - [Media](https://mpithemes.gitbook.io/triumph/template/shared-blocks/media.md): Represents a single media item within the gallery. - [Sections](https://mpithemes.gitbook.io/triumph/template/sections.md): Sections from the current group can be used almost on each page of a store. - [Banners carousel](https://mpithemes.gitbook.io/triumph/template/sections/banners-carousel.md): Provides functionality for building a list of banners with a scrolling effect. - [Collage](https://mpithemes.gitbook.io/triumph/template/sections/collage.md): This section can be used to build a collage of images. - [Slideshow](https://mpithemes.gitbook.io/triumph/template/sections/slideshow.md): Build a sequential presentation of images and/or videos to tell your story or highlight valuable content. - [Slideshow vertical](https://mpithemes.gitbook.io/triumph/template/sections/slideshow-vertical.md): Displays a series of slides stacked vertically to allow users to navigate through content by scrolling up or down. - [Blog posts](https://mpithemes.gitbook.io/triumph/template/sections/blog-posts.md): Use the section to place the list of articles on store pages. - [Featured blog posts](https://mpithemes.gitbook.io/triumph/template/sections/featured-blog-posts.md): Highlight selected articles from your blog in a clean, organized layout. Use this section to promote recent posts, share updates, or drive traffic to your blog. - [Collection list](https://mpithemes.gitbook.io/triumph/template/sections/collection-list.md): Display a selection of your store’s collections in a structured layout. Use this section to help customers quickly browse product categories and navigate to different parts of your store. - [Contact form](https://mpithemes.gitbook.io/triumph/template/sections/contact-form.md): Allows customers to send you messages or inquiries directly from your store. - [Newsletter signup](https://mpithemes.gitbook.io/triumph/template/sections/newsletter-signup.md): Let customers subscribe to your email list for updates and promotions. - [Call to action](https://mpithemes.gitbook.io/triumph/template/sections/call-to-action.md): Encourages customers to take a specific action, like shopping or signing up. - [Countdown timer](https://mpithemes.gitbook.io/triumph/template/sections/countdown-timer.md): Displays a timer to create urgency for offers or events. - [Discount coupon](https://mpithemes.gitbook.io/triumph/template/sections/discount-coupon.md): Shows a promo code customers can use for a discount. - [Bundle products](https://mpithemes.gitbook.io/triumph/template/sections/bundle-products.md): Groups multiple products together to promote combined purchases. - [Featured collection](https://mpithemes.gitbook.io/triumph/template/sections/featured-collection.md): Displays a selection of products from a specific collection. - [Featured collection: Grid](https://mpithemes.gitbook.io/triumph/template/sections/featured-collection-grid.md): Displays products from a specific collection in a grid. - [Product card](https://mpithemes.gitbook.io/triumph/template/sections/featured-collection-grid/product-card.md) - [Featured collection: Loop](https://mpithemes.gitbook.io/triumph/template/sections/featured-collection-loop.md): Shows products from a specific collection as a slider. - [Featured collection: Tabs](https://mpithemes.gitbook.io/triumph/template/sections/featured-collection-tabs.md): Displays products from different collections organized into clickable tabs. - [Featured product](https://mpithemes.gitbook.io/triumph/template/sections/featured-product.md): Highlights a single product with detailed information. - [Product media](https://mpithemes.gitbook.io/triumph/template/sections/featured-product/product-media.md): Controls how product images and videos are displayed in the section. - [Scrolling text](https://mpithemes.gitbook.io/triumph/template/sections/featured-product/product-media/scrolling-text.md) - [Details](https://mpithemes.gitbook.io/triumph/template/sections/featured-product/details.md): Provides additional content blocks to add corresponding information about a product. - [Products collage](https://mpithemes.gitbook.io/triumph/template/sections/products-collage.md): Shows multiple products in a creative, grid-style layout. - [Product list with banner](https://mpithemes.gitbook.io/triumph/template/sections/product-list-with-banner.md): Combines a list of products with a banner to highlight promotions or messages. - [Social shop feed](https://mpithemes.gitbook.io/triumph/template/sections/social-shop-feed.md): Helps display content from your social media channels. - [Card](https://mpithemes.gitbook.io/triumph/template/sections/social-shop-feed/card.md) - [Image with text: Grid](https://mpithemes.gitbook.io/triumph/template/sections/image-with-text-grid.md): Combines images and text in a grid layout to present multiple pieces of content. - [Image with text](https://mpithemes.gitbook.io/triumph/template/sections/image-with-text-grid/image-with-text.md) - [Image with text: Tabs](https://mpithemes.gitbook.io/triumph/template/sections/image-with-text-tabs.md): Displays images and text organized into tabs for easy navigation between sections. - [Tab](https://mpithemes.gitbook.io/triumph/template/sections/image-with-text-tabs/tab.md) - [Map](https://mpithemes.gitbook.io/triumph/template/sections/map.md): Displays your store location or a selected address on a map. - [Map](https://mpithemes.gitbook.io/triumph/template/sections/map/map.md) - [Media collage](https://mpithemes.gitbook.io/triumph/template/sections/media-collage.md): Shows images or videos arranged in a collage-style layout. - [Media](https://mpithemes.gitbook.io/triumph/template/sections/media-collage/media.md): Represents a single media item within the collage. - [Media gallery](https://mpithemes.gitbook.io/triumph/template/sections/media-gallery.md): Presents a collection of images in a clean, organized layout. - [Media](https://mpithemes.gitbook.io/triumph/template/sections/media-gallery/media.md): Represents a single media item within the gallery. - [Media horizontal scroll](https://mpithemes.gitbook.io/triumph/template/sections/media-horizontal-scroll.md): Displays media in a row that users can scroll through horizontally. - [Media vertical scroll](https://mpithemes.gitbook.io/triumph/template/sections/media-vertical-scroll.md): Shows media stacked vertically with a scrolling layout. - [Reviews](https://mpithemes.gitbook.io/triumph/template/sections/reviews.md): Highlights customer reviews or testimonials. - [Card](https://mpithemes.gitbook.io/triumph/template/sections/reviews/card.md): Represents a single review card. - [Scrolling logo](https://mpithemes.gitbook.io/triumph/template/sections/scrolling-logo.md): Displays brand or partner logos in a continuous scrolling row. - [Video](https://mpithemes.gitbook.io/triumph/template/sections/video.md): Adds a video section to showcase content or promotions. - [Video](https://mpithemes.gitbook.io/triumph/template/sections/video/video.md) - [Accordion](https://mpithemes.gitbook.io/triumph/template/sections/accordion.md): Organizes content into expandable and collapsible sections. - [Accordion](https://mpithemes.gitbook.io/triumph/template/sections/accordion/accordion.md) - [Contact info](https://mpithemes.gitbook.io/triumph/template/sections/contact-info.md): Shows your business contact details like address, phone, or email. - [Contact list](https://mpithemes.gitbook.io/triumph/template/sections/contact-info/contact-list.md): Build content columns using the provided block. - [Icons with text](https://mpithemes.gitbook.io/triumph/template/sections/icons-with-text.md): Combines icons and short text to highlight key features or benefits. - [Item](https://mpithemes.gitbook.io/triumph/template/sections/icons-with-text/item.md) - [Page](https://mpithemes.gitbook.io/triumph/template/sections/page.md): Displays content from an existing store page. - [Rich text](https://mpithemes.gitbook.io/triumph/template/sections/rich-text.md): Adds formatted text with headings, links, and styling. - [Rich text](https://mpithemes.gitbook.io/triumph/template/sections/rich-text/rich-text.md) - [Scrolling text](https://mpithemes.gitbook.io/triumph/template/sections/scrolling-text.md): Displays continuously moving text in a marquee-style layout. - [Text](https://mpithemes.gitbook.io/triumph/template/sections/scrolling-text/text.md) - [Icon](https://mpithemes.gitbook.io/triumph/template/sections/scrolling-text/icon.md) - [Image](https://mpithemes.gitbook.io/triumph/template/sections/scrolling-text/image.md) - [Tags](https://mpithemes.gitbook.io/triumph/template/sections/tags.md): Displays product or content tags for easy navigation or filtering. - [Tag](https://mpithemes.gitbook.io/triumph/template/sections/tags/tag.md) - [Vendors list](https://mpithemes.gitbook.io/triumph/template/sections/vendors-list.md): Shows a list of brands or suppliers available in your store. - [Vendor](https://mpithemes.gitbook.io/triumph/template/sections/vendors-list/vendor.md) - [Mobile bottom navigation](https://mpithemes.gitbook.io/triumph/footer/mobile-bottom-navigation.md): Displays a navigation bar fixed at the bottom of mobile for quick access to important links or actions. - [Footer](https://mpithemes.gitbook.io/triumph/footer/footer.md): The Footer appears at the bottom of your store and is commonly used for navigation links, contact information, newsletter signup, social icons, and additional store details. - [Contact info](https://mpithemes.gitbook.io/triumph/footer/footer/contact-info.md): Displays contact details such as address, phone number, email, or store hours. - [Content group](https://mpithemes.gitbook.io/triumph/footer/footer/content-group.md): Reveals the media, texts, and buttons. - [App links](https://mpithemes.gitbook.io/triumph/footer/footer/content-group/app-links.md): Displays links to apps, platforms, or external services in the footer. - [Media and content](https://mpithemes.gitbook.io/triumph/footer/footer/content-group/media-and-content.md): Adds an image together with supporting content. - [Empty column](https://mpithemes.gitbook.io/triumph/footer/footer/empty-column.md): Use the block to add an extra space between content columns. - [Follow on shop](https://mpithemes.gitbook.io/triumph/footer/footer/follow-on-shop.md): Adds Shop sign-in buttons to the Footer. - [Menu](https://mpithemes.gitbook.io/triumph/footer/footer/menu.md): Sets the links column. - [Newsletter signup](https://mpithemes.gitbook.io/triumph/footer/footer/newsletter-signup.md): Let customers subscribe to your email list for updates and promotions. - [Social media links](https://mpithemes.gitbook.io/triumph/footer/footer/social-media-links.md): Displays links to your social media profiles. - [Utilities](https://mpithemes.gitbook.io/triumph/footer/utilities.md): Displays additional store tools and information, such as localization settings, copyright text, and payment icons. - [Copyright](https://mpithemes.gitbook.io/triumph/footer/utilities/copyright.md): Displays the copyright text. - [Policy List](https://mpithemes.gitbook.io/triumph/footer/utilities/policy-list.md): Displays policy links. - [Payment icons](https://mpithemes.gitbook.io/triumph/footer/utilities/payment-icons.md): Adds the list of payment icons. - [Popup](https://mpithemes.gitbook.io/triumph/popups-queue/popup.md): Displays a popup window for promotions, announcements, newsletter signup, or other important content. - [Buttons list](https://mpithemes.gitbook.io/triumph/popups-queue/popup/buttons-list.md): Places a button or button list. - [Countdown timer](https://mpithemes.gitbook.io/triumph/popups-queue/popup/countdown-timer.md): Displays a timer to create urgency for offers or events. - [Liquid code](https://mpithemes.gitbook.io/triumph/popups-queue/popup/liquid-code.md) - [Discount coupon](https://mpithemes.gitbook.io/triumph/popups-queue/popup/discount-coupon.md): Shows a promo code customers can use for a discount. - [Newsletter form](https://mpithemes.gitbook.io/triumph/popups-queue/popup/newsletter-form.md): Let customers subscribe to your email list for updates and promotions. - [Products](https://mpithemes.gitbook.io/triumph/popups-queue/popup/products.md): Adds a product or list of products within the pop-up. - [Rich text](https://mpithemes.gitbook.io/triumph/popups-queue/popup/rich-text.md): Adds formatted text with headings, links, and styling. - [Social media links](https://mpithemes.gitbook.io/triumph/popups-queue/popup/social-media-links.md): Displays links to your social media profiles. - [Product page](https://mpithemes.gitbook.io/triumph/pages/product-page.md) - [Share button](https://mpithemes.gitbook.io/triumph/pages/product-page/share-button.md): Allows customers to share products or pages using social media, email, or browser sharing tools. - [Product media](https://mpithemes.gitbook.io/triumph/pages/product-page/product-media.md): Controls how product images and videos are displayed on the product page. - [Details](https://mpithemes.gitbook.io/triumph/pages/product-page/details.md): Provides additional content blocks to add corresponding information about a product. - [Recommended products](https://mpithemes.gitbook.io/triumph/pages/product-page/recommended-products.md): Displays product recommendations to help customers discover additional items. - [Collection](https://mpithemes.gitbook.io/triumph/pages/collection.md) - [Collection banner](https://mpithemes.gitbook.io/triumph/pages/collection/collection-banner.md): Displays related image to each specific collection. - [Collection](https://mpithemes.gitbook.io/triumph/pages/collection/collection.md) - [Sorting](https://mpithemes.gitbook.io/triumph/pages/collection/collection/sorting.md): Allows customers to sort products by different criteria such as price or popularity. - [Filtering](https://mpithemes.gitbook.io/triumph/pages/collection/collection/filtering.md): Controls the appearance and behavior of product filters. - [Product card](https://mpithemes.gitbook.io/triumph/pages/collection/collection/product-card.md): Controls the appearance and behavior of product cards in the collection grid. - [Collection list page](https://mpithemes.gitbook.io/triumph/pages/collection-list-page.md): Displays a list of collections in a customizable grid layout. - [Page heading](https://mpithemes.gitbook.io/triumph/pages/collection-list-page/page-heading.md): Controls the main heading for the collection list page. - [Collection](https://mpithemes.gitbook.io/triumph/pages/collection-list-page/collection.md): Represents an individual collection item. - [Blogs page](https://mpithemes.gitbook.io/triumph/pages/blogs-page.md) - [Heading](https://mpithemes.gitbook.io/triumph/pages/blogs-page/heading.md): Controls the main heading for the blogs page. - [Blog card](https://mpithemes.gitbook.io/triumph/pages/blogs-page/blog-card.md): Controls the layout of the blog articles. - [Blog post page](https://mpithemes.gitbook.io/triumph/pages/blog-post-page.md) - [Share button](https://mpithemes.gitbook.io/triumph/pages/blog-post-page/share-button.md): Allows customers to share the page using social media, email, or browser sharing tools. - [Heading](https://mpithemes.gitbook.io/triumph/pages/blog-post-page/heading.md): Controls the main heading for articles. - [Comments](https://mpithemes.gitbook.io/triumph/pages/blog-post-page/comments.md): Displays customer comments on blog articles. - [Previous and next posts](https://mpithemes.gitbook.io/triumph/pages/blog-post-page/previous-and-next-posts.md): Adds navigation links to move between blog articles. - [Search page](https://mpithemes.gitbook.io/triumph/pages/search-page.md) - [Password page](https://mpithemes.gitbook.io/triumph/pages/password-page.md) - [Password header](https://mpithemes.gitbook.io/triumph/pages/password-page/password-header.md) - [Password footer](https://mpithemes.gitbook.io/triumph/pages/password-page/password-footer.md) - [Pages](https://mpithemes.gitbook.io/triumph/pages/pages.md): Helps to customize the default pages or build custom pages. - [Build custom pages](https://mpithemes.gitbook.io/triumph/pages/pages/build-custom-pages.md) - [Theme Settings](https://mpithemes.gitbook.io/triumph/theme-settings/theme-settings.md): Apply any changes to your store using the provided global settings. Press each expandable tab to view the related settings. - [Custom badges](https://mpithemes.gitbook.io/triumph/customizable-features/custom-badges.md): Custom badges appear for product cards and on Product pages. - [Countdown](https://mpithemes.gitbook.io/triumph/customizable-features/countdown.md) - [Image size guide](https://mpithemes.gitbook.io/triumph/theme-guidelines/image-size-guide.md) --- # 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://mpithemes.gitbook.io/triumph/welcome-and-getting-started.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.