Checkout Button Missing in mini cart drawer

[Abubakar35]

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

[Guleria]

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

[Abubakar35]

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.

[Guleria]

My last reply was also for mini cart. 

[Abubakar35]

can you please guide me how to fix it?

[Guleria]

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 ?

[Abubakar35]

{%- 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 }}
<link href="{{ 'bee-custom-effect.css' | asset_url }}" rel="stylesheet" media="print" onload="this.media='all'">
{%- if settings.currency_type == '2' and settings.notify_currency and settings.mess_currency != blank %}{% assign cart_iso_code = cart.currency.iso_code %}{% assign text1 = '{{ currency }}' -%}
{{ 'bee-marquee.css' | asset_url | stylesheet_tag }}
<div class="bee-marquee bee-marquee--rtl" style="--marquee-delay: 18s"><div class="bee-marquee__item bee-marquee--animation"><p class="bee-db" data-currency-jsnotify>{{ settings.mess_currency | replace: text1,cart_iso_code | replace: '[currency]',cart_iso_code | replace: '[original_currency]',cart_iso_code | replace: '[current_currency]','<span class="selected-currency"></span>' }}</p></div><div class="bee-marquee__item bee-marquee--animation bee-marquee--duplicate"><p class="bee-db" data-currency-jsnotify>{{ settings.mess_currency | replace: text1,cart_iso_code | replace: '[currency]',cart_iso_code | replace: '[original_currency]',cart_iso_code | replace: '[current_currency]','<span class="selected-currency"></span>' }}</p></div></div>
{%- endif -%}

<div class="bee-minicart-group-btns{% if bk_stts.btn_inline == false %} bee-minicart-btn_full{% endif %}">
{%- if bk_stts.btn_viewcart -%}
<a {{ block.shopify_attributes }} href="https://ambient-arcstone.com/cart" data-loading-bar class="bee-btn__cart bee-btn bee-btn-base bee-btn-style-{{ bk_stts.cart_button_style }} bee-btn-color-{{ bk_stts.cart_btn_cl }} {% if bk_stts.cart_button_style == 'default' or bk_stts.cart_button_style == 'outline' %}bee-btn-effect-{{ bk_stts.cart_button_effect }}{% endif %} bee-w-100 bee-justify-content-center"><span class="bee-truncate">{{ 'cart.mini_cart.view' | t }} </span>{%- if bk_stts.btn_icon -%}<svg class="bee-btn-icon" viewBox="0 0 22 22"><use xlink:href="#bee-icon-btn"></use></svg>{%- endif -%}</a>
{%- endif -%}

{%- 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"><span class="bee-truncate">{{ 'cart.mini_cart.checkout' | t }}</span>{%- if bk_stts.btn_icon -%}<svg class="bee-btn-icon" viewBox="0 0 22 22"><use xlink:href="#bee-icon-btn"></use></svg>{%- endif -%}</button>
{%- endif -%}
</div>
here is the code if I'm not wrong.

[Guleria]

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.

[Abubakar35]

sure, how can I share you my credentials?

[Abubakar35]

collaborator Code: 

2226

[Guleria · Accepted solution]

request sent! 

[Guleria]

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.

[Samir2411]

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

https://8p4zg0-su.myshopify.com/

[Guleria]

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

[Samir2411]

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

[Visore-store]

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