CommerCentr
EN
Sign in

Product sections on the storefront, without code

A «New arrivals» or «Best sellers» section on the homepage is not a line in a template you have to ask a developer to change. You decide what it shows, how many cards it holds and which page it sits on.

The key idea: these are two independent things

Confusing them is behind most «I configured the block but it is not on the storefront» questions.

What it isWhere you configure itWhat it controls
Block configCatalog → Product blocksWHAT to show: which selection, how many products, which heading
PlacementCMS → LayoutWHERE to show it: which page, which position, in what order

That independence pays off: one configured block can be placed on several pages at once, each placement with its own order. You do not need a duplicate config per page.

Step 1. Configure the block

Go to Catalog → Product blocks. The fields:

FieldWhat it does
Section headingWhat the buyer sees. Filled in per language tab — separately for each store language
Selection methodWhere the products come from: new arrivals, best sellers
Number of productsHow many cards the section holds
ActiveThe block's own on/off switch

At this point the block is not shown anywhere — it is only described. Placement is the next step.

Step 2. Place it on a page

Go to CMS → Layout. Page tabs at the top (home, product, category); below them the table of blocks already placed on the selected page, plus a row for adding a new one.

FieldWhat to pick
PositionMain section or bottom of the page
Block typeThe category of blocks available in your build
InstanceThe specific block you just configured — «New arrivals», for example. The list loads once you pick a type
OrderSequence within the position. Note: sorting is shared across blocks of all types in that position
ActiveThe placement switch — separate from the block's own switch

Changes are saved with a single button at the top. Saving rewrites the whole page's placements — exactly the set of rows you currently see is what gets stored. If you deleted something from the table and changed your mind, do not save: just reload the page.

Step 3. Verify

Open the storefront — the section should appear in the chosen position, with your heading and the right number of cards.

It is worth testing both switches, because there really are two and they are independent:

  • turn off the placement in Layout — the section disappears from that page, but the block stays configured and keeps working wherever else it is placed;
  • turn off the block itself under Product blocks — it disappears from every page at once.

Neither breaks the page: an empty section is simply not rendered.

What this gives you in practice

  • A seasonal section can be switched off for a day and back on — no code edits, no risk of touching anything else.
  • The order of sections on the homepage is just a number in the «Order» field.
  • The heading is translated on the language tabs, so an English storefront does not show Ukrainian text.

One boundary worth knowing

From the admin panel you manage the block types that exist: you create their configs, enable them, place and sort them. But a new type of block — with different selection logic or a different card layout — cannot be added from the admin panel: that is developer work. The build ships a generator that scaffolds one together with its admin screen, so the task is short, but it still needs a developer.

Put simply: «show new arrivals differently» is your job; «add a new kind of section» is a job for whoever writes the code.