Shopify themes, liquid, logos, and UX
Hello,
I noticed that the add to cart button disappears and appears on the product detail page. If you load the page the button is visible for a second and then it's gone.
If you reload the page a couple of times it appears and disappears. Anyone an idea? The page is shop.avoseedo.com
Thanks,
Solved! Go to the solution
This is an accepted solution.
I found the issue and fixed it. For anyone else who may have this, it was caused by an app I had installed and uninstalled some time ago.
The app was: Advanced PreOrder(Partial Pay) it added a class to the button sometimes which made it disappear. It left a javascript call in the header.
<script src="https://shinedezign.tk/preorder/js/preorder.js"></script>
After deleting it everything was normal again.
Thanks!
Are you using some apps to show inventory availability? The code is loaded dynamically and it makes it appear late. But functionally no issue. if the code was inline instead of being loaded through javascript you won't see any lag.
Hope it helps.
Hi,
thanks for your reply. No I don't use any apps to show inventory I just use the Shopify inventory management that comes with.
I also checked the product.liquid template I couldn't find anything obvious. Here is the button code:
<div class="purchase-section{% if product.variants.size > 1 %} multiple{% endif %}">
{% unless product.available %}
<p>Out of stock</p>
<p>Notify me when item is back in stock</p>
{% else %}
<p>In stock</p>
<div class="product-single__quantity{% unless settings.product_quantity_enable %} is-hidden{% endunless %}">
<input id="minus" class="qtyminus" type="button" value="-">
<input type="number" id="Quantity" name="quantity" value="1" min="1" class="quantity-selector">
<input id="plus" class="qtyplus" type="button" value="+">
</div>
<input type="submit" class="btn addtocart" name="add" value="Add to cart" id="add-to-cart" />
<div id="cart-animation" style="display:none">1</div>
<input type="hidden" name="return_to" value="/checkout" />
{% endunless %}
</div>
<!-- End product options -->
{% if product.available %}
</form>
{% endif %}
Ok, any app for product options? If the answer is no, I will have to login to your admin panel through collaborator access to check. Direct message me if needed.
This is an accepted solution.
I found the issue and fixed it. For anyone else who may have this, it was caused by an app I had installed and uninstalled some time ago.
The app was: Advanced PreOrder(Partial Pay) it added a class to the button sometimes which made it disappear. It left a javascript call in the header.
<script src="https://shinedezign.tk/preorder/js/preorder.js"></script>
After deleting it everything was normal again.
Thanks!
Worked. This has been an issue for the last year. Thank you!
Worked for me as well. Thank you.
Hi there. This happened to me to. Where did you find this code in order to delete it?
It may not be same code/script which is causing for you but something else. Can be looked at by logging in.
Go to Sales Channels -> Online Store -> Themes > customice -> on the left on the bottom Theme actions -> edit code and then theme.liquid should have the code snippet somewhere at the top between the <head>
so if I delete this code from the theme it will solve the issue?
<script src="https://shinedezign.tk/preorder/js/preorder.js"></script>
I am apprehensive to delete this in case anything happens?
Thanks
If you don't want to use this add-on anymore you can remove it without any issues. Also, you can add it again if you see something has changed.
This solved my missing ATC button issue too. YAY! Thanks so much!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024