Woocommerce Single Page style

Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #14295
    Segmant
    Member

    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

    #14300
    Veena
    Moderator

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

    #14301
    Segmant
    Member

    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.

    #14312
    Raghavendra
    Moderator

    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.

    #14318
    Segmant
    Member

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Woocommerce Single Page style’ is closed to new replies.