Sorting Collection lists

Bundling, or bundle pricing, is a pricing technique in which retailers sell products together at a lower price than they would be sold at individually.

A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.

A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

When a search engine crawls your site's Webflow subdomain (e.g., your-site.webflow.io).

Defines how tall an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

A pixel (px) is the smallest unit of measure in a digital image or display, representing a single point of color or light.

Form submission notifications that have no reference to Webflow (e.g., notifications sent from “[email protected]” instead of “[email protected]”).

A change that has been made in the Webflow Editor but will not appear on the live website until it’s published. You can track any unpublished changes on the bottom right of the Editor toolbar.

Left padding is a CSS property that defines the space between an element's left border and its content.

A Webflow canvas setting that lets you create styles for viewports with a minimum width of 480px and a maximum width of 767px. Also known as the mobile landscape media query.

A bug is an error, fault, or flaw in an application or software that causes the program to behave unexpectedly, often producing inaccurate and invalid output.

The page people see when they visit your site's root domain. Read more about the homepage.

CMS field groups let you organize a Collection's fields into named, labeled sections, making large or complex collections easier for editors to navigate.

Contextual advertising is a form of paid advertising that matches web content with ad intent.

The Designer automatically saves your progress every 10 seconds.

To remove an element and its content from your website.

Color gamut describes the full range of colors a device can reproduce on its display.

CSS filters apply visual effects to HTML elements and their children using Cascading Style Sheets (CSS).

An Adobe Fonts API token protects and supports your data from Adobe Fonts with other programs you may be using to personalize your website’s fonts.

Account notifications update you about activity in your account. New notifications appear on your Webflow Dashboard after you log in.

An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.

Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

A cipher suite is a collection of encryption algorithms that work together to secure a network connection.

A navigational aid that displays in the bottom of the Webflow Designer to help you keep track of the element you're interacting with in relation to its hierarchy.

All elements on the page targeted by the same selector.

JavaScript is a programming language web developers use to create dynamic interactions and effects for web pages and applications.

APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.

A downloadable ZIP file that contains your Webflow site's HTML, CSS, JS, and image files.

Form blocks allow you to add form elements to a website, including appointment booking, surveys, applications, polls, and contact forms.

A user interface (UI) is any visual element humans interact with on a device, webpage, or application.

A section of the Add panel that contains the elements that act as a website's fundamental building blocks (e.g., div block, list, button, etc.).

“Null” represents the absence of a value or the presence of invalid objects in computer science and web development.

A CMS field used in Collections. Just like a reference field, the multi-reference field lets you reference other Collections in your site. But it’s even more powerful, as it lets you reference multiple items within a Collection instead of just 1 item.

The color wheel shows several colors in a circle to represent primary, secondary, and tertiary colors and their relationships.

Top margin is a CSS property that defines the space between the top edge of an element and its surroundings, such as other elements, the browser window, or the edge of a container.

A typography element that is used to link to other pages or sections of a webpage.

A backup is a copy of data stored in an alternate location, including hard drives, cloud servers, or network-attached storage (NAS) servers.

Responsive web design (RWD) is a web development and design approach to create websites, applications, and user interfaces (UIs) that display and function effectively on any device or screen size.

To move backward one step while making changes to a Webflow site.

The "height: auto" CSS property automatically adjusts an element’s height based on its content.

Closed-loop marketing is an ecommerce marketing strategy that uses customer data to create and improve targeted content.

The inside spacing between the top border of an element and the elements inside it.

A Webflow element that embeds an interactive Google Map in your site.

A dynamic page that Webflow automatically creates for each Collection item. When you design a Collection page, all the pages that are created for each Collection item will have the same template but different content.

Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.

A parent folder is a directory containing one or more folders and files.

Webflow's visual content editor. You can access it through the Webflow Dashboard by clicking the “3 disclosure dots” on a site thumbnail, then clicking “Editor.” Guest editors can access it anywhere on their live site by adding ?edit after the page URL (e.g., yoursite.com/page/?edit).

A section in the Add Panel that houses pre-built Webflow elements such as sliders, tabs, and lightboxes.

A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.

Real-Time Streaming Protocol (RTSP) is a standardized network protocol for transmitting real-time multimedia data like audio and video.

A Webflow service that lets you point a custom domain to your Webflow-hosted site.

Encapsulation is an object-oriented programming (OOP) process that combines functions and the data they manipulate into a single entity.

Keyboard shortcuts are combinations of keys on a computer keyboard that perform a specific action or command within an application or operating system.

A custom font is any non-system-default typeface you manually upload to your website.

The min-width CSS property defines an element's minimum width. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

A slider is an interactive design element for scrolling through images, videos, and other multimedia content.

A CSS descriptor sets specific properties and values of an at-rule (@-rule) element, dictating its appearance and behavior on a web page.

What you create in Webflow! You can publish sites to a webflow.io staging subdomain for free, export the code on a paid plan, add hosting on any paid plan, or add a Site plan to any site to connect your custom domain and unlock hosting features.

The way browsers calculate an element's width automatically where Block level elements fill the available space of its parent and Inline elements shrink to the size of its children/content.

Python is a high-level, object-oriented, general-purpose programming language (GPL).

A comparison shopping engine (CSE) is a search engine that compares ecommerce pricing, shipping costs, and customer reviews.

Translation inheritance is when a secondary locale automatically mirrors the primary locale's content until a specific field is manually translated, at which point that field stops inheriting further changes.

A section in the Add panel that contains elements associated with the CMS.

Structured Query Language (SQL) is a programming language that enables storing, retrieving, and manipulating information in a relational database.

Field-sizing is a CSS property that lets form elements like text areas and inputs grow or shrink automatically to fit their content instead of staying locked to a fixed size.

A section in the Style panel that houses CSS properties related to the positioning of an element.

Through the pagination settings, you can preview Collection list pages by choosing the page number from the page dropdown list, or you can switch to the previous or next page using the arrow keys.

On Windows-based systems, the sequence of two ASCII characters representing a line break in text files is called "Carriage Return, Line Feed," or CRLF.

A Webflow component that displays a pane of content associated with a tab menu button.

Serialization is the process of converting data into an optimized format for storage, transmission, and sharing.

A slot is a placeholder inside a component that lets you drop in any content, from text to images to entire component instances, without editing the component itself.

AI credits are the metered unit used to track usage of AI-powered features, with usage typically visible by user, project, or date range.

A standard markup language that web browsers use to display websites.

SSL CDN, or Secure Sockets Layer Content Delivery Network, is an option that allows you to serve your images over your own CDN service while using SSL.

The color-coded borders of elements you'll see in the Webflow Designer.

A registrar, or domain name server (DNS) registrar, manages the sale of domain names and the assignment of IP addresses, ensuring each domain’s uniqueness.

A panel in the left toolbar where you can add static pages and folders to your Webflow site. You can also manage and access Utility pages and Collection pages.

A parameter is a programming variable or value that transfers data between functions.

:has() is a CSS selector that styles an element based on its descendants or subsequent siblings.

The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.

A pseudo-class that allows you to change the styles of an element when it is hovered, pressed, or focused.

An element that contains content.

Help text is a user interface design element that provides additional information or guidance to users to clarify which content should go in a given Collection field.

A backlink, also referred to as an inbound link, is a hyperlink from one website to another website.

Flex-direction is a CSS property that defines the main axis and direction of flex items, dictating the arrangement of the items within a flex container.

Utility pages are default, customizable templates for your site’s 404 page, Password page, and Search results page.

A comment is a text note in source code that offers context, internal information, or other guidance to any developers using it.

When you have more unhosted sites in your Dashboard than your Workspace plan allows, those additional sites past your limit will be “locked” until you upgrade your plan. When you upgrade, you’ll be allowed more unhosted sites (up to the limit for your Workspace plan) and will be able to access your previously locked sites.

A callback function is passed as an argument to another function and executed upon completing the latter’s task.

Props are the customizable settings exposed on a reusable component, letting you change its content, styling, or behavior each place it's used without editing the component itself.

A child element is an element nested within a parent element in a hierarchy.

A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.

Return on investment (ROI) is a metric evaluating the profitability or gain of a venture.

Client-side is the user-facing part of a web app, responsible for processing user input and displaying content.

Alt text, short for alternative text, refers to text that describes online images.

A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.

A content optimization system (COS) is software that lets you optimize website content to attract more traffic.

Padding is a CSS property defining the space between an element's borders and its content.

A combo class combines multiple classes, allowing you to apply various visual styles to HTML elements.

A slug, also known as a URL slug or a website slug, is descriptive text that appears at the end of a URL and identifies a web page.