WooCommerce : Declarar compatibilidad para nuestros temas

→ Ver pagina oficial  Estructura de plantilla y anulación de plantillas a través de un tema 

→ Ver pagina oficial   Declarar soporte para WooCommerce en temas

→ Ver pagina oficial  Habilitar la galería en temas que declaran soporte para WooCommerce

Declarar la compatibilidad con WooCommerce para plantillas personalizadas

Si es desarrollador de temas o utiliza un tema con plantillas personalizadas, debe declarar la compatibilidad con el tema WooCommerce mediante la  add_theme_supportfunción. Consulte Declarar compatibilidad con WooCommerce en temas en GitHub.

Si su tema tiene un woocommerce.phparchivo, no podrá anular la woocommerce/archive-product.phpplantilla personalizada en su tema, ya que woocommerce.phptiene prioridad sobre otros archivos de plantilla. Esto tiene como objetivo evitar problemas de visualización.

Si está utilizando anulaciones de plantillas personalizadas de WooCommerce en su tema, debe declarar la compatibilidad con WooCommerce mediante la add_theme_supportfunción. Las anulaciones de plantillas de WooCommerce solo están habilitadas en temas que declaran compatibilidad con WooCommerce. Si no declara la compatibilidad con WooCommerce en su tema, WooCommerce asumirá que el tema no está diseñado para la compatibilidad con WooCommerce y utilizará la representación de temas no compatibles basada en códigos cortos para mostrar la tienda.

Declarar compatibilidad con WooCommerce es sencillo e implica agregar una función en el archivo funciones.php de su tema.

Uso basico

function mytheme_add_woocommerce_support() {
	add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Asegúrese de utilizar el after_setup_theme hook y  no el init hook . Lea más sobre esto en la documentación de add_theme_support .

Usage with settings:

function mytheme_add_woocommerce_support() {
	add_theme_support( 'woocommerce', array(
		'thumbnail_image_width' => 150,
		'single_image_width'    => 300,

        'product_grid'          => array(
            'default_rows'    => 3,
            'min_rows'        => 2,
            'max_rows'        => 8,
            'default_columns' => 4,
            'min_columns'     => 2,
            'max_columns'     => 5,
        ),
	) );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Estas son configuraciones de tema opcionales que puede configurar al declarar soporte para WooCommerce.

thumbnail_image_widthy single_image_widthestablecerá los tamaños de imagen para la tienda. Si no se declaran al agregar compatibilidad con el tema, el usuario puede establecer tamaños de imagen en el Personalizador en la sección WooCommerce > Imágenes del producto . Lea más sobre esta característica aquí .

La configuración 'product_grid' permite a los desarrolladores de temas establecer configuraciones de columnas y filas predeterminadas, mínimas y máximas para la Tienda. Los usuarios pueden configurar las filas y columnas en el Personalizador en la sección WooCommerce > Catálogo de productos . Lea más sobre esta característica aquí. .

Habilitar la galería en temas que declaran soporte para WooCommerce

→ Ver pagina oficial  Habilitar la galería en temas que declaran soporte para WooCommerce

La galería de productos introducida en 3.0.0 ( lea aquí para obtener más información ) utiliza Flexslider, Photoswipe y el complemento jQuery Zoom para ofrecer deslizamiento, cajas de luz y otras funciones interesantes.

En las versiones 3.3+, la galería está desactivada de forma predeterminada para los temas compatibles con WooCommerce a menos que declaren que la admiten (a continuación). Los temas de terceros que no sean compatibles con WooCommerce tendrán la galería habilitada de forma predeterminada.

add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );

Si las funciones de la galería están habilitadas (por ejemplo, tiene un tema que las habilita o está ejecutando un tema no compatible con WC), puede deshabilitarlas con remove_theme_support:

remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-lightbox' );
remove_theme_support( 'wc-product-gallery-slider' );

Final quedaria soporte para WooCommerce y Soporte para la galeria

function mytheme_add_woocommerce_support() {
    //compatibilidad woocommerce
    add_theme_support( 'woocommerce' );

    //compatibilidad galeria woocommerce
    add_theme_support( 'wc-product-gallery-zoom' );
    add_theme_support( 'wc-product-gallery-lightbox' );
    add_theme_support( 'wc-product-gallery-slider' );
 }

add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );