WooCommerce: put sidebar, quickbar below slideshow

diff --git a/js/app.js b/js/app.js
index a4d9855..df7584a 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -67,15 +67,9 @@ $(document).ready(function () {
     pdf_form.css({"display": "block"});
     pdf_form.fadeIn('slow');
     
-    // Move quick shop display to below slideshow.
+    // make the woocommerce quick display show up, it's initially made invisible with css
     var woo_quick_display = page.find( $("#woo-quick-display"));
-    var woo_sidebar = page.find( $(".shop-sidebar-wrapper"));
-    var metaslider_container = page.find($(".metaslider"));
-    var page_desc = page.find($(".page-description"));
-    $( ".products" ).wrap( "<div class='woo-content-wrapper small-12 medium-9'></div>" );
-
-    woo_sidebar.insertAfter(page_desc);
-    woo_quick_display.insertBefore($('.products'));
     woo_quick_display.css({"display": "block"});
     
+    
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 2c2fc01..bf767c4 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -58,15 +58,9 @@ $(document).ready(function () {
     pdf_form.css({"display": "block"});
     pdf_form.fadeIn('slow');
     
-    // Move quick shop display to below slideshow.
+    // make the woocommerce quick display show up, it's initially made invisible with css
     var woo_quick_display = page.find( $("#woo-quick-display"));
-    var woo_sidebar = page.find( $(".shop-sidebar-wrapper"));
-    var metaslider_container = page.find($(".metaslider"));
-    var page_desc = page.find($(".page-description"));
-    $( ".products" ).wrap( "<div class='woo-content-wrapper small-12 medium-9'></div>" );
-
-    woo_sidebar.insertAfter(page_desc);
-    woo_quick_display.insertBefore($('.products'));
     woo_quick_display.css({"display": "block"});
     
+    
 });

diff --git a/woocommerce.php b/woocommerce.php
index 20b982e..2597784 100644 (file)
--- a/woocommerce.php
+++ b/woocommerce.php
@@ -177,4 +177,29 @@
         </div><!--End of off-canvas-->
         <?php wp_footer();?>
     </body>
+    
+
+    <?php if (is_shop()) { ?>
+    <script>
+        $(document).ready(function () {
+            var page      = $('body');
+            var woo_quick_display = page.find( $("#woo-quick-display"));
+            var woo_sidebar = page.find( $(".shop-sidebar-wrapper"));
+            var metaslider_container = page.find($(".metaslider"));
+            
+            // Move the elements in a better position around the metaslider, if
+            //  there is a metaslider.
+            if (metaslider_container.length > 0) {
+
+                var page_desc = page.find($(".page-description"));
+                $( ".products" ).wrap( "<div class='woo-content-wrapper small-12 medium-9'></div>" );
+
+                woo_sidebar.insertAfter(page_desc);
+                woo_quick_display.insertBefore($('.products'));
+            
+            }
+        });
+    </script>  
+    <?php } ?>
 </html>
+