Podczas tworzenia niestandardowej strony WooCommerce Checkout może być konieczne przeniesienie płatności w inne miejsce. 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ć: