how to move storefront sidebar / or create custom shop page template

  • stanleyjos

    (@stanleyjos)


    8 years, 7 months ago

    Hey all – I’m creating a custom storefront child theme and wanted to make some changes to the store page. Specifically, I want to move the sidebar to the left side on the store page.

    If I create a custom page template, how can I get my products to populate in the main div? I’ve created custom widgetized content areas so that should take care of my product filters.

    Any advice would be appreciated!

Viewing 1 replies (of 1 total)
  • James Koster

    (@jameskoster)

    8 years, 7 months ago

    Hey,

    I think the best way to do this would be to use the . post-type-archive-product class applied to the body tag on product archives. You can then just reverse the floating of the main div and the sidebar. Remember that this will “break” the main layout setting in the Customizer though.

    If you want to include products on a custom page template you have two options;

    * You can use the shortcodes built into WooCommerce
    * You can create a custom loop to pull in products

    It really depends on what kind of products you want to display. If it’s just featured product for example, the shortcodes would be easier. You can use storefront_do_shortcode() to do this.

Viewing 1 replies (of 1 total)
  • The topic ‘how to move storefront sidebar / or create custom shop page template’ is closed to new replies.

Tags