Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 29, 2013 at 2:51 pm #24011
    Michael Oeser

    Hi Kriesi and support staff,

    I wonder where to edit the look of the WooCommerce shop page. My shop page shows a sidebar left below the product image and the tabs of the description area are not displayed in the correct styling like on your demo page.

    I might have missed something but I can´t find where to edit the shop main page and the shop single product pages???

    Cheers

    Michael

    May 30, 2013 at 8:14 am #121992
    Dude

    Can you post a link to your website please? I’d also recommend to re-install the theme – maybe some files are missing (eg the wp-contentthemesenfoldconfig-woocommerce folder, etc) and that’s why WooCommerce doesn’t work properly with Enfold. Also make sure that you’re using the latest version of WooCommerce and Enfold (version 1.5 or 1.5.1).

    May 30, 2013 at 8:22 am #121993
    Ismael

    Hi,

    You can make the changes on wp-contentthemesenfoldconfig-woocommerceconfig.php.

    If you want to remove the sidebar, you can add this on your custom.css

    .single-product .sidebar {
    
display: none !important;
    
}

    Regards,

    Ismael

    May 30, 2013 at 8:50 am #121994
    Michael Oeser

    Thanks guys.

    Currently I can´t post a URl because it´s under development and hidden from public view. I updated WooCommerse to the latest version and that solved most of the issues.

    The only thing I still struggle with is the look of the main shop page and the single product pages which have a sidebar. Of course I can simply set it to display:none but that leaves a lot of white space. Isn´t there a way to use a fullwidth page template for the single product pages?

    Cheers

    Michael

    May 31, 2013 at 7:15 pm #121995
    Devin

    Hi Michael,

    You can modify the layout of the woocommerce pages either with hooks and filters in the config-woocommerce>config.php file or by using templates and re-doing how the theme integrates with woocommerce.

    See: http://docs.woothemes.com/document/template-structure/

    Regards,

    Devin

    June 2, 2013 at 11:55 am #121996
    Michael Oeser

    Thanks Devin,

    Meanwhile I can show the URL http://www.der-prinz.com/purchase/

    Can you pls tell me where exactly the layout of the shop overview page is defined in Enfold? Or better said where is the output of the sidebar defined? What I want to do is having a shop overview page with no sidebar and three or four product columns on a full width page.

    A bit like this one http://www.der-prinz.de/shop/ (my German site which will become “Enfolded” quite soon as well)

    Thanks

    Michael

    June 3, 2013 at 12:25 pm #121997
    Devin

    There isn’t any theme options for it but you can Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.post-type-archive-product #main .sidebar {
    
display: none;
    
}
    
#top.post-type-archive-product .template-shop.content {
    
width: 100%;
    
border: none;
    
}

    and for the product category pages:

    #top.tax-product_cat #main .sidebar {
    
display: none;
    
}
    
#top.tax-product_cat .template-shop.content {
    
width: 100%;
    
border: none;
    
}

    Regards,

    Devin

    June 6, 2013 at 7:29 am #121998
    Michael Oeser

    Hi Devin,

    not the perfect solution doing it with display:none tricks but it works.

    Thanks

    Michael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Where to modify the look of WooCommerce shop pages in Enfold’ is closed to new replies.