upsell.tpl 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <div class="card mb-0 promo-banner bg-checkered {$promotion->getClass()}">
  2. <div class="card-body p-5">
  3. <div class="d-flex align-items-center flex-column flex-md-row">
  4. <div class="icon-left">
  5. <a href="{$promotion->getLearnMoreRoute()}">
  6. <img src="{$promotion->getImagePath()}">
  7. </a>
  8. </div>
  9. <div class="content w-100 ml-md-5">
  10. <h3 class="h4 bolder">
  11. {$promotion->getHeadline()}
  12. {if $promotion->getLearnMoreRoute()}
  13. <small><a href="{$promotion->getLearnMoreRoute()}">{lang key='learnmore'}...</a></small>
  14. {/if}
  15. </h3>
  16. <h4>{$promotion->getTagline()}</h4>
  17. {if $promotion->getDescription()}
  18. <p>{$promotion->getDescription()}</p>
  19. {/if}
  20. {if $promotion->hasFeatures()}
  21. <ul>
  22. {assign "promotionFeatures" $promotion->getFeatures()}
  23. {foreach $promotionFeatures as $key=>$feature}
  24. <li class="{if $key < ($promotionFeatures|@count / 2)}left{else}right{/if}">
  25. <i class="far fa-check-circle"></i> {$feature}
  26. </li>
  27. {/foreach}
  28. </ul>
  29. {/if}
  30. </div>
  31. </div>
  32. </div>
  33. <div class="card-footer">
  34. <form method="post" action="{$targetUrl}">
  35. {foreach $inputParameters as $key => $value}
  36. <input type="hidden" name="{$key}" value="{$value}">
  37. {/foreach}
  38. <button type="submit" class="btn btn-primary btn-block">
  39. {if $product->isFree()}
  40. {$promotion->getCta()}
  41. {lang key="orderfree"}
  42. {else}
  43. {$promotion->getCta()} {$product->name}
  44. {lang key="fromJust"}
  45. {if $product->pricing()->first()->isYearly()}
  46. {$product->pricing()->first()->yearlyPrice()}
  47. {elseif $product->pricing()->first()->isOneTime()}
  48. {$product->pricing()->first()->oneTimePrice()}
  49. {else}
  50. {$product->pricing()->first()->monthlyPrice()}
  51. {/if}
  52. {/if}
  53. </button>
  54. </form>
  55. </div>
  56. </div>