<{* Template: add-to-cart-dropdown.html Description: Variant add-to-cart for product cards. Desktop (>=768px): Inline dropdown (existing .dropdown styles) Mobile (<768px): Bottom sheet (teleported to body to escape stacking contexts) Form is rendered ONCE and moved between inline/teleported container via Alpine. *}> <{assign var="variant" value=$variant|default:'default'}> <{assign var="size" value=$size|default:'sm'}> <{assign var="icon" value=$icon|default:'chevron-down'}> <{assign var="text" value=$text|default:'Vælg'}> <{assign var="product" value=$webshop->getProductById($product_id)}> <{if $product}> <{assign var="product_images" value=$product->getImages()}> <{assign var="product_thumb" value=""}> <{section name="j" loop=$product_images start=0 max=1}> <{assign var="product_thumb" value=$product_images[j]->getSrc(120, 120, 'fit', 'webp')}> <{/section}>
<{include file="components/button.html" variant=$variant size=$size icon_append=$icon text=$text xclick="toggle()"}> <{* Desktop: inline dropdown *}>
<{include file="components/add-to-cart.html" show_quantity="true" show_variant="true" show_modal="true" btn_variant="primary" btn_size="xs" product_id=$product_id }>
<{* Mobile: bottom sheet (teleported to body to escape stacking contexts) *}>
<{/if}>