Merzio

English

Slovenčina
Čeština

English

Slovenčina
Čeština

Appearance

Units and Sorting ​

Units and sorting are two tools for managing how products are displayed and ordered in the e-shop. This guide will show you how to set them up and manage them.

Units ​

Units are measurement units in which products are sold or measured. They serve for correct display of price and quantity.

Path: Admin > Products > Units

Unit Examples ​

  • Piece — individual pieces (cartridge, t-shirt, etc.)
  • Kilogram — weights (flour, sugar, etc.)
  • Liter — liquids (oil, water, etc.)
  • Meter — length (textiles, wire, etc.)
  • Square meter — area (home textiles, wallpaper, etc.)

Unit Table ​

In the Admin > Products > Units section, you can see a list of units. Each card shows:

  • NAME — unit name (piece, kilogram, etc.)
  • ABBREVIATION — shortened form (pcs, kg, l, m, m2)
  • TYPE — Standard or Unit of measurement
  • ACTIVE — whether the unit is visible
  • Conversion ratio — for measurement units with a conversion set
  • Edit — edit button
  • Delete — delete button

Creating a New Unit ​

Path: Admin > Products > Units > Create Unit

Unit Name ​

The unit name, for example:

  • Piece
  • Kilogram
  • Meter
  • Liter

This field is required and will be displayed on the e-shop next to the product.

Unit Abbreviation ​

The shortened form of the name, for example:

  • Piece → pcs
  • Kilogram → kg
  • Meter → m
  • Liter → l
  • Square meter → m2

The abbreviation is displayed next to the product price.

Unit Type ​

Select the unit type:

  • Standard — for countable items (t-shirt, book, flower, etc.). When ordering, the customer selects the count: 1, 2, 3...
  • Measurement — for measurement units (kilogram, meter, liter). Used as the product's unit of measurement to display the unit price (e.g. price per kg).

Conversion Settings (measurement units only) ​

For a measurement unit, you can set:

  • Base measurement unit — the unit it converts to (e.g. kg for grams)
  • Conversion ratio — e.g. 100 g to kg = 0.1; 1 ml to l = 0.001

Sort Order ​

A number that determines the order in which units will be displayed in the dropdown menu. Lower numbers are displayed first.

Example:

  • Piece: 1
  • Kilogram: 2
  • Liter: 3

Active ​

Checking this option makes the unit visible on the e-shop. Unchecked units are hidden but can be reactivated.

Editing a Unit ​

Path: Admin > Products > Units > [Click Edit]

After clicking Edit, a form opens. You can change the name, abbreviation, type, and order. After making changes, click Update.

Deleting a Unit ​

Path: Admin > Products > Units > [Click Delete]

After clicking Delete, the unit is deleted. If the unit is assigned to products or variants, the system will not allow deleting it — you must remove it from the products first.

How Units Relate to Products ​

In the Creating Products - Step 4: Pricing Tab section, you select a unit for each product. Examples:

  • Product: Bread — unit: Piece
  • Product: Flour — unit: Kilogram
  • Product: Carpet — unit: Meter
  • Product: Oil — unit: Liter

Sorting Options ​

Sorting options determine how customers can sort products in the listing. Examples: sorting by price (lowest/highest), by newest, by popularity.

Path: Admin > Products > Configuration > Sorting Options

Sorting Options Table ​

In the Admin > Products > Configuration > Sorting Options section, you can see a list of options. Each one shows:

  • NAME — sorting option name
  • KEY — system identifier
  • FIELD — which field is sorted by
  • DIRECTION — sorting direction (ascending/descending)
  • ORDER — display order
  • Default / Inactive — status badges
  • Actions — activate/deactivate, set as default, edit, delete

This list is drag-and-drop reorderable — click and drag options to change their order.

Creating a New Sorting Option ​

Path: Admin > Products > Configuration > Sorting Options > New Option

Key ​

A unique identifier for this option. Examples:

  • price-asc — by price ascending
  • price-desc — by price descending
  • newest — by newest
  • best-seller — by popularity

The key is used in code and should not be changed after creation.

Order ​

A number that determines the order in the dropdown menu. Lower numbers are displayed first.

Name (multi-language) ​

The name the customer sees, for example:

  • By price — lowest first
  • By price — highest first
  • Newest
  • Most popular

Field ​

Select the product field to sort by:

  • created_at — by creation date (new products first)
  • updated_at — by last modification date
  • name — by product name (A-Z)
  • price — by price
  • views_count — by number of views
  • average_rating — by average rating
  • sales_count — by number of sales
  • stock_availability — by stock availability (in-stock first)

Sort Direction ​

Select the direction:

  • Ascending (ASC) — from smallest to largest (A-Z, 0-9)
  • Descending (DESC) — from largest to smallest (Z-A, 9-0)

Examples:

  • Price ASC — from lowest to highest
  • Price DESC — from highest to lowest
  • Created_at DESC — newest products first

Is Active ​

Checking this makes the sorting option visible on the e-shop. Unchecked options are hidden.

Is Default ​

Checking this makes the option automatically selected when a customer enters the product page. Usually, the default sorting is by greatest relevance or by newest.

Prioritize In-Stock Products ​

Checking this makes products that are in stock appear before sold out products when this sorting is applied.

Editing a Sorting Option ​

Path: Admin > Products > Configuration > Sorting Options > [Click Edit]

After clicking Edit, a form opens. You can change all fields. After making changes, click Update.

Deleting a Sorting Option ​

Path: Admin > Products > Configuration > Sorting Options > [Click Delete]

After clicking Delete, the sorting option is deleted.

Sorting Options Order ​

Click and drag options in the table to change their order. The order is saved automatically.

Product List Configuration ​

Product list configuration determines how products are displayed on category and search pages.

Path: Admin > Products > Configuration > List Configuration

Products Per Page ​

How many products will be displayed on one page. Examples:

  • 12 products — normal listing
  • 24 products — large listing
  • 50 products — very large listing

A higher count means less clicking on "Next page", but the page loads slower.

Pagination and Infinite Scroll ​

How customers move through the product list is determined by two settings:

Pagination theme — selected as the Pagination component in Design > Theme management:

  • Numbered pages — classic page numbers (default)
  • Show more button — a button that loads more products, alongside the page numbers

Infinite Scroll — a toggle in this list configuration:

  • Active — products load automatically as the customer scrolls (replaces the pagination control)
  • Inactive — the selected pagination theme is used

Products Per Row ​

How many products are displayed side by side (in one row). Set for each screen size:

  • Desktop — number of products on a large screen (usually 3, 4, or 5)
  • Tablet — number of products on a medium screen (usually 2 or 3)
  • Mobile — number of products on a small screen (usually 1 or 2)

How the sidebar with filters and navigation is displayed:

  • Static (always visible) — the sidebar is always visible
  • Collapsible (toggle button) — the sidebar can be opened/closed with a button
  • Open by default — whether the collapsible sidebar is open on page load

Header Configuration ​

  • Page heading and subheading — header texts (multilingual)
  • Background image — banner behind the header, including height for mobile/desktop and corner rounding
  • Show product count — product counter in the header
  • Header typography — heading and subheading font sizes (mobile/desktop) and their colors
  • Top description — optional text with a heading above the product list (with truncation to a chosen number of characters)
  • Footer description — optional text with a heading below the product list

Category Menu ​

  • Category menu in the sidebar — displaying the category menu in the sidebar (position, collapsibility, optional heading)
  • Quick category menu — a shortcut category menu above the products (max. number of categories, position, visibility on mobile/desktop, colors and style)

Sorting Configuration Examples ​

Typical E-shop Configuration ​

  1. Relevance (default) — most relevant products first
  2. Newest — new products first
  3. By price — lowest first — cheaper products first
  4. By price — highest first — more expensive products first
  5. Most popular — most purchased products first

Configuration with In-Stock Priority ​

If you want to prioritize in-stock products:

  • Check Prioritize in-stock products for all sorting options
  • The result is that in-stock products will be displayed first

Tips and Tricks ​

Units ​

  • Be consistent — when using "kg", do not later use "kilogram"
  • Do not add too many units — you will end up with dozens of unnecessary ones
  • Hide unused units — instead of deleting, deactivate them

Sorting ​

  • Keep at least 3-4 sorting options for the customer
  • Make sorting intuitive — names should be clear
  • Default sorting should be by relevance (best products first)

List Configuration ​

  • 12-24 products per page is optimal for most cases
  • Infinite scroll increases time on page but may decrease conversions
  • On mobile, always use 1-2 products per row

Workflow: How to Set Up Units and Sorting ​

Step 1: Create Units ​

In Admin > Products > Units, create all the units you will need (Piece, Kilogram, Meter, etc.).

Step 2: Create Sorting Options ​

In Admin > Products > Configuration > Sorting Options, create 3-5 of the most important sorting options.

Step 3: Set Up List Configuration ​

In Admin > Products > Configuration > List Configuration, set the number of products per page, sidebar type, etc.

Step 4: Assign Units to Products ​

When creating products, select the correct unit in the Pricing Tab section.

More Information ​