Jarosław Apanasewicz 1 min czytania WordPress

WooCommerce – Jak przenieść płatności do prawej kolumny?

Podczas tworzenia niestandardowej strony WooCommerce Checkout może być konieczne przeniesienie płatności w inne miejsce.

WooCommerce – Jak przenieść płatności do prawej kolumny?

Ten sam proces można zastosować do dowolnej sekcji w WooCommerce Checkout.

Jak przenieść płatności za pomocą CSS?

  • Wejdź na swoją stronę internetową WP-ADMIN i wybierz Wygląd -> Dostosuj
  • Przejdź do niestandardowego CSS
  • Wklej kod poniżej:


#customer_details {
width: 100%;
display: block;
}
#customer_details .col-md-6 {
width: 50%;
float: left;
}
#customer_details .col-md-6:nth-child-2, #order_review_heading {
display: none;
}
#order_review {
display: block;
float: left;
width: 50%;
}
@media only screen and (max-width: 768px) {
#customer_details .col-md-6 {
width: 100%;
float: left;
}
#order_review {
display: block;
float: left;
width: 100%;
}
}

  • Publikuj

Zobacz film, jak to zrobić: