templates/main/site/views/Default/pack.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'Site' %}
  2. {% extends "main/site/views/common/base.html.twig" %}
  4. {% block title %}{{ 'site.packs.pageData.title'|trans }}{% endblock %}
  6. {% block meta_description %}
  7.     <meta name="description"
  8.           content="{{ 'site.packs.pageData.meta.description'|trans }}">{% endblock %}
  10. {% block page_specific_meta %}
  11.     {{ parent() }}
  12.     <link rel="canonical" href="{{ url('brulafine_show_packs') }}" />
  13. {% endblock %}
  15. {% block javascripts %}
  16.     {{ parent() }}
  17.     {{ GGMarketingTag('page_acheter', app.request.locale, tracking) }}
  19.     {% if checkHasVersion(constant('App\\Entity\\Main\\SiteABTest::BRU_PACK_CLICK_ON')) %}
  20.         <script>
  21.             $(function() {
  22.                 $('.go-to-cart').on('click', function () {
  23.                     if ($(this).hasClass('pack--custom')) {
  24.                         $('.go-to-cart-btn').removeClass('hide')
  25.                     } else {
  26.                         setTimeout(() => {
  27.                             $('.step__cta')[0].click();
  28.                         },10)
  29.                     }
  30.                 });
  31.             });
  32.         </script>
  33.     {% else %}
  35.     {% endif %}
  36. {% endblock %}
  38. {% block fb_event_tag %}
  39.     {% if tracking is defined %}
  40.         {{ getFbkEventTag(app.request.locale, tracking, 'page_acheter') }} {# We want only one tag per page. If no event provided, pageview will be displayed. #}
  41.     {% else %}
  42.         {{ getFbkEventTag(app.request.locale) }}
  43.     {% endif %}
  44. {% endblock %}
  46. {% block page_content %}
  48.     <div class="content" role="main">
  49.          {% include "main/site/views/Partials/Heroes/heroKonjacDetails.html.twig" with {
  50.             headerTag: "p"
  51.         } %}
  53.         <section class="section section--small">
  54.             <div class="container-fluid">
  55.                 <div class="row">
  56.                     <div class="col-md-8" id="pack-selector">
  57.                         {% for flash_message in app.session.flashBag.get('error') %}
  58.                             <div class="alert alert-danger" role="alert">
  59.                                 <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
  60.                                             aria-hidden="true">&times;</span></button>
  61.                                 {{ flash_message | trans({}, constant('App\\Services\\TranslationManager::TRANSLATION_DOMAIN_FLASH')) }}
  62.                             </div>
  63.                         {% endfor %}
  65.                         {% if siteHasPackForNewUsers() %}
  66.                             <div class="section__title section__title--small">
  67.                                 <h1><span class="text-primary">{{ 'site.packs.sections.newClient.title.part1'|trans }}</span> {{ 'site.packs.sections.newClient.title.part2'|trans }}</h1>
  68.                             </div>
  69.                             <p><strong class="text-dark">{{ 'site.packs.sections.newClient.text.part1'|trans  }}</strong> {{ 'site.packs.sections.newClient.text.part2'|trans  }}
  70.                                 </p>
  71.                             {# new pack #}
  72.                             {% include "main/site/views/Partials/newUserPackPartial.html.twig" %}
  73.                         {% endif %}
  74.                     <p class="text-right {% if checkHasVersion(constant('App\\Entity\\Main\\SiteABTest::BRU_PACK_CLICK_ON')) %}hide{% endif %}">
  75.                         <a href="/cart" class="btn btn-lg btn-primary hidden-xs step__cta">
  76.                             {{ 'site.common.buttons.continue'|trans }}
  77.                             <svg class="icon icon-18 icon-right">
  78.                                 <use xlink:href="/images/main/icons-ui-sprite.svg#icon-btn-arrow"></use>
  79.                             </svg>
  80.                         </a>
  81.                     </p>
  82.                     <a href="/cart" class="step__cta hide"></a>
  83.                     <div class="section__title section__title--small">
  84.                         <h1>{% if siteHasPackForNewUsers() %}<span class="text-primary">{{ 'site.packs.sections.packs.titles.newClient'|trans }}</span>{% endif %} {{ 'site.packs.sections.packs.titles.main'|trans }}</h1>
  85.                     </div>
  86.                         <div class="packs-holder">
  88.                             {# {% for sitePackTemplate in defaultProposedPacks %} #}
  89.                             {% for sitePackTemplate in defaultProposedPacks %}
  90.                                 {% if sitePackTemplate.packTemplate.packTemplateType == constant('App\\Entity\\Main\\PackTemplate::AUTO_PACK') and not sitePackTemplate.packTemplate.isConditional %}
  91.                                     {% include "main/site/views/Partials/regularPackPartial.html.twig" %}
  92.                                 {% elseif sitePackTemplate.packTemplate.packTemplateType == constant('App\\Entity\\Main\\PackTemplate::CUSTOM_PACK') and not sitePackTemplate.packTemplate.isConditional %}
  93.                                     {# TEST WITH CUSTOM PACK COLLAPSE #}
  94.                                     {% if checkHasVersion(constant('App\\Entity\\Main\\SiteABTest::BRU_CUSTOM_PACK_OFF')) %}
  95.                                         <p class="text-center text-sm">
  96.                                             {{ 'site.packs.sections.packs.custom.title2.part1'|trans }}
  97.                                             <a href="#customPackCollapse" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="customPackCollapse">
  98.                                                 {{ 'site.packs.sections.packs.custom.title2.part2'|trans }}
  99.                                             </a>
  100.                                             <br>
  101.                                             <small>{{ 'site.packs.sections.packs.custom.title2.part3'|trans }}</small>
  102.                                         </p>
  103.                                         <div class="collapse" id="customPackCollapse">
  104.                                             <div class="mb-gutter">
  105.                                                 {% include "main/site/views/Partials/customPackPartial.html.twig" %}
  106.                                             </div>
  107.                                         </div>
  108.                                         {# DEFAULT #}
  109.                                     {% else %}
  110.                                         <h4>
  111.                                             <span class="sep">{{ 'site.packs.sections.packs.custom.title.part1'|trans }}</span> {{ 'site.packs.sections.packs.custom.title.part2'|trans }}
  112.                                         </h4>
  113.                                         {% include "main/site/views/Partials/customPackPartial.html.twig" %}
  114.                                     {% endif %}
  115.                                 {% endif %}
  116.                             {% endfor %}
  117.                         </div>
  119.                         <p class="text-right {% if checkHasVersion(constant('App\\Entity\\Main\\SiteABTest::BRU_PACK_CLICK_ON')) %} go-to-cart-btn hide{% endif %}">
  120.                             <a href="/cart" class="btn btn-lg btn-primary step__cta" {% if checkHasVersion(constant('App\\Entity\\Main\\SiteABTest::BRU_PACK_CLICK_ON')) %} style="position: static; width: 100%" {% endif %}>
  121.                                 {{ 'site.common.buttons.continue'|trans }}
  122.                                 <svg class="icon icon-18 icon-right">
  123.                                     <use xlink:href="/images/main/icons-ui-sprite.svg#icon-btn-arrow"></use>
  124.                                 </svg>
  125.                             </a>
  126.                         </p>
  131.                     </div>
  132.                     <div class="col-md-4 col-lg-3 col-lg-offset-1">
  133.                         {% if canDisplayPromoBanner() %}
  134.                             {% include "main/site/views/Partials/Promo/packsPromo.html.twig" %}
  135.                         {% endif %}
  136.                         <h2 class="h3">{{ 'site.packs.sections.sidebar.products.brulafine.name' | trans }}</h2>
  137.                         <div class="list-icons">
  138.                             <div class="list-icons__item">
  139.                                 <img src="/images/main/icon-minceur.svg" alt="" class="icon">
  140.                                 <strong>{{ 'site.packs.sections.sidebar.products.brulafine.benefits.one.text.part1' | trans }}</strong><br>
  141.                                 {{ 'site.packs.sections.sidebar.products.brulafine.benefits.one.text.part2' | trans }}
  142.                                  {% if affiliateForLegalNotices(tracking) %}<sup>*</sup>{% endif %}
  143.                             </div>
  144.                             <div class="list-icons__item">
  145.                                 <img src={{ '/images/main/footer-icon-01-'~app.request.locale~'.svg' }} alt="" class="icon">
  146.                                 <strong>{{ 'site.packs.sections.sidebar.products.brulafine.benefits.two.text.part1' | trans }}</strong><br>
  147.                                 {{ 'site.packs.sections.sidebar.products.brulafine.benefits.two.text.part2' | trans }} {% if affiliateForLegalNotices(tracking) %}<sup>*</sup>{% endif %}
  148.                             </div>
  149.                             <div class="list-icons__item">
  150.                                 <img src="/images/main/icon-vegan.svg" alt="" class="icon">
  151.                                 <strong>{{ 'site.packs.sections.sidebar.products.brulafine.benefits.three.text.part1' | trans }}</strong><br>
  152.                                 {{ 'site.packs.sections.sidebar.products.brulafine.benefits.three.text.part2' | trans }} {% if affiliateForLegalNotices(tracking) %}<sup>*</sup>{% endif %}
  153.                             </div>
  154.                         </div>
  155.                         <h2 class="h3">{{ 'site.packs.sections.sidebar.products.ckonjac.name' | trans }}</h2>
  156.                         <div class="list-icons">
  157.                             <div class="list-icons__item">
  158.                                 <img src="/images/main/icon-coupe-faim.svg" alt="" class="icon">
  159.                                 <strong>{{ 'site.packs.sections.sidebar.products.ckonjac.benefits.one.text.part1' | trans }}</strong><br>
  160.                                 {{ 'site.packs.sections.sidebar.products.ckonjac.benefits.one.text.part2' | trans }} {% if affiliateForLegalNotices(tracking) %}<sup>*</sup>{% endif %}
  161.                             </div>
  162.                             <div class="list-icons__item">
  163.                                 <img src="/images/main/icon-bienfaist.svg" alt="" class="icon">
  164.                                 <strong>{{ 'site.packs.sections.sidebar.products.ckonjac.benefits.two.text.part1' | trans }}</strong><br>
  165.                                 {{ 'site.packs.sections.sidebar.products.ckonjac.benefits.two.text.part2' | trans }} {% if affiliateForLegalNotices(tracking) %}<sup>*</sup>{% endif %}
  166.                             </div>
  167.                             <div class="list-icons__item">
  168.                                 <img src="/images/main/icon-clock.svg" alt="" class="icon">
  169.                                 <strong>{{ 'site.packs.sections.sidebar.products.ckonjac.benefits.three.text.part1' | trans }}</strong><br>
  170.                                 {{ 'site.packs.sections.sidebar.products.ckonjac.benefits.three.text.part2' | trans }} {% if affiliateForLegalNotices(tracking) %}<sup>*</sup>{% endif %}
  171.                             </div>
  172.                         </div>
  173.                         {% if affiliateForLegalNotices(tracking) %}
  174.                             <p class="font-xs" style="font-weight:normal; color:#777"><sup>*</sup> {{ 'site.packs.sections.sidebar.legal' | trans }}</p>
  175.                         {% endif %}
  176.                     </div>
  177.                 </div>
  178.             </div>
  179.         </section>
  180.     </div>
  181. {% endblock %}