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.
Tagged:
Comments
  • fc_adamfc_adam FoxyCart Team
    @darkflare,

    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
    @darkflare

    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.