Cart is not floating

Phoca Cart - complex e-commerce extension
MAXambient
Phoca Enthusiast
Phoca Enthusiast
Posts: 85
Joined: 13 Feb 2020, 17:49

Cart is not floating

Post by MAXambient »

I have setup the cart itself to float when scoll the page but it´s not doing this. When I scroll to the bottom the cart is scrolled too
I use the shaper_helixultimate - Template
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Cart is not floating

Post by Jan »

Hi, sorry, I don't understand, what do you exactly mean? There is no such option in Phoca Cart :idea:

Jan
If you find Phoca extensions useful, please support the project
MAXambient
Phoca Enthusiast
Phoca Enthusiast
Posts: 85
Joined: 13 Feb 2020, 17:49

Re: Cart is not floating

Post by MAXambient »

Sorry, I ment Scroll Kasse. The Cart should not scroll and should always be visible, when the rest of the page is scrolled.

And btw: Thanks again for your fantastic support!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Cart is not floating

Post by Jan »

Hi, if you have set some specific CSS for the cart module, hard to say for me, what can be wrong. Mostly this needs to be set by some position fixed or absolute, but it even depends on used template if this will be possible. For now, I didn't do such feature, so I have no experiences with fixed position of some module - really hard to give some clue advice :idea:

Jan
If you find Phoca extensions useful, please support the project
MAXambient
Phoca Enthusiast
Phoca Enthusiast
Posts: 85
Joined: 13 Feb 2020, 17:49

Re: Cart is not floating

Post by MAXambient »

Hm, did not made changes on the CSS,I use the shaper_helixultimate - Template. Chosen position is "Right" Maybe this helps?
christine
Phoca Hero
Phoca Hero
Posts: 2819
Joined: 28 Nov 2010, 17:20

Re: Cart is not floating

Post by christine »

Hi,

do you mean the part of header? If yes, here 2 examples:

Demo: https://www.phoca.cz/phocacartdemo/
CSS is:

Code: Select all

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
Demo & Info Layout positions: Helix: https://www.joomshaper.com/documentatio ... -positions
Header is fixed with:

Code: Select all

#sp-header.header-sticky {
    top: 0;
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 9999;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05);
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
}
So, you hv to check with inspector to find out, which segment you could use etc.

Kind regards
Christine
Post Reply