templates/website/product/product-detail-banner-section.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico, imgUpload %}
  3. {% set bannerTextColor = '' %}
  5. {% if (productPage.pageColorText is not null) or (productPage.pageColorText != 'null') %}
  6.     {% set bannerTextColor = "color:#{productPage.pageColorText}" %}
  7. {% endif %}
  9. <section class="product-banner">
  11.     {# BANNER #}
  12.     <div class="banner-img">
  13.         {{ imgUpload(productPage.cover, enum('AbstractEnum::PATH_PRODUCT_COVER'), 'product-cover', product.title) }}
  14.     </div>
  16.     {# COVER #}
  17.     {% include 'website/product/product-detail-cover.html.twig' with { mode:'mobile', img_option: 'product-photo-detail-mobile' }%}
  19.     <div class="container">
  20.         <section class="lateral-products product-banner-color product-banner-title">
  21.             <h1 class="title">{{ product.title }}</h1>
  22.             <div class="info">
  23.                 {#
  24.                 <div class="tags-destaque">
  25.                     <span>{{ getLanguage('best_sellers', 'home') }}</span>
  26.                 </div>
  27.                 ??? !!!*
  28.                 #}
  29.                 {% if productPage.description %}
  30.                     <div class="desc">{{ productPage.description|raw }}</div>
  31.                 {% endif %}
  33.                 {% if (scoreProduct.scoreTotal > 9) %}
  34.                     <div class="avaliacao">
  36.                         {% include 'website/includes/stars.html.twig' with { score: scoreProduct.score }%}
  38.                         <span class="total">{{ getLanguage('based_on', 'product') }} {{ scoreProduct.scoreTotal }} {{ plural(scoreProduct.scoreTotal, getLanguage('evaluation', 'product'), getLanguage('evaluations', 'product')) }}</span>
  39.                     </div>
  40.                 {% endif %}
  42.                 <div class="tags-categorias">
  43.                     {% for item in product.category %}
  44.                         <span class="tag">{{ item.category }}</span>
  45.                     {% endfor %}
  46.                 </div>
  47.             </div>
  48.             <div class="actions">
  50.                 {# WISHLIST #}
  51.                 {% if not userHasProduct(product) and user %}
  52.                     <button class="bookmark js--btn-wishlist {{ isInWhishlist(product.id)? 'status--active' }}"
  53.                         data-product="{{ product.id }}"
  54.                         data-offer="{{ productOffer.id }}"
  55.                         data-title="{{ product.title }}"
  56.                         data-price="{{ productOffer.getPriceRealCopy() }}"
  57.                         data-tooltip-text="{{ isInWhishlist(product.id)? getLanguage('remove_from_wish_list', 'user_resume') : getLanguage('add_to_wish_list', 'user_resume') }}"
  58.                         data-tooltip-class="tooltip-wish">
  59.                         <span class="ico">
  60.                             <i class="heart">{{ ico('heart') }}</i>
  61.                             <i class="loader">{{ ico('loader-wish') }}</i>
  62.                         </span>
  63.                         <span class="label-off txt">{{ getLanguage('favorite', 'product') }}</span>
  64.                         <span class="label-on txt">{{ getLanguage('fav', 'product') }}</span>
  65.                     </button>
  66.                 {% endif %}
  68.                 {# SHARE #}
  69.                 {% set paths = {
  70.                     (enum('ProductEnum::COURSE')):       'productDetailCourse',
  71.                     (enum('ProductEnum::COMBO')):        'productDetailCombo',
  72.                     (enum('ProductEnum::SUBSCRIPTION')): 'productDetailPlan'
  73.                 } %}
  75.                 {% set shareLink = url(paths[product.type], {
  76.                     type: product.getProductTypeText(),
  77.                     slug: product.productLink })
  78.                 %}
  80.                 {% set productPhoto = null %}  
  82.                 {% if productPage.photo %}
  83.                     {% set pathImage = getFilePathComplete({
  84.                         fileName:  productPage.photo,
  85.                         pathConst: enum('AbstractEnum::PATH_PRODUCT_PHOTO'),
  86.                         option:    '',
  87.                         addUpload: enum('AbstractEnum::YES')
  88.                     }) %} 
  89.                     {% set productPhoto = pathImage.pathCdn %}     
  90.                 {% endif %}
  92.                 <button class="share js--share-modal"
  93.                     data-share-url="{{ shareLink }}"
  94.                     data-share-title="{{ product.productLink }}"
  95.                     data-share-photo="{{ productPhoto }}">
  96.                     <i class="ico">{{ ico('share') }}</i>
  97.                     <span class="txt">{{ getLanguage('share', 'product') }}</span>
  98.                 </button>
  99.             </div>
  100.         </section>
  102.         {# FEATURES #}
  103.         {% include 'website/product/product-detail-features.html.twig' %}
  105.         {# PRICING #}
  106.         {% include 'website/product/product-detail-pricing.html.twig' %}
  108.         {% if saleLimitRemaining > 0 %}
  109.             {% if productOffer.getSaleIsOpen() %}
  110.                 {# FREE TRIAL #}
  111.                 {% if productOffer.allowTrial and not userHasProduct(productOffer.product, true) %}
  112.                     <p class="trial">{{ getLanguage('free_access_by', 'product') }} <b>{{ productOffer.trialPeriod }} {{ getLanguage('days', 'product') }}</b></p>
  113.                 {% endif %}
  115.                 {# DISCOUNT AND COUNTDOWN #}
  116.                 {% include 'website/product/product-detail-discountdown.html.twig' %}
  118.                 {# SALE LIMIT #}
  119.                 {% if saleLimitRemaining == 1 %}
  120.                     <p class="sale-limit"><b>{{ getLanguage('remains', 'product') }} 
  121.                     {{ saleLimitRemaining }} {{ getLanguage('vacancy', 'product') }}</b></p>
  122.                 {% else %}
  123.                     <p class="sale-limit"><b>{{ getLanguage('remain', 'product') }} 
  124.                     {{ saleLimitRemaining }} {{ getLanguage('vacancies', 'product') }}</b></p>
  125.                 {% endif %}
  126.             {% endif %}
  127.         {% endif %}
  129.         {# INÍCIO OU FECHAMENTO DA VENDA #}
  130.         {% include 'website/product/product-detail-installment-one.html.twig' %}
  132.         {# BUTTON BOX #}
  133.         <div class="actions-banner">
  134.             <div class="btn-box-product-detail" data-status="{{ isInCart ? '' : 'add' }}">
  135.                 {% include 'website/product/product-detail-actions-btn-box.html.twig' %}
  136.             </div>
  137.         </div>
  139.         {# COUPOM #}
  140.         {% if infoOffer.allowBuyNow and not infoOffer.userHasProduct and productPage.showModuleCoupon %}
  141.             <div class="coupom-banner section-coupom" data-status="{{ isInCart ? '' : 'on' }}">
  142.                 {% include 'website/product/product-detail-coupom.html.twig' %}
  143.             </div>
  144.         {% endif %}
  145.     </div>
  146. </section>