Product desc/data/tabs when sidebar is very long

This topic has 2 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow

  • Avatar: pt1011
    pt1011
    Participant
    November 16, 2016 at 05:57

    We want to show the same sidebar on the product page that we do on the shop page, two problems:

    1) our sidebar contains a single widget that shows all product categories, and since we have a lot of product categories, the sidebar is rather long and as such PUSHES the product data on product pages below the sidebar. This is because you treat the sidebar in your CSS as an col that belongs to the same row as the produc-content, but then treat the tab info as a new row. Leaving a lot of white space between the two rows. this is far from ideal. solution? (please test on your own demo site, be creating a long sidebar)

    2) the wiget titles on the sidebar on the shop page are styled slighly differently then they are on a product page, and that detracts from the consistancy.

    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 17, 2016 at 14:08

    Hello,

    Sorry for some delay in answering.
    Use the following code to change the line-height
    .sidebar-widget.widget_product_categories .widget-title, .wpb_widgetised_column .widget_product_categories .widget-title {line-height: 1.1;}

    Workaround for the sidebar issue can be the following customization http://prntscr.com/d8fdg6
    Copy into child theme file xstore/woocommerce/content-single-product.php and make changes from screenshot.

    Let me know if such solution is ok for you http://prntscr.com/d8fgik .

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.