Components

Renders a full order detail: products, totals, billing/shipping addresses, payment and shipping methods, status and dates. Used on the order confirmation, tracking and account order pages. Usage <div data-v-component-order

Components are the building blocks that provide dynamic content to pages. In the theme's html pages they are defined with the data-v-component-* attribute, where * is the component name: <div data-v-component-products> <div data-v-product>

Renders a navigational trail (Home → Shop → Category → Product) that adapts automatically to pages, posts, products and categories. Usage <nav data-v-component-breadcrumb> <a href="" data-v-breadcrumb-url><span

Exposes site-wide info for headers, footers and SEO blocks: logo, name, contact details, urls and formatting settings. Everything comes from Settings → Site. Usage <div data-v-component-site> <img data-v-site-logo alt="Logo">

Renders the logged-in customer's saved addresses (My Account → Addresses, checkout address step). Each address exposes its fields plus edit/delete links. Usage <div data-v-component-user-address> <div data-v-user_address> <strong

Renders a navigation menu (header, footer, sidebar) with support for nested dropdown items. Menus themselves are managed under Content → Menus. Usage <div data-v-component-menu data-v-slug="main"> <ul data-v-menu-items> <li

Renders a single post (or page/product depending on configuration). On a post page the theme wraps the content area with data-v-component-post="post" and the current post's fields become available inside it. Usage <div