Astra Themes WooCommerce Hooks Guía Práctica: Construyendo Páginas de Comercio Electrónico Flexibles

en el uso de Astra Desarrollo temático WooCommerce Comprar cuando el gancho (Ganchos) es un poderoso medio para habilitar extensiones de características, optimización de interfaz y ajustes de comportamiento front-end. Este artículo es una colección de hooks de uso común de Astra y WooCommerce para desarrolladores que buscan mejorar el rendimiento de sus sitios web. Se recomienda colocar todo el código en el directorio funciones.php Documentación.

Ganchos básicos: optimizar el componente de comercio electrónico

Modifique la etiqueta del título de la barra lateral para <h4>

Cambia la etiqueta del título del widget de la barra lateral por <h4>que ayuda a mejorar la claridad de la estructura de la página en favor de SEO.

Uso de la página de la tienda:

add_filter( 'astra_woocommerce_shop_sidebar_init', 'widget_title_tag', 10, 1 );
function widget_title_tag( $atts ) {
    $atts['before_title'] = '<h4 class="widget-title">';
    $atts['after_title'] = '</h4>';
    return $atts;
}

Uso de la página del producto:

add_filter( 'astra_woocommerce_single_sidebar_init', 'widget_title_tag', 10, 1 );

empotrado (iluminación)carroIndicación de la cantidad

Cuando el carro está vacío, muestra la cantidad en blanco.

add_filter('astra_woo_header_cart_total', 'remove_cart_count');
function remove_cart_count( $default ) {
    return WC()->cart->get_cart_contents_count() == 0 ? false : $default;
}

Modificar el texto y el estilo de la cesta de la compra

Cambiar el texto del carrito de la compra móvil:

add_filter( 'astra_header_cart_flyout_shopping_cart_text', function() {
    return 'Mi cesta de la compra';
});

Desactivar la visualización de la cantidad de la cesta:

add_filter( 'astra_header_cart_count', '__return_false' );

Personaliza el título del carrito:

add_filter( 'astra_header_cart_title', function() {
    return 'Encabezado personalizado';
});

Añade un nombre de clase de estilo de carrito de la compra:

add_filter( 'astra_cart_in_menu_class', function( $args ){
    return array_merge($args, ['custom-class-1', 'custom-class-2']);
});

Desactivar el icono por defecto del carrito de la compra:

add_filter( 'astra_woo_default_header_cart_icon', '__return_false' );

Ganchos de página WooCommerce

Desactivar la integración WooCommerce de Astra

Para la recuperación WooCommerce Estructura de página nativa.

add_filter( 'astra_enable_woocommerce_integration', '__return_false' );

Ocultar la categoría principal de la página de la tienda

add_filter( 'astra_woo_shop_parent_category', '__return_false' );

Sustitución"bienes no disponibles"Texto de entrada

add_filter( 'astra_woo_shop_out_of_stock_string', function() {
    return 'No disponible en este momento';
});

Ganchos Astra Pro Plug-in (es necesario instalarlos)

Personalice el mensaje "No hay más productos".

add_filter( 'astra_shop_no_more_product_text', function() {
    return 'No hay más productos disponibles';
});

Sustituir la dirección de la página de salto después de añadir la cesta de la compra

add_filter( 'astra_woocommerce_add_to_cart_redirect', function() {
    return 'https://yourdomain.com/custom-cart/';
});

Sustitución del texto del botón "Cargar más

add_filter( 'astra_load_more_text', function() {
    return 'Ver más';
});

Ganchos de comportamiento frontales

El enlace del producto se abre en una nueva pestaña

remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
add_action( 'woocommerce_before_shop_loop_item', function() {
    echo '<a target="_blank" href="/es/' . get_the_permalink() . '/" class="woocommerce-LoopProduct-link">';
}, 10 );

Mostrar la cantidad de existencias encima del botón de añadir al carrito

add_action( 'astra_woo_shop_add_to_cart_before', function() {
    global $product; echo wc_get_stock_html( $product ); }
    echo wc_get_stock_html( $product );
}).

Extensión del contenido de la página

Añadir contenido personalizado a las páginas de la tienda

Añadir antes del resumen:

add_action( 'astra_woo_shop_before_summary_wrap', function() {
    echo '<div>Contenido previo al resumen</div>';
});

Añadido después del resumen:

add_action( 'astra_woo_shop_after_summary_wrap', function() {
    echo '<div>contenido post-abstract</div>';
});

Añada un botón "Seguir comprando" a la cesta de la compra y a la página de pago.

add_action( 'woocommerce_after_cart_table', function() {
    $url = get_permalink( wc_get_page_id( 'shop' ) );
    echo '<div><a href="/es/'.$url.'/" class="button">Sigue comprando.</a></div>';
});
add_action( 'woocommerce_before_checkout_form', function() {
    $url = get_permalink( wc_get_page_id( 'shop' ) ); }; add_action( 'woocommerce_before_checkout_form', function(); echo '
    echo '<div class="woocommerce-message"><a href="/es/'.$url.'/" class="button">Sigue comprando.</a> ¿Quiere ver otros artículos?</div>';
});

Ampliación de la visualización del campo del producto

Mostrar SKU en la lista de productos

add_action( 'woocommerce_after_shop_loop_item_title', function() {
    global $product.
    echo "<p style='color:#444;'>SKU: " . $product-&gt;get_sku() . "</p>";
}, 20 );

Añadir campos antes y después del título de la página de la tienda

add_action( 'astra_woo_shop_title_before', function() {
    echo '<div>Campo de título previo</div>';
});
add_action( 'astra_woo_shop_title_after', function() {
    echo '<div>Campo Post-título</div>';
});

Añadir campos antes y después del título de la página de detalles del producto

add_action( 'astra_woo_single_title_before', function() {
    echo '<div>Campo de título previo</div>';
});
add_action( 'astra_woo_single_title_after', function() {
    echo '<div>Campos después del título del producto</div>';
});

resúmenes

Mediante el uso racional de Astra Ganchos para facilitar el ajuste WooCommerce Contenido de visualización de la tienda y estructura funcional. Estos ganchos cubren el estilo de la página, el texto de los botones, el control de comportamiento, la visualización de campos y otros aspectos , los desarrolladores se pueden utilizar en combinación según sea necesario para crear una página de centro comercial eficiente que se adapte a las necesidades del proyecto. Se recomienda mantener el código en el tema hijo , fácil de administrar y actualizar.

Últimos artículos

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres