← 全部文章

教程

Allegro 微调:更安静、更密集、没有赞助广告

18 5月 2026 · 作者 JustZix Team

Allegro 是个购物的好地方,但它的界面不停地争夺你的注意力。赞助商品溜进真实结果之间,横幅占去半个屏幕,推荐轮播没完没了。本指南展示如何用 JustZix 改造 allegro.pl,让结果列表密集、易读、没有噪音——全都靠几条固定到该域名的 CSS 和 JS 规则。

为什么要改造 Allegro

Allegro 的结果页面至少混合三样东西:自然商品、推广商品和广告块。当你在搜寻某个特定商品时,推广卡片打断你扫读的节奏,人为地拉长列表。JustZix 不改变 Allegro 的运作方式——它只是在你打开页面时把你的 CSS 和 JS 规则叠加上去。这些规则只对你生效,只在 allegro.pl 上生效,而且你可以一键开关。

隐藏赞助商品与推广商品

Allegro 上的推广卡片通常带有可见的“Sponsorowane”或“Promowane”标签,以及暴露其类型的 data 属性。最简单的办法是一条按列表条目属性匹配的 CSS 规则:

/* 隐藏结果里的赞助商品卡片 */
article[data-analytics-view-label="showSponsoredOffer"],
article[data-box-name*="sponsored"],
div[data-role="sponsored-offers"] {
  display: none !important;
}

Allegro 有时只在页面加载后才渲染标签,所以值得再加一条 JS 规则,它在更多结果被追加时也清理列表:

// 移除被标记为赞助/广告的卡片
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 懒加载结果——监听变化
new MutationObserver(hideSponsored).observe(document.body, {
  childList: true, subtree: true,
});

更密集的结果网格

Allegro 的默认网格在卡片周围留下大量空白。如果你在大显示器上浏览,可以通过缩小间距和卡片内边距,在一屏上容纳更多商品:

/* 紧凑网格——每屏更多商品 */
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;
}

高亮免运费与 Smart

扫读一个长列表时,很容易漏掉哪些商品免运费或在 Allegro Smart! 覆盖范围内。与其去读小字,不如用一条 JS 规则给那些卡片加上彩色边框:

// 高亮免运费/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';
  }
});

这样你一眼就能看出哪里不用为运费多花钱——而不用读每一张卡片。

移除横幅与推荐轮播

顶部的促销横幅以及“为你推荐”和“其他人也看过”块把真实结果挤到页面下方。如果你带着具体目标来到 Allegro,可以把它们彻底隐藏:

/* 隐藏横幅与推荐轮播 */
div[data-box-name*="banner"],
div[data-box-name*="recommendation"],
section[data-analytics-view-label*="recommended"],
div[data-box-name="advertisement"] {
  display: none !important;
}

更平静的商品页面

Allegro 的商品页面也带着不少干扰物:交叉销售区块、“一起买更便宜”框、底部重复的推荐。你可以把它们隐藏掉,只留下描述和参数:

/* 更平静的商品页面 */
div[data-box-name*="upsell"],
div[data-box-name*="crossSell"],
div[data-box-name*="bundle"],
section[data-box-name*="similar offers"] {
  display: none !important;
}
/* 更强的描述对比度 */
div[data-box-name="Description"] {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

搭建你自己的一套

把这些微调保留为单独的、命名的规则——“Allegro:无赞助”“Allegro:密集网格”“Allegro:平静商品页”——每个都固定到 allegro.pl。然后你可以恰好打开你需要的东西:搜寻时的完整专注模式,或日常浏览时只隐藏广告。

Allegro 的现成规则在目录里——看看 allegro.pl 的示例,复制适合你的。安装 JustZix,今天就清理你的购物体验。