marketconnect-promo.tpl 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <div class="mc-promo {$promotion->getClass()}" id="promo_{$product->productKey}">
  2. <div class="header">
  3. <div class="cta">
  4. <div class="price">
  5. {if $product->isFree()}
  6. {lang key="orderfree"}
  7. {elseif $product->pricing()->first()}
  8. {$product->pricing()->setQuantity($cartItem.qty)->first()->breakdownPrice()}
  9. {/if}
  10. </div>
  11. <button type="button" class="btn btn-sm btn-add" data-product-key="{$product->productKey}">
  12. <span class="text">
  13. {lang key="addtocart"}
  14. </span>
  15. <span class="arrow">
  16. <i class="fas fa-chevron-right"></i>
  17. </span>
  18. </button>
  19. </div>
  20. <div class="expander">
  21. <i class="fas fa-chevron-right rotate" data-toggle="tooltip" data-placement="right" title="Click to learn more"></i>
  22. </div>
  23. <div class="icon">
  24. <img src="{$promotion->getImagePath()}">
  25. </div>
  26. <div class="content">
  27. <div class="headline truncate">{$promotion->getHeadline()}</div>
  28. <div class="tagline truncate">{$promotion->getTagline()}</div>
  29. </div>
  30. </div>
  31. <div class="body clearfix">
  32. {if $promotion->hasFeatures()}
  33. <ul>
  34. {assign "promotionFeatures" $promotion->getFeatures()}
  35. {foreach $promotionFeatures as $key=>$feature}
  36. <li class="{if $key < ($promotionFeatures|@count / 2)}left{else}right{/if}">
  37. <i class="fas fa-check"></i> {$feature}
  38. </li>
  39. {/foreach}
  40. </ul>
  41. {/if}
  42. </div>
  43. </div>