Step1: Create snipit with name sticky-add-to-cart Step2: Past below code and save it /* Start code Code */ {% if template contains 'product' %}{% comment %}{% endcomment %}<div id="huratips-addtocart-sticky"> <img class="sticky-product-img" src="{{ product.featured_image | img_url: 'original' }}" ><!-- <form action="/cart/add" method="post"> --> <select name="id"...
BLOG
- Home
- Blog
Add following code under the Product form where you want to display Buy now button <div data-shopify="payment-button" class="shopify-payment-button" > <a href="/cart/{{product.selected_or_first_available_variant.id}}:1" class="btn shopify-payment-button__button " tabindex="0"> <span id="AddToCartText">Buy Now</span> </a> </div> add styling according to your store design Example store: Link: https://bediuzzaman.myshopify.com/ Screenshots: https://nimb.ws/9f3oic
Demo: https://www.madamefancypants.com/collections/designers If your store has lots of products for a specific collection page on your Shopify store? Instead of getting customers to navigate to multiple pages of products you can now add infinite scroll to your Shopify collections pages so customers can keep scrolling...
Asset Image urlFor anyone struggling to find this info, you have two options... {{ 'your-asset-name.png' | asset_img_url: 'original' }} or <img src="{{ 'your-asset-name.png' | asset_img_url:'original'}}" />