← Help Center

Store blocks in the Site Builder

A complete list of blocks that make up an online store: header with cart, catalog with filters, product page, cart, checkout, wishlist, comparison, customer account — and what each field configures.

When a store template is selected in the Site Builder, pages are composed of individual commerce blocks — each responsible for its own part: header, catalog, product card, cart, etc. This article is a guide to each of them.

Store Header — Shop Navbar

The Shop Navbar block is the site header with a logo, menu, cart, account, and wishlist.

Shop Navbar

Configuration fields:

  • Shop Name / Logo — name and logo; if no logo is uploaded, the text name is displayed;
  • Menu links — From page tree (auto) automatically builds the menu from pages marked "show in navigation" (simpler and won't forget to update when adding a page), or Manual list — a custom list of menu items with arbitrary URLs;
  • Show language switcher — language switcher, if the site is multilingual;
  • Cart icon opens — clicking the cart icon opens a sidebar (mini-cart) instead of navigating to a separate cart page;
  • display of account and wishlist icons and the URLs they lead to.

The site menu (items, sub-items) is edited separately via Menu Builder — see Navigation and Menus (the page describes the old builder, but the principle of building the menu tree is the same; for the new Site Builder, the page tree with the "show in navigation" mark is the simplest way).

Main Banner — Shop Hero

A large banner at the top of the homepage: title, subtitle, background image, and optionally a search bar with the results page URL.

Category Grid — Shop Category Grid

A grid of product category cards (automatically pulled from the catalog) with an optional section title.

Product Catalog — Shop Catalog

The largest and most important block — a full-fledged catalog page with filters, search, and pagination.

Catalog with filters

Configuration fields:

  • Card style — Classic / Tech / Luxury, three ready-made product card appearances;
  • Products per page — pagination page size;
  • Show filter sidebar — enables/disables the entire filter sidebar;
  • Search box in sidebar, Price filter, Brand filter (from actual products), Spec filters (from visible_filters of the category — see Product Catalog);
  • Condition/grade badge on cards — product condition badge (new/used/refurbished), relevant for electronics;
  • Card spec keys — which characteristics to show as chips directly on the card (e.g., CPU, RAM, Disk);
  • Product comparison + Compare page URL — enables the "compare" button on cards;
  • Wishlist heart button on cards — "add to favorites" heart;
  • Smart collection slug — restricts the catalog to a pre-configured smart collection instead of showing the entire assortment; empty value = show all (considering other filters).

Catalog search is typo-tolerant — even if the customer enters a product name with an error, relevant matches will still be found.

Featured Products — Shop Featured Products

Manual or automatic selection of products (marked "featured" — see Products panel of the builder) with a title, subtitle, number of cards, and style.

Product Page

Consists of several separate blocks that can be arranged in any order:

  • Shop Product Gallery — product photo gallery, no additional settings;
  • Shop Product Header — name, price, "Add to Cart" button; toggles for Show warranty/shipping badges and Show Apple Pay / Google Pay button (see Apple Pay / Google Pay);
  • Shop Product Description — product description with section title;
  • Shop Product Specs — specifications table; Show only these specs limits and orders the list, Hide these specs hides specific fields, Hide long text values hides overly long values behind an expansion;
  • Shop Product Reviews — customer reviews with section title;
  • Shop Related Products — "you might also like," number of cards and style;
  • Shop Product 3D — interactive 3D model of the product, if a model is uploaded for it.

Cart, Checkout, Confirmation

  • Shop Cart Page — cart page: empty state text and checkout URL;
  • Shop Checkout — the checkout itself; the only setting is Cash on delivery (enables cash on delivery as an option) and the success page URL; the rest (payment methods, shipping, tax) are automatically pulled from shipping settings and workspace tax settings;
  • Shop Order Success — thank you page after checkout, title and message text;
  • Order Lookup — "track order" form by number and email, without registration.

Customer Account

  • Shop Login / Register — login/registration form, title, subtitle, and redirect page after successful login;
  • Account Dashboard — personal account: order history, saved address; title, login page URL (shown to unauthorized users), and logout redirect URL;
  • Shop Wishlist — wishlist page; empty state text, "to catalog" button URL, card style;
  • Product Comparison — product comparison page for items added via the "compare" button in the catalog; title, subtitle, empty state text, and Highlight differing rows toggle (highlights specification rows where products differ).

Auxiliary Blocks

  • Shop Breadcrumbs — navigation breadcrumbs, with text for the home link;
  • Shop Category Tabs — horizontal category tabs with no additional settings.

Read More