Seguimos con la ronda de snippets para modificar el aspecto de tu tienda online. En el post anterior vimos como modificar las pestañas o tabs de la página de producto. Hoy vamos a ver como modificar otros elementos de la página de producto.

Eliminar el SKU o referencia

Para ciertos productos no tiene mucho sentido mostrar el número de referencia. En tal caso puedes ocultarlo con el siguiente snippet

add_filter( 'wc_product_sku_enabled', '__return_false' );

 

Cambiar el número de columnas de la galería

Debajo de la foto destacada del artículo, aparecen las miniaturas del resto de fotos del producto. Si crees que tendría un mejor aspecto cambiando el número de columnas, incluye este snippet:

add_filter ( 'woocommerce_product_thumbnails_columns', 'xx_thumb_cols' );
 function xx_thumb_cols() {
     return 4;
 }

 

Mostrar el número de unidades vendidas del producto

Puede ser muy interesante mostrar el número de unidades vendidas, ya que es una buena señal de que un producto tiene éxito. Para hacerlo añade este snippet

add_action( 'woocommerce_single_product_summary', 'bbloomer_product_sold_count', 11 );
 
function bbloomer_product_sold_count() {
    global $product;
    $units_sold = get_post_meta( $product->id, 'total_sales', true );
    echo '<p>' . sprintf( __( 'Unidades vendidas: %s', 'woocommerce' ), $units_sold ) . '</p>';
}

 

Cambiar el número y columnas de Upsells

Los upsells son sugerencia de compra para un determinado artículo. Con este snippet puedes cambiar el número de ellos que va a aparecer así como el número de columnas

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_upsells', 15 );
 
if ( ! function_exists( 'woocommerce_output_upsells' ) ) {
    function woocommerce_output_upsells() {
        woocommerce_upsell_display( 3,3 ); // Muestra 3 productos en filas de 3
    }
}

 

Eso es todo! Los snippets de este post y del anterior han sido recopilados de la documentación de WooCommerce y de Businessbloomer.com.