WoocCmmerce Compability

Homepage Community Forums Elevate Theme Support WoocCmmerce Compability


Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #21641

      I love Elevate and re-launched my site a few months ago.

      I now need to add WooCommerce and much to my disappointment I see that it is not WC compatible. I’m not a developer but I’m not afraid to work in functions.php if I get some help.

      From this page https://docs.woocommerce.com/document/third-party-custom-theme-compatibility/ I see I need to do two things.

      1. Unhook the WC wrapper

      remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_output_content_wrapper’, 10);
      remove_action( ‘woocommerce_after_main_content’, ‘woocommerce_output_content_wrapper_end’, 10)

      2. Add back this wrapper

      add_action(‘woocommerce_before_main_content’, ‘my_theme_wrapper_start’, 10);
      add_action(‘woocommerce_after_main_content’, ‘my_theme_wrapper_end’, 10);

      function my_theme_wrapper_start() {
      echo ‘<section id=”main”>’;

      function my_theme_wrapper_end() {
      echo ‘</section>’;

      But that does not work. The sidebar is still not where it should be on the right side for the shop pages.

      Do you have a solution for this? You musts have been asked this before.



        Never mind.

        While I prefer a code solution this plugin seems to be doing the job

        Genesis Content For WooCommerce




          I was just going to mention the Genesis Connect plugin, but I see you’ve found it. The Genesis Connect Plugin is (sort of) a requirement in order to use Genesis and WooCommerce together. This is what all Genesis Developers recommend regardless of the theme you’re using. It syncs everything together automatically.

          The new version of the Elevate theme will already have some custom WooCommerce code added inside the functions file so you won’t need to manually add it in. Just install the Genesis Connect plugin, and everything else will be ready. It will also have it’s own separate CSS file to handle the design.

          I’m not done with the update just yet, but here’s what it looks like so far – http://demo.appfinite.net/elevate/shop/ Still working on it, but it should be ready next week.

          The new update will add a few minor improvements to certain areas of the design in addition to the WooCommerce compatibility.


            Thanks Wes.

            It’s good to know that I went in the right direction.

            When the update is released will functions.php and style.css be the same? I sure hope so as I have modified both. I haven’t ever updated a Genesis child theme as you can tell.

            And will I know of the update in the WP Admin?

            Really love Elevate. Keep up the good work.



              The functions file will have new code added in, but this can easily be added in by copy/pasting it anywhere you want inside the file. The WooCommerce CSS will be included inside a folder. All you would need to do for this is copy/paste the folder or drag the folder into your Child theme. It’s best to use FTP to do this, as it would only take a sec or 2 for the folder to upload to the theme.

              I can help if you need assistance with any of this. This upgrade will only take a few seconds to add into your current child theme.

              “And will I know of the update in the WP Admin?”

              Genesis Child themes don’t have Admin Notifications or Automatic updates by default. If they did, it would wipe out and overwrite any of your previous customizations that you made to your child theme. The Genesis Framework itself has Update Notifications since the framework is separate and the files aren’t modified directly. But you won’t have anything to worry about since the new update will be easy to carry over.

            Viewing 5 posts - 1 through 5 (of 5 total)
            • You must be logged in to reply to this topic.