<?php
/**
* JBA Jueg@S
* WooCommerce Checkout
* Corrección del resumen del pedido
*/
add_action('wp_head', function () {
if (!function_exists('is_checkout') || !is_checkout()) {
return;
}
?>
<style>
/* RESUMEN DEL PEDIDO */
.woocommerce-checkout-review-order-table {
width: 100% !important;
table-layout: auto !important;
}
.woocommerce-checkout-review-order-table tr {
width: 100% !important;
}
.woocommerce-checkout-review-order-table td {
vertical-align: top !important;
}
/* IMAGEN */
.woocommerce-checkout-review-order-table td.product-thumbnail {
width: 65px !important;
min-width: 65px !important;
max-width: 65px !important;
}
.woocommerce-checkout-review-order-table td.product-thumbnail img {
max-width: 55px !important;
height: auto !important;
}
/* NOMBRE DEL PRODUCTO */
.woocommerce-checkout-review-order-table td.product-name {
width: 55% !important;
min-width: 150px !important;
max-width: none !important;
display: table-cell !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
writing-mode: horizontal-tb !important;
}
/* ENLACE / ELEMENTO VERDE */
.woocommerce-checkout-review-order-table td.product-name a,
.woocommerce-checkout-review-order-table td.product-name .button,
.woocommerce-checkout-review-order-table td.product-name .btn {
display: inline-block !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 8px 14px !important;
margin: 0 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
}
/* CONTENIDO INTERNO */
.woocommerce-checkout-review-order-table td.product-name *,
.woocommerce-checkout-review-order-table td.product-name span {
writing-mode: horizontal-tb !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
/* PRECIO */
.woocommerce-checkout-review-order-table td.product-total {
width: 90px !important;
min-width: 90px !important;
max-width: 90px !important;
display: table-cell !important;
white-space: nowrap !important;
text-align: right !important;
}
</style>
<?php
}, 99999);
Deja una respuesta