Custom Shopping Cart Disappeared

Site URL: https://www.vecxi.com/

Hey,

Why did my custom shopping cart randomly disappear? I didn't change anything and today I noticed that it's gone. Appreciate any help. Password: August

Thanks.

Hey,

maybe it's just black on black and (SITE STYLES > COLORS)

Or go to

1) HEADER
2) Global > ELEMENTS
3) Check the Settings of the Shopping Cart
 

That's worth a try

Hey Armin,

No it's neither of those. I think it's something on Squarespace's end. I've used the same custom CSS for my custom cart for months and it's worked perfectly until today. Appreciate your input.

Hey, I have the same problem, today cart icon disappeared.
I use this code:

/* Cart Icon in the Header */
.icon--cart {
  svg {
    display:none ;
  }

  background-image: url(url);
  background-size: 25px 25px;
  background-repeat: no-repeat;
}

When I delete this piece of code (  svg { display:none ; }) then two baskets appear at once.

Please help!

Yep! That's exactly what happed to me Venera. Same code and same outcome.

If I had to guess the issue has arisen because SS changed the header cart icon recently.

https://support.squarespace.com/hc/en-us/articles/360001038687

Sounds about right, creedon.  Thanks for the heads up! Would love to know if anyone has any new custom CSS for this issue.

/* Replace the cart icon */

.header .header-actions-action--cart .icon {

  background: url(PUT CART IMAGE URL HERE) center no-repeat;

  stroke: transparent !important;

  content: "";

  background-size: contain;

}

Does the above code work? 

Worked like a charm izzyswebsite. Thanks for your help!!!

8 hours ago, izzyswebsite said:

/* Replace the cart icon */

.header .header-actions-action--cart .icon {

  background: url(PUT CART IMAGE URL HERE) center no-repeat;

  stroke: transparent !important;

  content: "";

  background-size: contain;

}

 

Does the above code work? 

Big thanks!

Site URL: https://www.beginonballard.com/

Hey there, my custom cart icon disappeared randomly and is not showing up anymore - can you please assist?

Here is the icon link:https://static1.squarespace.com/static/623113535517242488e4755c/t/62423bf9aeac573c5108aa91/1648507897865/checkout-chest.png

And full CSS: 

.icon--cart {   
  svg {     
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/623113535517242488e4755c/t/62423bf9aeac573c5108aa91/1648507897865/checkout-chest.png);   
  background-size: 20px 20px;   
  background-repeat: no-repeat; 
}

@media @mobile {
  #block-yui_3_17_2_1_1647401897839_22995 {
    display: none;
  }
}

.icon--cart {
filter:invert(1);
}

header.black .icon--cart {
filter:invert(0);
}

body:not(.header--menu-open) header:not(.black) .header-actions .icon-cart-quantity {
filter:invert(1);
}
 

On 9/2/2022 at 1:06 AM, Madison_hanley said:

Site URL: https://www.beginonballard.com/

Hey there, my custom cart icon disappeared randomly and is not showing up anymore - can you please assist?

 

Here is the icon link:https://static1.squarespace.com/static/623113535517242488e4755c/t/62423bf9aeac573c5108aa91/1648507897865/checkout-chest.png

And full CSS: 

.icon--cart {   
  svg {     
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/623113535517242488e4755c/t/62423bf9aeac573c5108aa91/1648507897865/checkout-chest.png);   
  background-size: 20px 20px;   
  background-repeat: no-repeat; 
}

@media @mobile {
  #block-yui_3_17_2_1_1647401897839_22995 {
    display: none;
  }
}

.icon--cart {
filter:invert(1);
}

header.black .icon--cart {
filter:invert(0);
}

body:not(.header--menu-open) header:not(.black) .header-actions .icon-cart-quantity {
filter:invert(1);
}
 

Add width height for first code

.icon--cart {
    background-image: url(https://static1.squarespace.com/static/623113535517242488e4755c/t/62423bf9aeac573c5108aa91/1648507897865/checkout-chest.png) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

Thank you so much!