Un utente ha chiesto informazioni su WooCommerce di Wordpress

Stile tavolo carrello WooCommerce

Un utente ha chiesto 👇

Ciao a tutti,

Voglio modellare la tabella del carrello nella pagina del carrello di WooCommerce. Ho molti esempi CSS online, ma nessuno sembra funzionare.

Voglio che i bordi della lavagna siano solidi, senza angoli arrotondati. Esiste un codice CSS per farlo?

Inoltre, come modifico il peso delle etichette delle colonne? I colori variabili funzionano, ma il peso non è per qualche motivo.

Infine, c’è un modo per nascondere le opzioni di cross-selling sul file mobile una pagina del carrello?

Tema: Ciao (Elementor)

Il migliore,
Nijs

Supporto per plugin

(@kellymetal)

1 anno fa

Ciao,

Capisco che desideri impostare i bordi della tabella dei prodotti del carrello in modo che siano neri e senza angoli arrotondati, modificare il peso delle etichette delle intestazioni delle colonne e nascondere le vendite incrociate nella pagina del carrello solo su un telefono cellulare.

Prova ad aggiungere la seguente SEC al tuo cliente nella sezione “SEC aggiuntiva”:


/* Set Product Table Border styling */
.woocommerce .woocommerce-cart-form table.shop_table,
.woocommerce .woocommerce-cart-form table.shop_table tr,
.woocommerce .woocommerce-cart-form table.shop_table td,
.woocommerce .woocommerce-cart-form table.shop_table th {
  border: 1px solid black;
  border-radius: 0;
}

/* Set Product table Column header weight */
.woocommerce-cart-form table.shop_table th {
  font-weight: 500 !important;
}

/* Hide Cart Cross Sells on Mobile */
@media only screen and (max-width: 480px) {
  .cart-collaterals .cross-sells {
    display: none;
  }
}

Spero che aiuti! Vi auguro una buona giornata!

Lanciatore di thread

(@ nbouman99)

1 anno fa

Grazie mille. Tutti i tuoi suggerimenti hanno funzionato.

Buona giornata!

Supporto per plugin

(@kellymetal)

1 anno fa

Ciao,

Molto felice di sapere che hanno funzionato! 🙂 🙂

Contrassegnerò questo thread come risolto.
In caso di domande, avviare una nuova discussione.

Buona giornata anche tu!

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *