Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #24011

    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

    #121992

    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).

    #121993

    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

    #121994

    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

    #121995

    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

    #121996

    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

    #121997

    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

    #121998

    Hi Devin,

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

    Thanks

    Michael

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.