wordpress - todos - shortcodes woocommerce boluda

La barra lateral de fabricación de WooCommerce aparece en la parte inferior de la página

Question

Instalé woocommerce en un tema no woo, deseo estilizarlo, sin muchos cambios. Pero cuando lo instalé, la barra lateral se muestra fuera de cualquier contenedor (los widgets se muestran en sus divs pero sin un contenedor). Ahora yo usé

add_action(''woocommerce_before_main_content'', ''my_theme_wrapper_start'', 10);
add_action(''woocommerce_after_main_content'', ''my_theme_wrapper_end'', 10);

function my_theme_wrapper_start() {
  echo ''<section id="main">'';
}

function my_theme_wrapper_end() {
  echo ''</section>'';
}

De la documentación, y esto funciona para woocommerce muy bien. Pero mi barra lateral aún está en la parte inferior, sin una envoltura. ¿Hay alguna manera de ajustar la barra lateral también, y colocarla junto al contenido de la tienda, utilizando solo ganchos, sin copiar ningún archivo del complemento?

Answer 1

Me di cuenta, este es un ''marco'' que me funciona, en caso de que alguien lo necesite:

<?php

if (!function_exists(''custom_open_woocommerce_content_wrappers'')) {
    function custom_open_woocommerce_content_wrappers(){
        echo ''<div class="container shop_container"><div class="row">'';
    }
}

if (!function_exists(''custom_close_woocommerce_content_wrappers'')) {
    function custom_close_woocommerce_content_wrappers(){
        echo ''</div></div>'';
    }
}

if (!function_exists(''custom_product_wrapper_open'')) {
    function custom_product_wrapper_open(){
        echo ''<div class="span8 content_with_right_sidebar">'';
    }
}

if (!function_exists(''custom_product_wrapper_close'')) {
    function custom_product_wrapper_close(){
        echo ''</div>'';
    }
}

if (!function_exists(''custom_before_shop_loop_sidebar'')) {
    function custom_before_shop_loop_sidebar() {
        echo ''<aside class="span4 sidebar sidebar_right">'';
        dynamic_sidebar(get_theme_mod(''shop_sidebar'', ''''));
        echo ''</aside>'';
    }
}


add_action( ''woocommerce_after_shop_loop'', ''custom_before_shop_loop_sidebar'', 20);

if (!function_exists(''custom_prepare_woocommerce_wrappers'')) {
    function custom_prepare_woocommerce_wrappers(){
        remove_action( ''woocommerce_before_main_content'', ''woocommerce_output_content_wrapper'', 10 );
        remove_action( ''woocommerce_after_main_content'', ''woocommerce_output_content_wrapper_end'', 10);
        remove_action( ''woocommerce_before_shop_loop'', ''woocommerce_output_content_wrapper'', 10);
        remove_action( ''woocommerce_after_shop_loop'', ''woocommerce_output_content_wrapper_end'', 10);

        add_action( ''woocommerce_before_main_content'', ''custom_open_woocommerce_content_wrappers'', 10 );
        add_action( ''woocommerce_after_main_content'', ''custom_close_woocommerce_content_wrappers'', 10 );
        add_action( ''woocommerce_before_shop_loop'', ''custom_product_wrapper_open'', 10 );
        add_action( ''woocommerce_after_shop_loop'', ''custom_product_wrapper_close'', 10 );
    }
}

add_action( ''wp_head'', ''custom_prepare_woocommerce_wrappers'' );

Esto creará un contenedor con una barra lateral derecha. Puede personalizarlo aún más si es necesario. Espero eso ayude.