← Alle Beispiele

Product Hunt: ablenkungsfreie Produktseite

Blendet verwandte Produkte und Seitenblöcke aus und lässt nur den Kerninhalt der Produktseite.

Code zum Kopieren

/* Distraction-free product page: keep only the core content */
[data-test="related-products"],
[data-test="more-from-maker"],
[data-test="product-aside"],
article aside {
  display: none !important;
}
[data-test="product-content"],
article > div:first-child {
  max-width: 760px !important;
  margin: 0 auto !important;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.