Support » Plugin: WooCommerce » Customizing Theme & Sidebar Positioning Issues

  • Hi, we’re so far liking the woocommerce plugin. looks very neat.

    I am trying to build a theme from scratch based on bootstrap. So, to get started I simply added woocommerce.php on theme root. The code looks like this:

    <?php get_header(); ?>
        <!-- post -->
        <div class="post">
       <div id="lt-breadcrumb"> <?php if ( function_exists('yoast_breadcrumb') ) {
    yoast_breadcrumb('<p id="breadcrumbs">','</p>');
    } ?></div>
       <div class="woocommerce">
    <?php woocommerce_content(); ?>
    <div id="lt-sidebar">
    <?php if(is_active_sidebar('right-sidebar')){dynamic_sidebar('right-sidebar');}?>
        <!-- /post -->
    <?php get_footer(); ?>

    After this, the shop page looks neat (95% fluid width) – especially if I remove right sidebar. But,

    Whenever I add right sidebar to float-right, the width of woocommerce (with float:left') reduces too much automatically & none of the selectors show any width. but the DOM shows it as567px`

    Now, if I add a width to .woocommerce then it also affects widgets on right sidebar as well as footer sidebar. Which is weird.

    Where am I missing? What needs to be done so they fall in place alright.

  • The topic ‘Customizing Theme & Sidebar Positioning Issues’ is closed to new replies.