Código para Boton de whatsapp
Holaa chicos, les dejo un código liquid para qque les aparezca el icono de whatsapp mientras el cliente ve la página y si hace click en el bóton lo lleva al carrito. Se crea la carpeta en con el nombre "WA-Cart-Floating-Button.liquid" y se copia y pega esta codigo: {% comment %} WA Cart Floating Button - Section - Botón flotante con ícono de WhatsApp que redirige al carrito (/cart) - Parpadeo + halo (funciona en móvil/iOS con fixes de SVG) - Visible solo en productos y colecciones; oculto en cart/checkout {% endcomment %} {% if request.page_type == 'product' or request.page_type == 'collection' %} {% unless request.page_type == 'cart' or request.page_type == 'checkout' %} {% if section.settings.show_on_desktop or section.settings.show_on_mobile %} <style> :root{ --wa-green: {{ section.settings.color | default: '#25D366' }}; } .wa-cart-fab{ position: fixed; right: {{ section.settings.right_offset }}px; bottom: {{ section.settings.bottom_offset }}px; z-index: 9999; display: inline-flex; align-items: center; justify-content: center; width: {{ section.settings.size_desktop }}px; height: {{ section.settings.size_desktop }}px; border-radius: 9999px; background: var(--wa-green); box-shadow: 0 8px 24px rgba(0,0,0,.18); transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; cursor: pointer; opacity: .98; animation: wa-pop .42s ease-out both; } .wa-cart-fab:hover{ transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 28px rgba(0,0,0,.22); } .wa-cart-fab:active{ transform: translateY(0) scale(.98); } .wa-cart-fab:focus-visible{ outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(37,211,102,.35), 0 8px 24px rgba(0,0,0,.18); } /* Halo pulsante */ .wa-cart-fab::after{ content: ""; position: absolute; inset: 0; border-radius: 9999px; box-shadow: 0 0 0 0 rgba(37,211,102,.45); animation: wa-halo 2.2s infinite ease-out; pointer-events: none; } .wa-cart-fab__icon{ width: calc({{ section.settings.size_desktop }}px * .54);