Positions, Stacking & Offsets

The 9 positions

Each sticker anchors to the product image (not the whole card, not the text): four corners, four edge centers, and the center.

top-left        top-center        top-right
center-left       center        center-right
bottom-left    bottom-center    bottom-right

The anchoring is computed server-side and works on the product page, in category listings, and in the “featured / same category / viewed” blocks.

Automatic stacking — stickers never overlap

If several stickers share the same position on the same product, they stack automatically, ordered by their Priority field (lowest number closest to the corner). Top positions stack downwards, bottom positions stack upwards.

Overlap is impossible within a position by construction. Different positions are independent — a very tall stack can eventually reach another position’s area, so keep an eye on extreme cases (or limit how many stickers share a corner).

“Stacked with the theme flags”

A special position: the sticker joins the theme’s own flag list (the native “-20%”, “New” labels) and is stacked right below them by the theme itself. This gives a perfectly integrated look on any theme and never conflicts with the native flags.

If a page has no flag list, the sticker gracefully falls back to the top-left corner.

Offset X/Y

Two optional fields shift the sticker by up to ±500 px (positive = right/down). Use them for pixel-perfect tuning — for example to move a corner sticker clear of the theme’s flags, or to nudge a sticker inside the flags list. The offset moves only that sticker; the rest of the stack keeps its geometry.

Priority

Priority orders stickers everywhere: inside a stack, inside the flags list, and in the general rendering order. Lower number = first.

Hiding the theme’s native flags

Your theme already shows “-20%” and “New” flags, which can duplicate the module’s automatic discount badge or “new products” rule. In the module settings you can hide:

  • all native flags (module stickers stay visible), or
  • only the discount flag, or
  • only the “New” flag.