Cómo insertar shortcodes de producto de WooCommerce en la página de producto individual

Los shortcodes de producto de WooCommerce permiten añadir tablas adicionales — variaciones, ventas dirigidas (upsells), ventas cruzadas (cross-sells) y productos relacionados — a la página de producto individual. Abra, por favor, este producto de ejemplo.

Para insertar una tabla con las variaciones del producto, use el siguiente código en el archivo functions.php:

add_filter('woocommerce_after_add_to_cart_button', function() {
    global $product;

    if (is_object($product) AND $product->is_type('variable')) {
        echo do_shortcode("[woot_variations per_page=4 columns='thumbnail,pa_size,pa_color,price,add_to_cart']");
    }
});

Aquí, las columnas de atributos son opcionales.

Para insertar "corazón, galería y botón emergente" en la página de producto individual, use el siguiente código en el archivo functions.php:

add_filter('woocommerce_product_meta_end', function() {
    echo '

' . do_shortcode('[woot_favourites_single_btn]');
    echo '

' . do_shortcode('[woot_gallery]');
    echo '

' . do_shortcode('[woot_popup_iframe_button popup_page_link='https://demo.products-tables.com/wpform-contact-ask-me/' button_text='Send message to the product manager' popup_title='Popup header title' css_class='woot-btn']');
    echo '


' . do_shortcode("[woot_single_btn button_text='Extended information' css_class='woot-btn']").'
';
});

La tabla de archivos adjuntos se coloca directamente en el editor de texto mediante el shortcode [woot_attachments columns="title,file,description"]

Las pestañas de valoraciones, información adicional, WOOT Cross Sells, WOOT Upsells y WOOT Related se modifican y se añaden con el siguiente código en el archivo functions.php:

add_filter('woocommerce_product_tabs', function ($tabs) {
    $tabs['reviews'] = array(
        'title' => __('WOOT Reviews', 'woocommerce'),
        'priority' => 49,
        'callback' => function() {
            $product_id = get_the_ID();
            echo '' . do_shortcode("[woot_reviews id={$product_id}]") . '';
        }
    );

    $tabs['additional_information'] = array(
        'title' => __('Additional information', 'woocommerce'),
        'priority' => 50,
        'callback' => function() {
            $product_id = get_the_ID();
            echo do_shortcode("[woot_single id={$product_id} columns='weight,height,width,pa_size,pa_color,gallery']");
        }
    );

    $tabs['woot_cross_sells_tab'] = array(
        'title' => __('WOOT Cross Sells', 'woocommerce'),
        'priority' => 50,
        'callback' => function() {
            $product_id = get_the_ID();
            echo do_shortcode("[woot_cross_sells id={$product_id}]");
        }
    );

    $tabs['woot_upsells_tab'] = array(
        'title' => __('WOOT UpSells', 'woocommerce'),
        'priority' => 50,
        'callback' => function() {
            $product_id = get_the_ID();
            echo do_shortcode("[woot_upsells id={$product_id}]");
        }
    );
    /*
      $tabs['woot_grouped_tab'] = array(
      'title' => __('WOOT Grouped', 'woocommerce'),
      'priority' => 50,
      'callback' => function() {
      $product_id = get_the_ID();
      echo do_shortcode("[woot_grouped id={$product_id}]");
      }
      );
     */

    $tabs['woot_related_tab'] = array(
        'title' => __('WOOT Related', 'woocommerce'),
        'priority' => 50,
        'callback' => function() {
            $product_id = get_the_ID();
            echo do_shortcode("[woot_related id={$product_id}]");
        }
    );

    return $tabs;
});

Lea también:

WooCommerce Visual Hook Guide: Single Product Page

Documentación y descripción de funciones de WOOT - WooCommerce Active Products Tables