Multiple Shopify store owners are experiencing an issue where the checkout button fails to display in their mini cart drawer (AJAX cart), despite the cart itself functioning normally.
Initial Troubleshooting:
Resolution for Original Poster:
Guleria identified and fixed the issue after receiving collaborator access to the store. The provided code snippet appeared to be from a product page rather than the mini cart template, suggesting a template file configuration problem.
Ongoing Cases:
The issue appears theme-specific and may require direct code inspection or collaborator access to resolve.
In my Shopify store, the checkout button is not showing in the AJAX cart. The cart opens fine, but there’s no checkout button visible. I haven’t made any major changes to the cart code.
Any ideas on how to fix this?
Store Link : www.ambient-arcstone.com
Hello @Abubakar35 ,
There is no html found in source code related to the checkout button.
Neither I found any error/conflict in the console.
I suggest once check the theme settings and cart template file to cross check the code ( maybe code is code commented or removed )
Regards
Guleria
everything in the cart template file seems to be correctly implemented, I’ve encountered an issue where the button is not displaying in the mini cart.
My last reply was also for mini cart.
can you please guide me how to fix it?
Definitely I want to help but not until I can’t see the html of checkout in the source code.
Can you confirm what you tried so far ? Can you share the button code you find in the file ?
{%- when ‘group_btns’ -%}
{%- assign bk_stts = block.settings -%}
{%- if bk_stts.btn_viewcart or bk_stts.btn_checkout -%}
{{ ‘bee-button-style.css’ | asset_url | stylesheet_tag }}
{{ settings.mess_currency | replace: text1,cart_iso_code | replace: '[currency]',cart_iso_code | replace: '[original_currency]',cart_iso_code | replace: '[current_currency]','' }}
{{ settings.mess_currency | replace: text1,cart_iso_code | replace: '[currency]',cart_iso_code | replace: '[original_currency]',cart_iso_code | replace: '[current_currency]','' }}
{%- if bk_stts.btn_checkout -%}
<button {{ block.shopify_attributes }} type=“submit” data-loading-bar data-confirm=“{{ ck_lumise }}” name=“checkout” class=“bee-btn__checkout bee-btn bee-btn-base bee-btn-style-{{ button_style }} bee-btn-color-{{ bk_stts.btn_cl }} {% if button_style == ‘default’ or button_style == ‘outline’ %}bee-btn-effect-{{ bk_stts.button_effect }}{% endif %} bee-w-100 bee-justify-content-center”>{{ ‘cart.mini_cart.checkout’ | t }}{%- if bk_stts.btn_icon -%}{%- endif -%}
{%- endif -%}
Seems this code belongs to the PDP page.
If you want you can provide store access and I’ll check it out.
Drop collaborator code through PM.
sure, how can I share you my credentials?
collaborator Code:
2226
request sent!
Fixed, please check.
btw if you find something is still wrong I’ll be back after an hour.
Time to pick the kids from school.
hey, i have the same problem can you help me to fix it please?
the problem is the checkout and view cart buttons are not showing at all in the mini cart
link of my website so you can check it
Hello @Samir2411 ,
Once check the cart drawer settings maybe there you will find an option to enable/disable it.
If the problem is not solved you can drop me an email to discuss it further.
Regards
Guleria
Thanks for your respond, its already enabled and it is working but the only problem is the “Checkout Button” is not showing , otherwise it works on the normal cart but in the mini cart it’s not showing any buttons as you can see in the photo
It is the same for me, when testing the site I cannot see the checkout button when an item is placed in the cart, when going into the website editor I can see a “checkout button” placed as a block on the side but nothing appears, (when hovering over with my cursor it outlines the box, but does not show any black checkout box) Does anyone know how to fix this?? Would be much appreciated
