1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

sticky cart icon with et-cart-info

Discussion in 'Free Divi Community Forum' started by Alemvela, Feb 6, 2020.

  1. Alemvela

    Alemvela New Member

    I've added a sticky button to my page https://sunbambu.com/ but... i'd like to this button to display cart items
    t
    his is my PHP
    <div id="ds-sticky-button"> <a href="https://sunbambu.com/cart/" class="et-cart-info"> <i class="fa fa-shopping-cart"></i></a></div>

    and css
    #ds-sticky-button a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 50%;
    border: 0;
    color: black !important;
    font-size: 30px;
    background: transparent;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    }

    /*Styles the button on hover - You can edit all these values to match your design*/
    #ds-sticky-button a:hover {
    background: black;
    color: white !important;
    text-decoration: none;
    }
    .et-cart-info {
    display: inline-block!important;
    }
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

  3. shayona

    shayona New Member

    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More