Add to Cart button not showing in Envy

[kmallios1]

Hello- My " add to cart " button for my 4 products either does not show immediately or takes about 30+ seconds to appear. I am a first time Shopify user and would appreciate any help!

cart-drawer.liquid:

<form action="/cart" method="post" novalidate="" class="cart-drawer-form">

<div id="cartSlideoutWrapper" class="envy-shopping-right slideout-panel-hidden cart-drawer-right">

<a href="#sidr" class="slide-menu menu-close-icon cart-menu-close"><i data-feather="x"></i></a>

<span class="h3">{{ 'cart.general.title' | t }}</span>

<div class="cart-error-box"></div>

<div class="cart-empty-box">

{{ 'cart.general.empty' | t }}

</div>

<script type="application/template" id="cart-item-template">

<div class="cart-item">

<div class="cart-item-image--wrapper">

<a class="cart-item-link" href="/product">

<img

class="cart-item-image"

src="/product/image.jpg"

alt=""

/>

</a>

</div>

<div class="cart-item-details--wrapper">

<a href="/product" class="cart-item-link cart-item-details--product-title-wrapper">

<span class="cart-item-product-title"></span>

<span class="cart-item-variant-title"></span>

</a>

<div class="cart-item--quantity-price-wrapper">

<div class="cart-item--quantity-wrapper">

<button type="button" class="cart-item-quantity-button cart-item-decrease" data-amount="-1" aria-label="Reduce item quantity by one">-</button>

<input type="text" class="cart-item-quantity" min="1" pattern="[0-9]*" aria-label="quantity" />

<button type="button" class="cart-item-quantity-button cart-item-increase" data-amount="1" aria-label="Increase item quantity by one">+</button>

</div>

<div class="cart-item-price-wrapper">

<span class="cart-item-price-original"></span>

<span class="cart-item-price"></span>

</div>

<ul class="order-discount--cart-list" aria-label="{{ 'customer.order.discount' | t }}"></ul>

</div>

</div>

</div>

</script>

<script type="application/json" id="initial-cart">

{{ cart | json }}

</script>

<div class="cart-items"></div>

<div class="ajax-cart--bottom-wrapper">

{% if settings.allow_note %}

<div class="ajax-cart--checkout-add-note">

<p>{{ 'cart.general.note' | t }}&hellip;</p>

<textarea id="note" name="note" class="form-control">{{ cart.note }}</textarea>

</div>

{% endif %}

{% if settings.enable_terms_conditions %}

<div class="ajax-cart--terms-conditions">

<div class="form-group">

            <div class="checkbox">

                <label>

                    <input type="checkbox" id="agree" />

{% if settings.terms_conditions_link == blank %}

{{ 'cart.general.terms_text' | t }}

{% else %}

{{ 'cart.general.terms_text_html' | t | replace: '#', settings.terms_conditions_link }}

{% endif %}

                </label>

            </div>

        </div>

</div>

{% endif %}

<div class="ajax-cart--cart-discount">

<div class="cart--order-discount-wrapper custom-font ajax-cart-discount-wrapper"></div>

</div>

<div class="ajax-cart--cart-original-price">

<h5><span class="cart-item-original-total-price"><span class="money">{{ cart.original_total_price | money }}</span></span></h5>

</div>

<div class="ajax-cart--total-price">

<h4><span class="cart-item-total-price" id="cart-price"><span class="money">{{ cart.total_price | money }}</span></span></h4>

<span class="cart-item-price-text">{{ 'layout.cart.total_cart_value' | t }}</span>

</div>

<div class="slide-checkout-buttons">

<button type="submit" name="checkout" class="btn btn-success cart-button-checkout">

<span class="cart-button-checkout-text">{{ 'cart.general.checkout' | t }}</span>

<div class="cart-button-checkout-spinner lds-dual-ring hide"></div>

</button>

{% if additional_checkout_buttons and settings.enable-additional-checkout-buttons %}

<div class="additional-checkout-buttons">

{{ content_for_additional_checkout_buttons }}

</div>

{% endif %}

<a href="#sidr" class="btn btn-default cart-menu-close">{{ 'layout.cart.continue_shopping' | t }}</a><br />

</div>

[KetanKumar]

Hello, @kmallios1 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[kmallios1]

@KetanKumar Thank you KetanKumar

https://www.thefollowapolloseries.com/

[KetanKumar]

@kmallios1 

Thanks for the store URL.

i have check this is working fine see the attachment. 

[Kuu]

Hello,

I am also new to Shopify, and need some help. Please find details below:

OVERVIEW:
Theme: Envy - Copenhagen. Theme does not have ADD TO CART on the collection page.
Created a form method under the product-grid--indiv-product.liquid
Created a snippet: Ajaxify-cart.liquid as per: https://github.com/carolineschnapp/ajaxify-cart/blob/master/ajaxify-cart.liquid

EXPLANATION OF THE ISSUE:
On the product page when I click the ADD TO CART button, the Cart drawer slides out but it is empty inside. However, if the page is refreshed manually the cart drawer displays the product to place the order. 

Thanks.