Sidebar issues (Bootstrap theme)

  • Resolved Vero44

    (@vero44)


    6 years, 8 months ago

    Hi.

    I am running a Bootstrap-based theme and since a Woo update – I’m not sure exactly which one – the WordPress sidebar now drops below the main content. Example:

    https://designforlife.co.uk/product/life-design-for-beginners-free-ebook-download/

    Bootstrap is assigning a row with column sizes of 8 and 4 for desktop displays which is correct (I’m a web developer). If you look at a page without a Woo product on it, all is well:

    https://designforlife.co.uk/need-life-coach/

    Seems like the current Woo code breaks the sidebar code out of the row.

    I have the latest WooCommerce v3.3.3 but this was also happening in 3.3.1 on another few sites using a Bootstrap theme. Tested in Opera, Chrome, Edge, Firefox browsers. Also happens with plugins disabled. Correct declaration of Woo theme support in functions.php etc.

    I also tested this with a random Bootstrap theme in the WordPress Themes area called ‘Flat Bootstrap’ and the behavior is the same, the sidebar drops down.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    The page content is wrapped in a div with class="row ", which means it’s full width content. Then the sidebar comes after that.

    This is due to how the theme is built, not really something we can support. Perhaps look for a new theme if the theme authors aren’t keeping it up to date?

    Thread Starter Vero44

    (@vero44)

    Thanks for the reply.

    WooCommerce product pages seem to break the ‘row’ class. It works fine on other pages on these websites and it has been working fine on previous Woo versions. As mentioned, it is also breaking other Bootstrap-based themes.

    The template code is essentially a row with the primary content and sidebar in it. When there is a product page, WooCommerce code must be closing that row early, causing the sidebar to drop down below the primary content. Is there an extra closing div being generated in the Woo code somewhere perhaps?

    I shall carry on looking, but perhaps you could tell me all the template files that WooCommerce uses to display the product in version 3.3 please?

    Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    I would imagine an extra closing div would have been spotted by now. So I doubt it’s that.

    What templates are used depends on whether or not the theme declared WooCommerce support.

    Now if your theme doesn’t declare WC support correctly, https://github.com/woocommerce/woocommerce/wiki/Declaring-WooCommerce-support-in-themes, then that would explain some changes between 3.2 and 3.3. Can read more about this here: https://woocommerce.wordpress.com/2017/12/09/wc-3-3-will-look-great-on-all-the-themes/

    Thread Starter Vero44

    (@vero44)

    Thanks Caleb.

    Turning off theme support actually made WooCommerce render the page correctly for now.

    Is there a list of items that a theme actually needs to provide so it can state that it fully supports WooCommerce? What I mean is that just declaring support doesn’t mean it actually runs smoothly with Woo, so are there any guidelines for Woo integration?

    Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    This guide is fresh of the press: https://docs.woocommerce.com/document/woocommerce-theme-developer-handbook/ ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sidebar issues (Bootstrap theme)’ is closed to new replies.

Tags