Cart to Checkout Button Transparent, only shows when hovering

Store Design
, , , ,
1

In my cart page, with products added, the “Checkout” button is transparent, only appearing when hovering above it.

lucasmunhoz_1-1692265229456.png
lucasmunhoz_1-1692265229456.png556×117 2.87 KB

lucasmunhoz_2-1692265259745.png
lucasmunhoz_2-1692265259745.png516×134 4.45 KB

Upon searching for answers in the forum, it seems there are some content missing. I couldn’t find a solution and I am very new to sopify page design.
Thanks!

2

@lucasmunhoz

Can you please share store url and front end password if store protected.

3

Hey @lucasmunhoz

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

4

Hi @lucasmunhoz

Could you share your store URL?

5

https://classiqe.com.br/
https://classiqe.com.br/cart

6

https://classiqe.com.br/
cart: https://classiqe.com.br/cart

7

https://classiqe.com.br/
shop cart: https://classiqe.com.br/cart

8

@lucasmunhoz

  1. Go to Theme.liquid
  2. before closing add following code
9

Hey @lucasmunhoz

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1692267659861.png
Moeed_0-1692267659861.png1531×537 21.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

10

Thanks, BR!

11

Thanks,
BR!

12

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

13

Is there any code I can use to show quantity of items added to cart, above cart icon?

lucasmunhoz_0-1692268143689.png
lucasmunhoz_0-1692268143689.png100×157 508 Bytes

I have items added to cart, but no notification to show it.

14

Hey @lucasmunhoz

Yes, it is possible. It’s not possible via CSS only and it’s a code customization work. If you’re not familiar with coding then I highly suggest you to hire a Shopify developer who can help you in showing the quantity above the cart icon.

Best Regards,
Moeed

15

@lucasmunhoz

{{ cart.item_count }}

Try this code with cart icon

16

It worked,

lucasmunhoz_0-1692269812354.png

Is there any way I can make it white?
Thanks!

17

Hey @lucasmunhoz

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1692270568531.png

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed