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