[Plugin: Woocommerce] Stretch woocommerce shop page
-
Hi, I have a styling question for woocommerce. I have my shop pages at 90% width. But the products appear only on the left side of the screen. How to make the thumbnails bigger and make it stretch the whole screen?
This is my site: http://www.frameit.in/shop/
I have modified theme style.css to make it 90% wide and I have the following added to functions.php:
/** * WooCommerce * * Unhook sidebar */ remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10); /** * WooCommerce * * Unhook/Hook the WooCommerce Wrappers */ function responsive_child_theme_setup() { remove_action('woocommerce_before_main_content', 'responsive_woocommerce_wrapper', 10); remove_action('woocommerce_after_main_content', 'responsive_woocommerce_wrapper_end', 10); add_action('woocommerce_before_main_content', 'responsive_child_woocommerce_wrapper', 10); add_action('woocommerce_after_main_content', 'responsive_child_woocommerce_wrapper_end', 10); function responsive_child_woocommerce_wrapper() { echo '<div id="content-woocommerce" class="grid col-40">'; } function responsive_child_woocommerce_wrapper_end() { echo '</div><!-- end of #content-woocommerce -->'; } } add_action( 'after_setup_theme', 'responsive_child_theme_setup' ); remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10); remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10); 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>'; } add_theme_support( 'woocommerce' ); function remove_loop_button(){ remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 ); } add_action('init','remove_loop_button'); /* * add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 24;' ), 20 ); */ add_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 20 ); remove_action('woocommerce_pagination', 'woocommerce_catalog_ordering', 20 ); ?>
The topic ‘[Plugin: Woocommerce] Stretch woocommerce shop page’ is closed to new replies.