Soporte » WordPress Avanzado » Productos Relacionados

  • Hola, me gustaría saber como puedo hacer para ampliar el tamaño de la sección de Productos relacionados (Me gustaría que fuese mas grande) algo como en esta pagina: `https://batukjeans.com.ar/producto/remera-superlativ/?
    en la sección «Puede interesarte».

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 1 respuesta (de un total de 1)
  • Lo puedes hacer con un code snippet añadiendo los productos relacionados en una pestaña.

    Te paso el código:

    // Eliminamos los productos relacionados de la zona en la que están
    remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
    remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
    
    // Creamos la nueva pestaña
    function maybe_add_tab( $tabs ) {
    
        $tabs['related_items'] = array(
            'title'    => __( 'Productos relacionados', 'textdomain' ), //Cambiamos nombre de la pestaña
            'priority' => 30, // Establecemos dónde mostrar la pestaña
            'callback' => 'dl_mostrar_prod_relacc_en_pestana',
        );
    
        return $tabs;
    }
    
    add_filter( 'woocommerce_product_tabs', 'maybe_add_tab' );
    
    add_filter ('woocommerce_related_products_args', 'ejr_woo_limite_relacionados');
    // Generamos todo el contenido de la pestaña
    function sv_wc_maybe_add_upsell_tab( $tabs ) {
        global $product;
    
        $upsells = is_callable( array( $product, 'get_upsell_ids' ) )     ? $product->get_upsell_ids()     : $product->get_upsells();
        $related = is_callable( array( $product, 'get_cross_sell_ids' ) ) ? $product->get_cross_sell_ids() : $product->get_cross_sells();
    
        if ( empty( $upsells ) && empty( $related ) ) {
            return $tabs;
        }
    
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
    
        $new_tabs = is_null( $tabs ) ? array() : $tabs;
    
        $new_tabs['upsells'] = array(
            'title'    => __( 'Combinalo', 'woocommerce-upsells-tab' ),
            'priority' => 25,
            'callback' => 'dl_mostrar_prod_relacc_en_pestana',
    		
        );
    
        return $new_tabs;
    }
    add_filter( 'woocommerce_product_tabs', 'sv_wc_maybe_add_upsell_tab' );
    
    // Volver a activar los prodcutos relacionados
    function dl_mostrar_prod_relacc_en_pestana() {
        woocommerce_upsell_display();
        woocommerce_output_related_products();
    
    }
    
    

    Como verás, una vez consigues tener la pestaña puedes hacer mediante CSS lo que te apetezca en cuanto a diseño. Cada una de ellas tiene un diferente.

    • Esta respuesta fue modificada hace 2 semanas, 4 días por Fernando Tellado. Razón: Enlaces innecesarios
Viendo 1 respuesta (de un total de 1)
  • Debes estar registrado para responder a este debate.