<{include file="components/image.html" width="370" height="370" sizes="165,360,345,220,370" class="product-card__picture" product=$product alpine=$alpine}> <{assign var="metaValues" value=$product->getMetaValues()}> <{if isset($metaValues.youtube_id) || $product->getExtensionValue('youtube_id')}> <{if $product->getExtensionValue('youtube_id')}> <{assign var="youtube_id" value=$product->getExtensionValue('youtube_id')}> <{else}> <{assign var="youtube_id" value=$metaValues.youtube_id}> <{/if}> <{include file="components/play-video.html" class="product-gallery__play-video product-card__play-video" youtube="$youtube_id"}> <{/if}> <{if $settings.product.enable_wishlist}> <{include file="components/favourite.html" class="product-card__favourite" product_id=$product->getProductId()}> <{/if}> <{if $settings.product_card.enable_badges}> <{if $alpine}> <{else}> <{include file="components/product-badges.html" class="product-card__badges" product=$product}> <{/if}> <{/if}>

<{if $settings.product_card.enable_brand}> <{if $alpine}> <{else}> <{if $product->getBrandName()}>

<{$product->getBrandName()|escape}>

<{/if}> <{/if}> <{/if}>

href="<{$product->getRemoteUrl()}>"<{/if}> <{if $alpine}>:href="product.url"<{/if}> <{if $alpine}>x-text="product.name"<{/if}> > <{if ! $alpine}><{$product->getName()}><{/if}>

<{if $settings.product_card.enable_category}> <{if !$alpine && $product->getMainCategory()}> <{assign var="productMainCategory" value=$product->getMainCategory()}>

<{$productMainCategory->getName()}>

<{/if}> <{/if}>

<{include file="components/price.html" show_currency=$settings.currency.show product=$product show_from_prefix="true" class="product-card__price"}> <{if !$alpine && $settings.product_card.enable_add_to_cart && $show_add_to_cart !== 'false' || $product->getAllowNegativeStock()}> <{if $product->hasVariants()}> <{include file="components/add-to-cart-dropdown.html" class="product-card__add-to-cart product-card__add-to-cart--variant" variant="action" size="md" text="Add to cart"|t product_id=$product->getProductId()}> <{elseif $product->getAllowNegativeStock() or $product->getIsInStock()}> <{include file="components/add-to-cart.html" show_quantity="true" icon="true" product_id=$product->getProductId()}> <{else}> <{include file="components/button.html" variant="action" class="btn--block product-card__add-to-cart product-card__add-to-cart--simple" text="View product"|t type="link" href=$product->getRemoteUrl()}> <{/if}> <{/if}> <{if $settings.product_card.enable_stock_status}> <{include file="components/stock-status.html" class="product-card__stock-status" product=$product}> <{/if}> <{if !$alpine && $settings.product_card.enable_rating}> <{include file="components/rating.html" variant="sm" class="product-card__rating" product=$product}> <{/if}>