Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 16, 2015 at 4:21 pm #474414
    mikebackhouse

    Hi all, I’m using enfold with woocommerce and a few extra plugins,

    I’m having a strange problem, I’ve turned on “Sidebar on Smartphones”, but I seem to be getting the following layout:

    PRODUCT THUMBNAIL
    v
    “DISPLAY EVERYWHERE” SIDEBAR
    v
    REST OF THE PRODUCT INFORMATION (NAME, DESCRIPTION, ADD TO CART ETC.. )
    v
    RELATED PRODUCTS

    So essentially (and not surprisingly!) I’m looking to have the product at the top, followed by the related products and then the sidebar.. help!

    Thanks in advance

    • This topic was modified 9 years, 4 months ago by mikebackhouse.
    July 17, 2015 at 8:44 am #474729
    Rikard

    Hey mikebackhouse!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    July 17, 2015 at 9:12 am #474741
    mikebackhouse

    Great thank you Rikard!

    July 17, 2015 at 12:50 pm #474874
    Basilis

    Hi!

    Can you try on an empty product, without any content inside, and let us know if that keeps happening?

    Regards,
    Basilis

    July 17, 2015 at 12:56 pm #474880
    mikebackhouse

    Hi Basilis, unfortunately yes it is

    July 20, 2015 at 10:10 am #475659
    Ismael

    Hey!

    I checked the test product page or product but it doesn’t exist. Did you remove it? Please recreate the test page then we’ll check it.

    Best regards,
    Ismael

    July 20, 2015 at 10:19 am #475663
    mikebackhouse

    Sorry, yes I removed it. It’s back now

    July 21, 2015 at 12:31 pm #476421
    Andy

    Hey!

    I get a “Nothing found” page on the link you have provided. Can you check please?

    Cheers!
    Andy

    July 21, 2015 at 12:47 pm #476429
    mikebackhouse

    Sorry, please kindly try it again (I was faffing about with permalink settings yesterday)

    July 22, 2015 at 7:31 am #476896
    Ismael

    Hey!

    You can add this in the functions.php file:

    add_action('wp_footer', 'ava_custom_script', 10);
function ava_custom_script(){
?>
<script>
(function($) {
  if($('#advanced_menu_hide').css('display') == 'block') {
    var sidebar = $('#top #main .single-product-main-image .sidebar').detach();
    $('.single-product-summary').append(sidebar);
  }
}(jQuery));
</script>
<?php
}

    The code should move the location of the product sidebar below the product summary on mobile view. Remove browser cache then reload the page.

    Regards,
    Ismael

    July 22, 2015 at 9:43 am #476938
    mikebackhouse

    Hi Ismael,

    Unfortunately that has not worked I’m afraid. I’ve refreshed my browser cache, and even switched off all plugins (apart from woocommerce obviously!) and the “display everywhere” widgets are still appearing between the product image and the rest of the description.

    Any ideas what I’m doing wrong?

    July 23, 2015 at 3:22 am #477458
    Ismael

    Hey!

    Alright. We updated the code above. It should work now. Make sure to hard refresh the page before testing.

    Best regards,
    Ismael

    July 23, 2015 at 9:11 am #477569
    mikebackhouse

    Fantastic! Thanks Ismael. That works perfectly.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Enfold + Woocommerce "Sidebar on Smartphones" issues’ is closed to new replies.