Glossary
A quick reference for the terms used throughout this manual. If you ever wonder “is that a section or a block?”, check here.
Terms are grouped into Shopify-platform terms (apply to every theme), and Hyprism-specific terms (apply to this theme).
Shopify-platform terms
Section titled “Shopify-platform terms”A complete visual + interactive package for a Shopify store. Hyprism is a theme. Each theme is made up of templates, sections, blocks, and snippets.
File location: the whole theme.zip is a theme.
Theme settings (global)
Section titled “Theme settings (global)”Settings that apply theme-wide, regardless of which page you’re on: logo, color schemes, typography, button styles, frame, background, mobile-layout defaults.
Where to edit: Theme editor → gear icon (bottom-left) → opens theme settings tabs.
File: config/settings_schema.json (schema = setting definitions) + config/settings_data.json (saved values).
Template
Section titled “Template”A page-level layout. Each page type (home, product, collection, cart, etc.) has a template that decides which sections appear.
File: templates/*.json (the theme’s default template files; merchants can create custom variants per page).
Hyprism has 13 templates: home, product, collection, search, article, blog, page, cart, gift_card, 404, password, customer-* (7 variants).
Section
Section titled “Section”A horizontal block of content on a page. Examples: hero, product grid, newsletter, footer. Sections have their own settings + nested blocks.
Where to edit: Theme editor → click any section in the sidebar.
File: sections/*.liquid (each Liquid file is one section type).
Hyprism has 59 sections.
A smaller component inside a section. Example: a heading, a button, a product card, a footer menu. Blocks have their own settings.
Where to edit: Theme editor → click a section, then click a block inside it.
File: blocks/*.liquid (each Liquid file is one block type).
Hyprism has 62 blocks.
Atom block (Hyprism term)
Section titled “Atom block (Hyprism term)”A subset of blocks (8 in Hyprism) that are universal — they can be added inside almost any section. Atom blocks are: heading, text, button, image, icon, group, divider, spacer.
Snippet
Section titled “Snippet”A reusable Liquid file pulled into sections/blocks via {% render 'snippet-name' %}. Snippets are infrastructure, not user-configurable — you typically don’t touch them as a merchant.
File: snippets/*.liquid.
Schema
Section titled “Schema”A JSON block at the bottom of a section / block Liquid file that defines its settings + how they appear in the theme editor. You don’t need to write or edit schema as a merchant — Hyprism comes with all schemas pre-written. Developers extending the theme work with schemas directly.
Example: a section’s schema declares “this section has a heading text input, an image picker, a select for size”.
Setting (per-section / per-block)
Section titled “Setting (per-section / per-block)”A configurable input visible in the theme editor’s right panel. Examples: “Heading text”, “Show search button”, “Image overlay opacity 0–100”. Settings are defined in schemas.
This manual uses 🔧 to mark each merchant-facing setting in tables.
Color scheme
Section titled “Color scheme”A set of colors that work together: background, text, headings, accent, borders, button colors, sale price, etc. Hyprism has 5 color schemes (slots 1–5), each with 34 color roles.
Sections + blocks pick a scheme — that decides their colors automatically.
See chapter 2 — Color schemes.
Pair (dark/light pair)
Section titled “Pair (dark/light pair)”Two color schemes that swap when the dark/light toggle in the header is pressed. Hyprism has 1 active pair (pair_1_primary + pair_1_alternate). The active pair propagates theme-wide.
See chapter 2 — Dark/light mode pair.
Customizer / theme editor
Section titled “Customizer / theme editor”Shopify’s UI for editing themes (Online Store → Themes → Customize). Section / block / setting configuration happens here. This manual is the reference for what each option does.
Liquid
Section titled “Liquid”Shopify’s templating language. Used in sections, blocks, snippets, layouts. Looks like {{ product.title }} or {% if cart.item_count > 0 %}. As a merchant you don’t write Liquid; developers do.
Theme editor “block”
Section titled “Theme editor “block””In Shopify’s UI, an internal element inside a section is also called a “block” — same as Hyprism’s definition. There’s no ambiguity here.
App block
Section titled “App block”A block injected into a section by a third-party Shopify app. Sections that say "type": "@app" in their accepted blocks list can host app blocks. Hyprism allows app blocks in most content sections (Trusted Shops widgets, review apps, custom popups).
Section group
Section titled “Section group”A region of the page where multiple sections live together. Hyprism uses two: header (everything above page content) and footer (everything below).
File: sections/header-group.json + sections/footer-group.json.
Hyprism-specific terms
Section titled “Hyprism-specific terms”v7-chrome (or “v7 chrome standard”)
Section titled “v7-chrome (or “v7 chrome standard”)”Hyprism’s standard collection of surface + chrome settings that almost every content section has. The full set:
transparent_bg— toggle transparent vs solid backgroundenable_glass— glassmorphism backdropglass_tint— tint glass with active accent colorenable_glow— soft accent haloenable_shadow— drop shadowfull_width+full_width_mobile— edge-to-edge modeuse_global_radius+section_border_radius— corner radius overridecolor_scheme+ dark/light pair — scheme overridepadding_top/padding_bottom+ custom mobile padding — vertical spacinghide_on_mobile/hide_on_desktop— visibility
When the manual says “standard v7-chrome settings”, these are what it means.
Linux-rice (aesthetic)
Section titled “Linux-rice (aesthetic)”Hyprism’s distinctive visual style: glassmorphism (frosted glass surfaces), accent glow (soft halos), multi-layer z-index composition (background → frame → content → header), prominent typography, optional decorative frame around the content.
Named after the “Linux rice” subculture of Linux desktop customization, where users craft elaborate Hyprland / i3 / dwm desktops with translucent panels and neon accents.
Frame system
Section titled “Frame system”The decorative border around the page content. Two styles:
- Line — a thin inset border on the page edges
- Area — a soft box-shadow that creates the illusion of a floating “card” containing all your content
Both can be combined with an edge-glow for the Hyprism signature look.
The soft accent-color halo applied to sections, cards, or buttons when enabled. Uses box-shadow with a colored alpha — gives the “neon glow” Linux-rice feel.
Two settings control it:
- Section glow intensity (theme-wide multiplier 50–200%)
- Per-section / per-block enable_glow toggle
Glass / glassmorphism
Section titled “Glass / glassmorphism”A backdrop-filter-based effect that renders a translucent frosted-glass surface, blurring whatever’s behind. Three theme-wide controls:
- Glass blur (range
0–40px, default16px) - Glass opacity (range
0–30%, default3%— intentionally capped at 30% because higher values destroy the frosted effect) - Glass saturate (range
100–200%, default140%— color vibrancy through the glass)
Plus per-section / per-block enable_glass toggles.
Shadow (drop shadow on sections / cards)
Section titled “Shadow (drop shadow on sections / cards)”Similar pattern to glow — theme-wide intensity multiplier + per-section/block toggles.
Accent
Section titled “Accent”The single brand-defining color in each color scheme. Used for: button backgrounds, link underlines, focus rings, glow halos, accent text role.
Scheme bg / scheme text / scheme heading
Section titled “Scheme bg / scheme text / scheme heading”Standardized color roles within each color scheme. The text role is the body color, heading is for <h1>–<h6>, bg is the section background, etc. Hyprism has 34 roles per scheme.
Pretext Banner
Section titled “Pretext Banner”A decorative animated band that sits above or below content sections. Displays ASCII art / binary / Matrix-style scrambling text / image-composed character grids. Unique to Hyprism — most themes don’t have this.
See chapter 6.3 — Pretext Banner.
Bento Grid
Section titled “Bento Grid”A premium signature section that arranges tiles in an asymmetric grid (some big, some small, mixed sizes). Each tile can be product, collection, image, video, content, or blank. Unique premium-section in Hyprism.
Hotspot Image
Section titled “Hotspot Image”A premium signature section: an image with clickable dots (“hotspots”) that reveal product cards or content overlays when interacted. Used for lookbook-style storytelling.
See chapter 9.1 — Hotspot Image.
Quick View
Section titled “Quick View”A modal that opens when “Quick view” is clicked on a product card — shows the full product details, variant picker, ATC button, without navigating to the product page.
Sticky Product Bar
Section titled “Sticky Product Bar”A floating bar that slides in at the bottom of the viewport (both desktop and mobile) when the visitor scrolls past the main Add-to-Cart button on a product page. Provides constant-access ATC without occupying viewport while above-the-fold.
See chapter 9.4 — Sticky Product Bar.
Wishlist
Section titled “Wishlist”Hyprism’s built-in wishlist — visitors save products to a localStorage-tracked list, view all saved items on /pages/wishlist. No app needed.
Recently Viewed
Section titled “Recently Viewed”Hyprism’s built-in recently-viewed grid — tracks product views via localStorage and displays a row of recent products on any page. No app needed.
See chapter 7.4 — Recently Viewed.
Express Checkout
Section titled “Express Checkout”The row of one-tap payment buttons (Shop Pay, Apple Pay, Google Pay, PayPal) above the regular Add-to-Cart button. Hyprism wires these in via {{ form | payment_button }} (product page) and {{ content_for_additional_checkout_buttons }} (cart). Visible only when the merchant has those payment providers active in Shopify Admin.
llms.txt
Section titled “llms.txt”An emerging standard for helping AI systems (ChatGPT, Claude, Perplexity, Gemini) understand a website’s structure. Hyprism generates one via the templates/page.llms-txt.liquid template (Liquid-only template, not JSON) — see chapter 13 — SEO + GEO.
GEO (Generative Engine Optimization)
Section titled “GEO (Generative Engine Optimization)”The practice of optimizing a website for AI-powered search (ChatGPT, Claude, etc.) — alongside (not replacing) traditional SEO. Hyprism has GEO baked in: AI crawler allowlist, llms.txt, structured data, schema.org markup.
How to find more
Section titled “How to find more”This manual’s full table of contents is in the left sidebar.
For deeper customization, see chapter 17 — Customization and chapter 20 — Advanced.