Agregar Marcas a los productos de WooCommerce

En este artículo, te mostraremos cómo agregar una taxonomía personalizada llamada «Marcas» a tus productos en WooCommerce. También te enseñaremos a agregar un campo de imagen para las marcas y cómo crear un shortcode para mostrar estas imágenes con enlaces a los productos filtrados por cada marca.

Crear la taxonomía «Marcas»

Primero, necesitamos registrar la nueva taxonomía «Marcas». Para ello, agrega el siguiente código al archivo functions.phpde tu tema activo:

 _x('Marcas', 'taxonomy general name', 'textdomain'),
        'singular_name' => _x('Marca', 'taxonomy singular name', 'textdomain'),
        'search_items' => __('Buscar Marcas', 'textdomain'),
        'all_items' => __('Todas las Marcas', 'textdomain'),
        'parent_item' => __('Marca Padre', 'textdomain'),
        'parent_item_colon' => __('Marca Padre:', 'textdomain'),
        'edit_item' => __('Editar Marca', 'textdomain'),
        'update_item' => __('Actualizar Marca', 'textdomain'),
        'add_new_item' => __('Agregar Nueva Marca', 'textdomain'),
        'new_item_name' => __('Nuevo Nombre de Marca', 'textdomain'),
        'menu_name' => __('Marcas', 'textdomain'),
    );

    $args = array(
        'hierarchical' => true,
        'labels' => $labels,
        'show_ui' => true,
        'show_admin_column' => true,
        'query_var' => true,
        'rewrite' => array('slug' => 'marca'),
    );

    register_taxonomy('brand', array('product'), $args);
}
add_action('init', 'create_brand_taxonomy', 0);

Agregar un campo de imágen a la taxonomía «Marcas»

Para agregar un campo de imagen a nuestra taxonomía «Marcas», podemos usar el siguiente código:

    

        
        
        
    
    term_id, 'brand_image', true);
    ?>
    
        
        
            
            
        
    
    
    
    
Este código agrega un campo de imágen al formulario de creación y edición de la taxonomía «Marcas», permitiendo subir y guardar imágenes.

Crear un shortcode para listar las imágenes de las Marcas

Finalmente, creamos un shortcode para mostrar las imágenes de las marcas con enlaces a los productos filtrados por cada marca:

 'brand',
        'hide_empty' => false,
    ));

    if (!empty($terms) && !is_wp_error($terms)) {
        $output = '
';
        foreach ($terms as $term) {
            $image = get_term_meta($term->term_id, 'brand_image', true);
            $term_link = get_term_link($term);
            if ($image) {
                $output .= '
';
                $output .= '';
                $output .= '';
                $output .= '';
                $output .= '
';
            }
        }
        $output .= '
';
    } else {
        $output = __('No hay marcas disponibles.', 'textdomain');
    }

    return $output;
}
add_shortcode('brand_images', 'brand_images_shortcode');

Este shortcode [brand_images] puede ser usado en cualquier página o entrada para mostrar las imágenes de las marcas con enlaces a los productos filtrados por cada marca.

Siguiendo estos pasos, has agregado exitosamente una taxonomía personalizada «Marcas» a tus productos de WooCommerce, incluido un campo de imagen para cada marca y creado un shortcode para mostrar estas imágenes. Esto te permitirá organizar mejor tus productos y ofrecer una experiencia de compra más personalizada a tus clientes.

¡Esperamos que este tutorial te haya sido útil! Si tienes alguna pregunta, no dudes en dejar un comentario.