WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Customizing Theme & Sidebar Positioning Issues (1 post)

  1. tushonline
    Member
    Posted 1 year ago #

    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>
    
    <div id="lt-sidebar">
    <?php if(is_active_sidebar('right-sidebar')){dynamic_sidebar('right-sidebar');}?>
       </div>
        <!-- /post -->
     </div>
    <?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.

    http://wordpress.org/plugins/woocommerce/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic