Product Hunt: tryb skupienia na stronie produktu
Ukrywa produkty powiązane i boczne bloki na stronie produktu, zostawiając tylko najważniejszą treść.
Kod do skopiowania
/* 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;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.