Issues with cart page being blank

Solved

Issues with cart page being blank

MaisonBillonDon
Explorer
87 0 15

Why does my cart page show up blank? I've attached a screen shot of both before I click the cart button and after I click the cart button to show what happens as well as a screenshot of what my shopify cart page is supposed to look like based on the cart page customization window. 

 

Theme: Origin

URL:  billon.maison

 

Screenshot 2025-02-01 at 7.08.58 AM.pngScreenshot 2025-02-01 at 7.09.12 AM.pngScreenshot 2025-02-01 at 7.09.44 AM.png

Bravo Billón
Accepted Solution (1)

CodingFifty
Shopify Partner
1029 154 179

This is an accepted solution.

Hi @MaisonBillonDon,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

 

quantity-popover .quantity__button:not(:focus-visible):not(.focused), quantity-popover .quantity__input:not(:focus-visible):not(.focused),
svg.icon.icon-close,
h2.totals__total,
h2.drawer__heading,
.drawer__inner.gradient.color-scheme-1 {
    color: black !important;
}

button#CartDrawer-Checkout{
background: black !important;
}

textarea#CartDrawer-Note{
border: 2px solid black !important;
}

 

 

CodingFifty_0-1738412810677.png


OR

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

.drawer__inner.gradient.color-scheme-1 {
    background: black !important;
}

quantity-popover .quantity {
    background: black !important;
}

button#CartDrawer-Checkout {
    background: black !important;
}

.cart-drawer__empty-content .button {
    background: black !important;
}

 

CodingFifty_0-1738413897376.png

 



Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Replies 3 (3)

CodingFifty
Shopify Partner
1029 154 179

This is an accepted solution.

Hi @MaisonBillonDon,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

 

quantity-popover .quantity__button:not(:focus-visible):not(.focused), quantity-popover .quantity__input:not(:focus-visible):not(.focused),
svg.icon.icon-close,
h2.totals__total,
h2.drawer__heading,
.drawer__inner.gradient.color-scheme-1 {
    color: black !important;
}

button#CartDrawer-Checkout{
background: black !important;
}

textarea#CartDrawer-Note{
border: 2px solid black !important;
}

 

 

CodingFifty_0-1738412810677.png


OR

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

.drawer__inner.gradient.color-scheme-1 {
    background: black !important;
}

quantity-popover .quantity {
    background: black !important;
}

button#CartDrawer-Checkout {
    background: black !important;
}

.cart-drawer__empty-content .button {
    background: black !important;
}

 

CodingFifty_0-1738413897376.png

 



Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
MaisonBillonDon
Explorer
87 0 15

This worked ! Thank You! @CodingFifty 

Bravo Billón

ProtoMan44
Shopify Partner
753 60 114

@MaisonBillonDon Hey, thanks for posting here.
your cart is not empty.
don't be worry you just need to add color on the back of the cart drawer

and also there issue in footer copywrite text place

ProtoMan44_0-1738413573462.png

 

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!