Add to Cart button not showing in Envy

Highlighted
New Member
2 0 2

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>
 

 

Highlighted
Shopify Partner
9687 1218 3408

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.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Highlighted
Shopify Partner
9687 1218 3408

@kmallios1 

Thanks for the store URL.

i have check this is working fine see the attachment. 

KetanKumar_0-1596339002483.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
1 0 0

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.

0 Likes