Ajustes de Allegro: más tranquilo, más denso y sin anuncios patrocinados
Allegro es un gran sitio para comprar, pero su interfaz lucha constantemente por tu atención. Las ofertas patrocinadas se cuelan entre los resultados reales, los banners ocupan media pantalla y los carruseles de recomendaciones siguen sin fin. Esta guía muestra cómo remodelar allegro.pl con JustZix para que la lista de resultados sea densa, legible y libre de ruido — todo con un puñado de reglas CSS y JS fijadas al dominio.
Por qué remodelar Allegro
La página de resultados de Allegro mezcla al menos tres cosas: ofertas orgánicas, ofertas promocionadas y bloques de anuncios. Cuando buscas un producto concreto, las tarjetas promocionadas rompen tu ritmo de exploración y alargan artificialmente la lista. JustZix no cambia cómo funciona Allegro — simplemente superpone tus reglas CSS y JS en la página cuando la abres. Las reglas se aplican solo a ti, solo en allegro.pl, y puedes activarlas y desactivarlas con un solo clic.
Oculta las ofertas patrocinadas y promocionadas
Las tarjetas promocionadas en Allegro suelen llevar una etiqueta visible de "Sponsored" o "Promoted" más atributos data que revelan su tipo. La solución más simple es una regla CSS emparejada contra el atributo del elemento de lista:
/* Oculta las tarjetas de ofertas patrocinadas en los resultados */
article[data-analytics-view-label="showSponsoredOffer"],
article[data-box-name*="sponsored"],
div[data-role="sponsored-offers"] {
display: none !important;
}Allegro a veces muestra la etiqueta solo después de cargar la página, así que vale la pena añadir una regla JS que también limpie la lista a medida que se añaden más resultados:
// Quita las tarjetas marcadas como patrocinadas / anuncio
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 carga resultados de forma diferida — vigila los cambios
new MutationObserver(hideSponsored).observe(document.body, {
childList: true, subtree: true,
});Una cuadrícula de resultados más densa
La cuadrícula por defecto de Allegro deja bastante espacio vacío alrededor de las tarjetas. Si navegas en un monitor grande, puedes hacer que quepan más ofertas en una pantalla reduciendo los huecos y el relleno de las tarjetas:
/* Cuadrícula compacta — más ofertas por pantalla */
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;
}Resalta el envío gratis y Smart
Cuando ojeas una lista larga es fácil pasar por alto qué ofertas envían gratis o están cubiertas por Allegro Smart!. En lugar de leer la letra pequeña, resalta esas tarjetas con un contorno de color usando una regla JS:
// Resalta las ofertas con envío gratis / 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';
}
});Ahora puedes ver de un vistazo dónde no pagarás de más por el envío — sin leer cada tarjeta.
Quita los banners y carruseles de recomendaciones
Los banners promocionales de arriba y los bloques de "Recomendado para ti" y "Otros también vieron" empujan los resultados reales hacia abajo en la página. Si llegas a Allegro con un objetivo concreto, puedes ocultarlos del todo:
/* Oculta los banners y carruseles de recomendaciones */
div[data-box-name*="banner"],
div[data-box-name*="recommendation"],
section[data-analytics-view-label*="recommended"],
div[data-box-name="advertisement"] {
display: none !important;
}Páginas de producto más tranquilas
Una página de producto de Allegro también lleva muchas distracciones: secciones de venta cruzada, cuadros de "Compra junto más barato", recomendaciones repetidas al final. Puedes ocultarlas y dejar solo la descripción y las especificaciones:
/* Una página de producto más tranquila */
div[data-box-name*="upsell"],
div[data-box-name*="crossSell"],
div[data-box-name*="bundle"],
section[data-box-name*="similar offers"] {
display: none !important;
}
/* Mayor contraste de la descripción */
div[data-box-name="Description"] {
font-size: 16px !important;
line-height: 1.7 !important;
}Monta tu propio conjunto
Mantén estos ajustes como reglas separadas y con nombre — "Allegro: sin patrocinados", "Allegro: cuadrícula densa", "Allegro: producto tranquilo" — cada una fijada a allegro.pl. Entonces puedes activar exactamente lo que necesitas: el modo enfoque completo mientras buscas, o solo la ocultación de anuncios para la navegación diaria.
Las reglas ya hechas para Allegro están en el catálogo — mira los ejemplos para allegro.pl y copia lo que encaje. Instala JustZix y despeja tus compras hoy.
Valora este artículo
Sin valoraciones — sé el primero.