Aprende a usar WooCommerce con Genesis

Contenido completo a todos los archivos, las categoría, las etiquetas y las páginas de productos en WooCommerce en su sitio con genesis.



Sólo tiene que añadir el siguiente código en el tema hijo en functions.php :

// Forzar el diseño de contenido completo en WooCommerce
add_action( 'get_header', 'sk_force_layout' );
function sk_force_layout() {

if ( is_tax( 'product_cat' ) || is_tax( 'product_tag' ) || is_singular( 'product' ) ) {
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
}

}

En las páginas por defecto simplemente en las opciones de página desde la edición.

Genesis y WooCommerce son compatibles. Lo que puede que os de algún problema sería un tema hijo sin soporte para WooCommerce.

Lo puedes solucionar con el plugin Genesis Connect for WooCommerce, y ya lo tenéis todo preparado.



Puedes hacerlo sin plugins si quieres personalizar estilos css añadiendo una carpeta en tu tema hijo.

Descarga  woocommerce

una carpeta con estilos css personales .



Sólo tiene que añadir el siguiente código en el tema hijo en functions.php :

//* Add WooCommerce Support
add_theme_support( 'genesis-connect-woocommerce' );

//* Disables Default WooCommerce CSS
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
unset( $enqueue_styles['woocommerce-general'] ); // Remove the gloss
unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout
return $enqueue_styles;
}

//* Load Custom WooCommerce style sheet
function wp_enqueue_woocommerce_style(){
wp_register_style( 'custom-woocommerce', get_stylesheet_directory_uri() . '/woocommerce/css/woocommerce.css' );

if ( class_exists( 'woocommerce' ) ) {
wp_enqueue_style( 'custom-woocommerce' );
}
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );
// Change number or products per row to 4
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 4; // 4 products per row
}
}

// WooCommerce | Display 30 products per page.
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 30;' ), 20 );