+41% Conversion LiftProduct Page

Sticky Add to Cart Bar

Keep the purchase button always visible as customers scroll down long product pages.

What This Snippet Does

Smart scroll detection; Variant selector included; Works on mobile and desktop; Matches theme colors automatically; Skip cart option

Code Preview

<div id="sticky-atc" class="hidden fixed bottom-0 w-full">
  <div class="container flex justify-between items-center">
    <div class="product-info">
      <img src="{{ product.featured_image }}" />
      <span>{{ product.title }}</span>
    </div>
    <form action="/cart/add" method="post">
      <select name="id">
        {% for variant in product.variants %}
          <option value="{{ variant.id }}">{{ variant.title }}</option>
        {% endfor %}
      </select>
      <button type="submit">Add to Cart - {{ product.price | money }}</button>
    </form>
  </div>
</div>

One-time purchase

$44USD

4.9(342)

Instant download • Lifetime updates