Return to previous page

Product desc/data/tabs when sidebar is very long

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

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.

#145952 Copied Theme version: 2.6

1 Answer

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

#146135 Copied
Viewing 2 results - 1 through 2 (of 2 total)