Product Hunt: pagina prodotto senza distrazioni
Nasconde i prodotti correlati e i blocchi laterali, lasciando solo il contenuto principale.
Codice da copiare
/* 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;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.