The Foxy forums are on the move!

We're in the process of moving our forums over to a new system, and so these forums are now read-only.
If you have a question about your store in the meantime, please don't hesitate to reach out to us via email.

Sidecart Question

Is it possible to have the sidecart sit above the website when it slides in, rather than pushing everything to the left?

I've had a look through the docs and I can't see anything obvious.
  • fc_adamfc_adam FoxyCart Team

    It is possible - but not currently something we support out of the box. You would need to apply some custom CSS that overwrites the default to remove the animation on the page body and ensures the Sidecart panel displays on top. We do have plans to add in some alternate animation styles for Sidecart, but unfortunately it hasn't made it's way up the list yet. If you're comfortable with your browsers inspection tools and are familiar with CSS animations, you should be able to see what we're doing to make it work the way it does.
  • @fc_adam

    Thanks Adam. I've managed to make some edits via the CSS to achieve this.

    For anyone else looking to do the same, these are the styles I applied:
    [data-fc-with-sidecart="reveal"].cart-visible [data-fc-store-page],
    [data-fc-with-sidecart="reveal"].cart-visible [data-fc-ui-block] {
    z-index: 100!important;
    -webkit-transform: translate3d(-9px, 0, 0)!important;
    -moz-transform: translate3d(-9px, 0, 0)!important;
    -ms-transform: translate3d(-9px, 0, 0)!important;
    -o-transform: translate3d(-9px, 0, 0)!important;
    transform: translate3d(-9px, 0, 0)!important;
  • fc_jedfc_jed FoxyCart Team

    Awesome job! Thanks for sharing the snippet.
  • brettbrett FoxyCart Team
    @darkflare, could you whisper me where you have that set up? I've tried that CSS on my test site and it doesn't work as I think it should. I'd love to see it in action :)
Sign In or Register to comment.