Checkout Button not visible on Dawn Theme

Checkout Button not visible on Dawn Theme

jordanionita
Visitor
3 0 1

Help! My checkout button isn't visible. I can find it because it is there and when my mouse scrolls over it, the hand pops up .But nothing is there that says "check out". URL - sticksandthread.com

Replies 15 (15)

AvadaCommerce
Shopify Partner
3879 839 973

Hi @jordanionita ,

 

You can try to add checkout button on your site: 

From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Open the drop-down menu at the top of the page.
Select Product pages.
Click the Product pages section.
Check or uncheck Show dynamic checkout button.
Click Save.

 

I hope this helps.

banned

Kani
Shopify Partner
468 125 227

Hi @jordanionita 

 

Is it? What checkout button you are looking for, Can you share screenshot?

Kani_0-1663470293939.png

 

Hey!! ʕ ᵔᴥᵔ ʔ
Please click 'Like' and ' Accept as Solution' to encourage me to continue sharing my expertise. ♡
If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response. 🙂

Ahsan_ANC
Shopify Partner
1394 253 325

Hi @jordanionita. this is because no color value is selected for the color variable.

 

Please go to your theme settings > color and set the value of color-base-accent-1 property. it will show the background color of all of your buttons.

 

Screenshot 2022-09-18 082048.png

 

 

 

you can use this code for now

 

#checkout {
    background: lightsalmon;
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Msjadechan
Visitor
3 0 0

Please help me on how to get to this. I’m having the same trouble and my checkout button isn’t visible but I know its there

Ahsan_ANC
Shopify Partner
1394 253 325

Please share your store URL.

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Msjadechan
Visitor
3 0 0
Ahsan_ANC
Shopify Partner
1394 253 325

You can try this code


1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

 

#main-cart-footer #checkout {
    color: #000;
    border: 2px solid;
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Msjadechan
Visitor
3 0 0
Hi
Thanks for getting back to me. Still not visible, I’ve attached a screenshot and marked red where the invisible button is
Ahsan_ANC
Shopify Partner
1394 253 325

there is no code at the bottom of base.css try again adding the above code to the bottom of base.css

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Jawada
Visitor
3 0 0

Hello!
Can you let me know how you managed to bring checkout button back?

 

Ahsan_ANC
Shopify Partner
1394 253 325

Please share your store URL.

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Jawada
Visitor
3 0 0

arielslipandbodycare.com

Ahsan_ANC
Shopify Partner
1394 253 325

add this at the bottom of theme.css file

 

 

.mini-cart__drawer-footer #loader-button, .cart__recap #loader-button, [href$=checkout]:not(.csapps-ignore,.aiod_cart_loaded) {
    opacity: 1 !important;
    visibility: visible !important;
}

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Jawada
Visitor
3 0 0

Thank you Ahsan!
It worked perfectly.
Many Thanks.

kimberlye1999
Visitor
1 0 0

Hi I'm having the same issue and my check out button is not appearing. Would you be able to help please?

 

Thank you!