Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 17, 2015 at 1:35 pm #412914
    garyrgi

    Hi there,

    There seems to be a problem with the responsive layout and woocommerce shopping cart. The cart image is being displayed in responsive mode even though I haven’t yet published the shopping cart page. Interestingly enough when the page is in “full size” it is not being shown.

    Here is the full sized top menu:
    https://www.dropbox.com/s/4h88eu4ulcklwxp/Home%20%20%20Adventure%20Continued.png?dl=0

    And here is it in responsive mode:
    https://www.dropbox.com/s/6sdmv7dcghptsc0/Home%20%20%20Adventure%20Continued-small.png?dl=0

    Is there some snippet I can add to prevent it showing until I actually publish the page?
    Cheers,

    Gary

    March 17, 2015 at 8:54 pm #413214
    Elliott

    Hi garyrgi!

    It should not be displayed unless you have something in your cart. Try logging out, clear your browser cache, and then log back in to see if it disappears.

    Also try publishing the page to see if that has something to do with it.

    Regards,
    Elliott

    March 17, 2015 at 9:44 pm #413249
    garyrgi

    Hi Elliott,

    It hasn’t anything to do with whether there is anything in the cart. I was showing the website to a friend and he wanted to check to see if the site was responsive or if I had any problems with the responsive view so I called it up on his mobile and the first thing I noticed was the shopping cart icon as shown in the screenshot. He was not logged in at the time, as I currently don’t have any possibility to log in (eg none of the shop pages are published)

    You can test it yourself @ http://www.adventure-continued.com

    and then reduce the size of the browser window until it switches over for mobile…

    Cheers,

    Gary

    March 18, 2015 at 5:23 pm #413789
    Elliott

    Hey!

    Hmm, it doesn’t seem to be happening on my XAMPP setup. Go ahead and update Enfold to 3.1 and then deactivate all of your other plugins.

    After you update navigate to Dashboard > Enfold > Shop Options and make sure the “Header Shopping Cart Icon” is set to the first option.

    Regards,
    Elliott

    • This reply was modified 9 years, 1 month ago by Elliott.
    March 18, 2015 at 6:02 pm #413836
    garyrgi

    Hi Elliott,

    I deactivated all of the plugins (except WPML) and it still did it, then I deactivated woocommerce and of course then it didnt show the cart anymore when the browser window was less than 768 px.

    As soon as I reactivated woocommerce it showed the cart again as soon as the browser window width went below 768. The thing is that I think that enfold or woocommerce shouldnt be even generating the html for the cart until the cart page is published.

    Do you perhaps have a small snippet for me or could you point me in the right direction where I may be able to prevent the code from being generated until the cart page is published?

    Cheers and Thanks!

    Gary

    March 19, 2015 at 6:52 pm #414738
    Elliott

    Hey!

    Hmm, I think I see it now. Not sure why I wasn’t seeing it before. Try adding this to your custom CSS.

    .cart_dropdown { display: none; }
.html_visible_cart .cart_dropdown { display: block; }
#top #menu-item-shop { display: block; }

    I’ll go ahead and add this to our bug list and we’ll probably see a fix or workaround in the next update.

    Cheers!
    Elliott

    • This reply was modified 9 years, 1 month ago by Elliott.
    March 19, 2015 at 6:56 pm #414741
    garyrgi

    Hi Elliot,

    thanks for the snippets. I hid it though css at the moment too, and figured when I finally get around to setting the shop up then I can just remove the css.

    Of course yours is much better!

    Cheers and Thanks,

    Gary

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Woocommerce cart image responsive problem’ is closed to new replies.