He reunido un Guía de gancho visual para el bloque de carretas de WooCommerce (Puedes encontrar el Versión Legacy Shortcode aquí).
Tenga en cuenta que a partir de la fecha anterior, realmente no puede personalizar el bloque CART a través de PHP (a menos que use la solución a continuación).
Si necesitas Personalizar la página del carritomover elementos alrededor, ocultar elementos predeterminados, agregar contenido personalizado, puede reproducir en la página de edición y hacer el trabajo manual habitual con bloques: Puede moverlos (por ejemplo, puede mover el formulario de cupón a la parte inferior), eliminarlos (por ejemplo, puede eliminar el bloque de cárceles cruzados), colocar bloques entre bloques predeterminados (por ejemplo, puede agregar algún texto arriba y debajo del «» Coloque el botón ”), etc.
Pero si desea hacer eso a través del código (complemento personalizado, fragmento, tema infantil), entonces debes volver a la versión de código corto – A menos que, una vez más, pueda comprender mi solución según la guía de gancho visual a continuación.
Entonces, al menos por ahora y hasta que WooCommerce decida liberar acciones y filtros para los desarrolladores estadounidenses, veamos cómo Encuentre los ganchos de bloque de carrito de WooCommerce rápida y fácilmente viendo su ubicación real.
Una vez que haya elegido su gancho, todo lo que necesita hacer en su código personalizado es «add_action (‘Hook_name’, ‘Custom_Function’);«Y puede colocar su contenido personalizado en esa posición exacta dentro del bloque de carrito de WooCommerce.
¡Disfrutar!
Fragmento de php requerido
Para que los ganchos (acciones) funcionen, debe instalar lo siguiente en un fragmento de código, funciones de tema infantil.php o complemento personalizado.
También debes vigilar la matriz de $ bloques, ya que he ingresó manualmente los nombres de los subbloqueos de bloque de carrito de WooCommerceque encontré dentro del get_cart_block_content () Función del núcleo de WooCommerce.
/** * @snippet Create Hooks For WooCommerce Cart Block * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @compatible WooCommerce 9 * @community https://businessbloomer.com/club/ */ add_filter( 'render_block', 'bbloomer_woocommerce_cart_block_do_actions', 9999, 2 ); function bbloomer_woocommerce_cart_block_do_actions( $block_content, $block ) { $blocks = array( 'woocommerce/cart', 'woocommerce/filled-cart-block', 'woocommerce/cart-items-block', 'woocommerce/cart-line-items-block', 'woocommerce/cart-cross-sells-block', 'woocommerce/cart-cross-sells-products-block', 'woocommerce/cart-totals-block', 'woocommerce/cart-order-summary-block', 'woocommerce/cart-order-summary-heading-block', 'woocommerce/cart-order-summary-coupon-form-block', 'woocommerce/cart-order-summary-subtotal-block', 'woocommerce/cart-order-summary-fee-block', 'woocommerce/cart-order-summary-discount-block', 'woocommerce/cart-order-summary-shipping-block', 'woocommerce/cart-order-summary-taxes-block', 'woocommerce/cart-express-payment-block', 'woocommerce/proceed-to-checkout-block', 'woocommerce/cart-accepted-payment-methods-block', ); if ( in_array( $block['blockName'], $blocks ) ) { ob_start(); do_action( 'bbloomer_before_' . $block['blockName'] ); echo $block_content; do_action( 'bbloomer_after_' . $block['blockName'] ); $block_content = ob_get_contents(); ob_end_clean(); } return $block_content; } Guía de gancho visual de bloque de carrito de WooCommerce
Ahora que el fragmento de arriba está activo, el bloque de carrito de WooCommerce ahora tendrá sus propios ganchos de acción. Estos se nombrarán ‘bbloomer_before_‘ y ‘bbloomer_after_‘, seguido de uno de los nombres de bloques.
Por ejemplo,
'bbloomer_before_woocommerce/cart-totals-block'… le permitirá agregar contenido antes de que el carro sea el subbloque dentro del bloque de carrito de WooCommerce.
Aquí está la guía completa de gancho visual: puede encontrar algunos ejemplos de uso a continuación.
bbloomer_before_wooCommerce/carrito
bbloomer_before_wooCommerce/relleno-carto-bloqueo
bbloomer_after_wooCommerce/relleno-carto-bloque
bbloomer_after_wooCommerce/carrito
Uso
Digamos que desea mostrar algo de contenido (texto, imagen, un script, lo que sea) en una posición específica de bloque de carrito de WooCommerce.
Con la guía visual, identifica la posición y observa el nombre del gancho. Luego, activas tu función para hacer eco del contenido. Es así de simple.
Aquí hay un par de ejemplos:
Php Snippet 1: Muestre algo antes del botón «Proceder a pagar» en el bloque de carrito
El gancho correcto aquí es ‘bbloomer_before_wooCommerce/procedimiento-to-checkout-bloqueo‘. Ahora enganchemos nuestra función personalizada y hacemos eco de algo.
/** * @snippet Add Content Above Proceed to Checkout (WooCommerce Cart Block) * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @compatible WooCommerce 9 * @community https://businessbloomer.com/club/ */ add_action( 'bbloomer_before_woocommerce/proceed-to-checkout-block', function() { echo 'whatever'; }); Resultado:
Php Snippet 2: Muestra nuevos productos debajo del bloque de carro de vellas cruzadas @ wooCommerce
El gancho correcto aquí es ‘bbloomer_after_wooCommerce/Cart-Cross-Sells-Block‘. Ahora enganchemos nuestra función personalizada y hacemos eco de algo: ¡en este caso mostraremos un bloque de productos!
/** * @snippet Add Product Block Below Cross-Sells (WooCommerce Cart Block) * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @compatible WooCommerce 9 * @community https://businessbloomer.com/club/ */ add_action( 'bbloomer_after_woocommerce/cart-cross-sells-block', function() { echo 'Just in!
'; echo do_blocks( '' ); }); Resultado:
