← All posts

Tutorials

Allegro tweaks: quieter, denser and no sponsored ads

18 May 2026 · by JustZix Team

Allegro is a great place to shop, but its interface constantly fights for your attention. Sponsored offers slip in between real results, banners take up half the screen, and recommendation carousels run on forever. This guide shows how to reshape allegro.pl with JustZix so the results list is dense, readable and free of noise — all with a handful of CSS and JS rules pinned to the domain.

Why reshape Allegro

Allegro's results page mixes at least three things: organic offers, promoted offers and ad blocks. When you are hunting for a specific product, the promoted cards break your scanning rhythm and artificially stretch the list. JustZix does not change how Allegro works — it simply layers your CSS and JS rules onto the page when you open it. The rules apply only to you, only on allegro.pl, and you can toggle them on and off with a single click.

Hide sponsored and promoted offers

Promoted cards on Allegro usually carry a visible "Sponsored" or "Promoted" label plus data attributes that reveal their type. The simplest fix is a CSS rule matched against the list item's attribute:

/* Hide sponsored offer cards in the results */
article[data-analytics-view-label="showSponsoredOffer"],
article[data-box-name*="sponsored"],
div[data-role="sponsored-offers"] {
  display: none !important;
}

Allegro sometimes renders the label only after the page loads, so it is worth adding a JS rule that also cleans the list as more results are appended:

// Remove cards marked as sponsored / advertisement
function hideSponsored() {
  document.querySelectorAll('article, div[data-box-name]').forEach(card => {
    const txt = card.textContent || '';
    if (/Sponsorowane|Reklama|Promowane/i.test(txt.slice(0, 120))) {
      card.style.display = 'none';
    }
  });
}
hideSponsored();
// Allegro lazy-loads results — watch for changes
new MutationObserver(hideSponsored).observe(document.body, {
  childList: true, subtree: true,
});

A denser results grid

Allegro's default grid leaves plenty of empty space around the cards. If you browse on a large monitor, you can fit more offers on one screen by shrinking the gaps and card padding:

/* Compact grid — more offers per screen */
div[data-box-name="items container"] {
  gap: 8px !important;
}
article[data-role="offer"] {
  padding: 8px !important;
  margin-bottom: 0 !important;
}
article[data-role="offer"] img {
  max-height: 160px !important;
  object-fit: contain !important;
}

Highlight free delivery and Smart

When you skim a long list it is easy to miss which offers ship free or are covered by Allegro Smart!. Instead of reading the fine print, highlight those cards with a coloured outline using a JS rule:

// Highlight offers with free delivery / Smart
document.querySelectorAll('article[data-role="offer"]').forEach(card => {
  const txt = (card.textContent || '').toLowerCase();
  if (txt.includes('smart!') || txt.includes('darmowa dostawa')) {
    card.style.outline = '2px solid #2e7d32';
    card.style.borderRadius = '8px';
  }
});

Now you can see at a glance where you will not pay extra for shipping — without reading every card.

Remove banners and recommendation carousels

The top promo banners and the "Recommended for you" and "Others also viewed" blocks push real results down the page. If you arrive on Allegro with a specific goal, you can hide them entirely:

/* Hide banners and recommendation carousels */
div[data-box-name*="banner"],
div[data-box-name*="recommendation"],
section[data-analytics-view-label*="recommended"],
div[data-box-name="advertisement"] {
  display: none !important;
}

Calmer product pages

An Allegro product page also carries plenty of distractions: cross-sell sections, "Buy together cheaper" boxes, repeated recommendations at the bottom. You can hide them and keep just the description and specs:

/* A calmer product page */
div[data-box-name*="upsell"],
div[data-box-name*="crossSell"],
div[data-box-name*="bundle"],
section[data-box-name*="similar offers"] {
  display: none !important;
}
/* Stronger description contrast */
div[data-box-name="Description"] {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

Build your own set

Keep these tweaks as separate, named rules — "Allegro: no sponsored", "Allegro: dense grid", "Allegro: calm product" — each pinned to allegro.pl. Then you can turn on exactly what you need: full focus mode while hunting, or just ad hiding for everyday browsing.

Ready-made rules for Allegro are in the catalog — see the examples for allegro.pl and copy whatever fits. Install JustZix and declutter your shopping today.