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

2 minutos de lectura

avatar de usuario
Tata

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:

ingrese la descripción de la imagen aquí

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

ingrese la descripción de la imagen aquí

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.

avatar de usuario
LoicTheAztec

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.

ingrese la descripción de la imagen aquí

  • esto no está funcionando [product_page id=”99″] muestra error seleccione el diseño de la plantilla para la página del producto

    – Ankit Prajápati

    13 de noviembre de 2019 a las 14:00

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad