Woocommerce Single Page style

[Segmant]

Hi Guys

After using the theme successfully with our current booking system were are now moving to integrate it with Woocommerce, currently testing the theme on local server but need help with the styling of the single product page, shop page and cart/checkout, need to get them just to be single column not 3 column, Im finding it hard to find the theme files in Extinct to alter the pages, custom CSS obviously styles all the pages with that CSS, not just woocommerce pages.

Ive removed the page items i dont want using woocommerce hooks.

Thanks

[Veena]

You can achieve this with the help of woocommerce shortcodes.
Pls go through this document –
http://docs.woothemes.com/document/woocommerce-shortcodes/

[Segmant]

No, you cant do this through shortcodes, Woocommerce uses the basic Extict blog/default page to style the single products page and I cant remove the sidebar column space on the right, i can using this CSS

.ninecol {
  width: 100%;
}

But that also removes the sidebar on all the blog posts.

Attached is a screen shot of how i want the single product pages to look like, 100% width content.

[Raghavendra]

You can use the custom CSS –

.single-product .ninecol {
width: 100%;
}

to restrict it to single product pages only.

Also have a look at the line number 24 to 30 in woocommerce/woocommerce-integration.php file.

[Segmant]

thanks meteorite, pointed me in the right direction for the other Woocommerce pages as well

[Author]

Posts