Support » Plugin: WooCommerce Side Cart » Change position of side cart code in HTML file

  • mollini

    (@mollini)


    Great Plugin!
    In default the “xoo-wsc-modal”-class div, where all the magic happens is at the end of the content (or page) area in the HTML code, just before the footer starts.

    Is it possible to change the position of the code?

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author xootix

    (@xootix)

    Hello @mollini

    Side cart act as fixed container.
    It is designed in such a way that changing its position won’t change anything.
    May I know what you’re trying to achieve?

    Hi, thanks for the quick response.

    My webdesign is a little unusual, I try to explain it:

    The design is built up in two “layers”:
    – A “background” div that holds full sized visual content (slideshow and videos).
    – On top of it a “content” div with all the content:

    <div id="page">    
    
        <div id="background">
            <!-- My Image Slideshow -->
        </div>
    
        <div id="content">
            <header>...</header>
            <main>...</main>
            <footer>...</footer>
        </div>
    
    </div>

    I have set my whole content in my “content” div to be white (text only, but including some fixed elements that “cover” some of the other content) on a transparent background (to show the content of “background”), so I’ve set its background-color to black and its mix-blend-mode to “screen”:

    #background {
    	z-index: 0;
    }
    
    #content {
            color: #fff;
            background-color: #000;
            z-index: 1;
            mix-blend-mode: screen;
    }

    Now all of my content is white on transparent background, when I do for example a white Button with black type on it, the type is transparent and the background is shining through it.

    So now I would like to put my sidecart into the “content” div to have it on the same layer. Otherwhise the sidecart-container has a black background that covers my “background”, and if I set its mix-blend-mode to “screen”, the content underneath shines through.

    So is there any possibility to put the “xoo-wsc-modal” div into my “content” div?

    Thank you!

    Plugin Author xootix

    (@xootix)

    Hello @mollini

    Your website link would have made it more understandable.
    Anyway, you cannot position the side cart inside content div.
    Even if you manage to move it. there will be no change in your design.
    Side cart uses “fixed” design.
    The “fixed” CSS property doesn’t respect any of its parent container positioning. It acts like a stand-alone.
    Have you tried setting the side cart background to transparent?

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.