Cómo mostrar una página de producto de una sola variable en la página de inicio en Woocommerce

En Woocommerce tengo un conjunto de productos de una sola variable con diferentes atributos. Puedo ver el producto como la siguiente imagen (sin sus variaciones de atributos), en páginas de archivo como tienda:

Cuando veo este producto en su página de un solo producto, puedo ver los siguientes detalles:

Por lo tanto, me gustaría ver todos los detalles en la página de inicio para que el comprador pueda seleccionar su variación y agregarla al carrito sin abrir más el producto.

Intenté editar el archivo woocommerce single-product.php pero no lo conseguí.

¿Hay alguna manera de obtener esos detalles completos?

Cualquier ayuda es apreciada.

Si desea mostrar un producto variable “detallado” (como en la página de un solo producto) en su página de inicio, debe:

1. Crear una página sencilla de WordPress y conviértela en tu página de inicio.

2. En esa página, dentro del editor de texto de contenido de WordPress, pegarás un código abreviado de woocommerce. En este shortcode, configurará la ID de publicación correcta (o ID de producto) correspondiente al producto deseado que se mostrará como en el siguiente ejemplo:

   [product_page id="99"]
   

Ahora tendrás el producto detallado en tu página de inicio.

Es posible que deba eliminar de esta página algunos detalles no deseados como las fichas de productos, los productos relacionados y algunas cosas más.

Si observa la plantilla de woocommerce single-content-product.php, verá que todas las secciones están “enganchadas” (agregadas) a la página del producto.

Puede eliminar algunos usando, por ejemplo, el siguiente ejemplo que eliminará:

• la sección de fichas de productos
• La sección de ventas adicionales
• La sección de productos relacionados

Aquí está ese código de ejemplo:

add_action( 'template_redirect', 'remove_after_single_product_section_on_home', 1 );
function remove_after_single_product_section_on_home(){

    // On home page only
    if( is_front_page() ) {
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 ); // Product tabs
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 ); // Upsells
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 ); // Related products
    }
}

El código va en el archivo function.php de su tema secundario activo (o tema activo). Probado y funciona.