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 > 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 > Units section, you can see a table of units:

  • NAME — unit name (piece, kilogram, etc.)
  • ABBREVIATION — shortened form (pcs, kg, l, m, m2)
  • TYPE — Standard or Unit of measurement
  • ORDER — display order
  • ACTIVE — whether the unit is visible
  • Edit — edit button
  • Delete — delete button

Creating a New Unit ​

Path: Admin > Units > New 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). When ordering, the customer selects the quantity: 250g, 0.5m, 2l...

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 > 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 > Units > [Click Delete]

After clicking Delete, the unit is deleted. If the unit is assigned to any product, the system will warn you.

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 > Sorting Options

Sorting Options Table ​

In the Admin > Sorting Options section, you can see a table:

  • NAME — sorting option name
  • KEY — system identifier
  • ORDER — display order
  • IS DEFAULT — whether this option is selected automatically
  • FIELD — which field is sorted by
  • DIRECTION — sorting direction (ascending/descending)
  • Edit — edit button
  • Delete — delete button

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

Creating a New Sorting Option ​

Path: Admin > 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
  • sales_count — by number of sales
  • rating — by rating
  • stock_quantity — by stock quantity

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 > 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 > 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 > Product 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.

Infinite Scroll ​

The option of whether products load automatically when scrolling instead of clicking "Next page":

  • Active — products load automatically
  • Inactive — the customer must click "Next page"

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:

  • Left — sidebar is on the left side
  • Right — sidebar is on the right side
  • Top — sidebar is at the top as a horizontal menu
  • Hidden — sidebar is not visible (filters are displayed differently)

Typography ​

  • Fonts — select fonts for the listing
  • Text size — product name text size
  • Line height — text line height

Header Configuration ​

  • Header type — small, normal, large
  • Coloring — background color

Category Menu ​

  • Menu type — how the subcategory menu is displayed
  • Quick category menu — shortcut menu at the category level

Mobile Display Configuration ​

  • Mobile sidebar type — how the sidebar is displayed on mobile
  • Mobile products per row — number of products side by side on mobile

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 > Units, create all the units you will need (Piece, Kilogram, Meter, etc.).

Step 2: Create Sorting Options ​

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

Step 3: Set Up List Configuration ​

In Admin > Product 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 ​