Checkout Button not showing in shopping cart widget

Solved

Checkout Button not showing in shopping cart widget

nose123
New Member
4 0 0

Despite the button is enable in the theme settings, it is not showing at the bottom for customer to click checkout. Upon checking, the button is there ( when I hover to the part, it is clickable). There is no changing of the design been done prior to this.

Screenshot 2024-09-09 103828.png

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
9546 1919 1955

This is an accepted solution.

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme setting 

 

#t4s-mini_cart .t4s-drawer__bottom { opacity: 1 !important; }

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

GTLOfficial
Shopify Partner
548 116 108

This is an accepted solution.

HEllo @nose123 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> mini-cart.css
add this code at the end of the file.

#t4s-mini_cart .t4s-drawer__bottom:last-child {
margin-bottom: 22px !important;
}

result
2.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: [email protected] - Skype: ritesh_27dh

View solution in original post

Replies 8 (8)

Dan-From-Ryviu
Shopify Partner
9546 1919 1955

Hi @nose123 

Please check color scheme settings of that button, I guess your are settings button and text color is white. 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

nose123
New Member
4 0 0

Have tried to change to different colors for text and button. It is still not reflecting.

Dan-From-Ryviu
Shopify Partner
9546 1919 1955

Could you share your store link to check?

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

nose123
New Member
4 0 0

Here you go : https://noseintl.com/

Dan-From-Ryviu
Shopify Partner
9546 1919 1955

This is an accepted solution.

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme setting 

 

#t4s-mini_cart .t4s-drawer__bottom { opacity: 1 !important; }

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

nose123
New Member
4 0 0

Thank you @Dan-From-Ryviu ! Now the button is showing but it is not at the middle position😅

The "view cart" button lower part got cut off

Screenshot 2024-09-09 131445.png

GTLOfficial
Shopify Partner
548 116 108

This is an accepted solution.

HEllo @nose123 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> mini-cart.css
add this code at the end of the file.

#t4s-mini_cart .t4s-drawer__bottom:last-child {
margin-bottom: 22px !important;
}

result
2.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: [email protected] - Skype: ritesh_27dh
GTLOfficial
Shopify Partner
548 116 108

Thanks for accepting the solution.
Please hit like button also.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: [email protected] - Skype: ritesh_27dh