Jump to content

CodyWiedenbein

Member
  • Posts

    2
  • Joined

  • Last visited

Posts posted by CodyWiedenbein

  1. On 8/29/2023 at 9:47 AM, iamdavehart said:

    squarespace will add a class cart-quantity-zero when there are no items in it so all you really need to do is include that. The SVG icon they use has its border and fill inheriting the current colour so you just need to set colour. 

    there's something else going on on your site though, and that's that you have a dark background on your header, so the other thing you should do is set squarespaces variable that determines the navigation colour for a solid background

    .cart-style-icon {
      color:blue;
      --solidHeaderNavigationColor: blue;
    }
    
    .cart-style-icon.cart-quantity-zero {
      color:red;
      --solidHeaderNavigationColor: red;
    }

     

    I seem to be getting syntax errors when I try to set the header variable.

  2. Howdy folks; looking for some assistance/direction on coding a function into the shopping cart icon.

    I want my shopping cart to change to to another color when the quantity exceeds 0 so that the cart is 'highlighted' another color when the end user adds something to the cart.

    The furthest I managed with this idea was,

    .cart-style-icon span {
      color: #e1fdae;
    }
    
    .cart-style-icon[aria-label="0 items in cart"] span {
      color: #fff !important;
    }

    But that seems to only change the color of the number as I'm trying to get the number, cart svg, and border to change as well. Any ideas?

    Website is www.michiganrockhounds.com
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.