templates/bundles/BitBagSyliusCmsPlugin/Shop/Page/show.html.twig line 1

Open in your IDE?
  1. {% extends '@templates/Front/Shop/layout.html.twig' %}
  2. {% block head %}
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta http-equiv="Content-Language" content="ro">
  7.         <meta name="google-site-verification" content="BEtIqk-choaMawpOxG98NtbWKAZK5MuTxV_2-pSHGFQ">
  8.         <title>{% block title %}
  9.                 {% if page.title is not empty %}
  10.                     {{ page.title }}
  11.                 {% else %}
  12.                     {{ parent() }}
  13.                 {% endif %}
  14.             {% endblock %}</title>
  16.         <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  18.         {% block metatags %}
  19.             {% if page.metaKeywords is not empty %}
  20.                 <meta name="keywords" content="{{ page.metaKeywords }}"/>
  21.             {% endif %}
  22.             {% if page.metaDescription is not empty %}
  23.                 <meta name="description" content="{{ page.metaDescription }}"/>
  24.             {% endif %}
  25.         {% endblock %}
  27.         {% block stylesheets %}
  28.             <script src="{{ asset('assets/shop/js/sentry-bundle.min.js') }}"></script>
  29.             <script>
  30.                  if (typeof Sentry !== 'undefined') {
  31.                     Sentry.init({
  32.                         dsn: "{{ sentry_dsn }}",
  33.                         integrations: [new Sentry.Integrations.TryCatch({
  34.                             eventTarget: false,
  35.                         })]
  36.                     });
  37.                 }
  38.             </script>
  39.             <link rel="stylesheet" href="{{ asset('/assets/shop/css/homepage.css') }}">
  40.             <link rel="stylesheet" href="{{ asset('/assets/shop/css/bootstrap.min.css') }}">
  41.             <link rel="stylesheet" href="{{ asset('/assets/shop/css/leftmenu.v1.css') }}">
  42.             {{ encore_entry_link_tags('bootstrap-fix', null, 'bootstrapTheme') }}
  43.             {% set urlPath = app.request.uri %}
  44.             {% if urlPath is not null %}
  45.                 <link rel="canonical" href="{{ urlPath }}"/>
  46.                 {% set currentLocale = app.request.locale %}
  47.                 {% if currentLocale is not null %}
  48.                     {% for locale in locales.allLocales %}
  49.                         {% if locale != currentLocale %}
  50.                             {% set currentLocaleTemp = currentLocale ~ '/' %}
  51.                             {% set newUrl = urlPath|replace({currentLocaleTemp:locale ~ '/'}) %}
  52.                             <link rel="alternate" hreflang="{{ locale }}"
  53.                                   href="{{ newUrl }}"/>
  54.                         {% endif %}
  55.                     {% endfor %}
  56.                 {% endif %}
  57.             {% endif %}
  58.         {% endblock %}
  60.         {% block javascripts %}
  61.             <script src="{{ asset('assets/shop/js/jquery.min.js') }}"></script>
  62.             <script src="{{ asset('assets/shop/js/popper.min.js') }}"></script>
  63.             <script src="{{ asset('assets/shop/js/bootstrap.min.js') }}"></script>
  64.             <script src="{{ asset('assets/shop/js/leftmenu.js') }}"></script>
  65.             <script src="{{ asset('/bundles/fosjsrouting/js/router.js') }}"></script>
  66.             <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  67.             <script>
  68.                 $(document).ready(function () {
  69.                     function checkIfRedirectExists()
  70.                     {
  71.                         let redirectElement = $('[class^="redirect"]');
  72.                         if (redirectElement.length > 0) {
  73.                             if (redirectElement.hasClass("scala")) {
  74.                                 window.location.href = "https://taxeauto.ro" + window.location.pathname;
  75.                             } else if (redirectElement.hasClass("roviniete")) {
  76.                                 window.location.href = "https://roviniete.ro" + window.location.pathname;
  77.                             }
  78.                         }
  79.                     }
  80.                     checkIfRedirectExists();
  81.                     $(window).on('load', function () {
  82.                         checkIfRedirectExists();
  83.                     });
  84.                 });
  85.                 dataLayer = [];
  86.             </script>
  87.             <!-- Google Tag Manager -->
  88.             <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  89.                         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  90.                     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  91.                     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  92.                 })(window,document,'script','dataLayer','{{ gtm_code }}');</script>
  93.             <!-- End Google Tag Manager -->
  94.         {% endblock %}
  95.     </head>
  96. {% endblock %}
  98. {% block header %}
  99.     <!-- Google Tag Manager (noscript) -->
  100.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_code }}"
  101.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  102.     <!-- End Google Tag Manager (noscript) -->
  103.     <div class="custom-container mb-2">
  104.         <div class="custom-container bg-white">
  106.             <div class="bg-white">
  107.                 <header>
  108.                     {% include '@templates/Front/Shop/v2/_header.html.twig' %}
  110.                     {{ sonata_block_render_event('sylius.shop.layout.after_header') }}
  111.                 </header>
  112.             </div>
  113.         </div>
  114.     </div>
  116. {% endblock %}
  118. {% block content %}
  119.     <div class="info-banner custom-container bg-white my-2" onclick="location.href='{{ path('app_shop_vignette') }}'" style="cursor: pointer">
  120.         <div class="d-flex justify-content-center align-items-center" style="height: 170px">
  121.             <div class="info-banner-container">
  122.                 <h1 class="calculator-viniete-text">{{ 'app.ui.buy_vignette_online'|trans }} - <br class="new-line"/> {{ 'app.ui.romania_vignette_calculator'|trans }}</h1>
  123.                 <div class="d-flex justify-content-center align-items-center">
  124.                     <a class="text-center">{{ 'app.ui.select_car_type'|trans }}:</a>
  125.                 </div>
  126.                 <div class="d-flex justify-content-center align-items-center banner-images">
  127.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_a.png') }}"
  128.                          title="{{'app.ui.category_rovignette_a_name'|trans}}" class="mx-2"
  129.                          alt="{{'app.ui.category_rovignette_a_name'|trans}}" />
  130.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_b.png') }}"
  131.                          title="{{'app.ui.category_rovignette_b_name'|trans}}" class="mx-2"
  132.                          alt="{{'app.ui.category_rovignette_b_name'|trans}}" />
  133.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_c.png') }}"
  134.                          title="{{'app.ui.category_rovignette_c_name'|trans}}" class="mx-2"
  135.                          alt="{{'app.ui.category_rovignette_c_name'|trans}}" />
  136.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_d.png') }}"
  137.                          title="{{'app.ui.category_rovignette_d_name'|trans}}" class="mx-2"
  138.                          alt="{{'app.ui.category_rovignette_d_name'|trans}}" />
  139.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_e.png') }}"
  140.                          title="{{'app.ui.category_rovignette_e_name'|trans}}" class="mx-2"
  141.                          alt="{{'app.ui.category_rovignette_e_name'|trans}}" />
  142.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_f.png') }}"
  143.                          title="{{'app.ui.category_rovignette_f_name'|trans}}" class="mx-2"
  144.                          alt="{{'app.ui.category_rovignette_f_name'|trans}}" />
  145.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_g.png') }}"
  146.                          title="{{'app.ui.category_rovignette_g_name'|trans}}" class="mx-2"
  147.                          alt="{{'app.ui.category_rovignette_g_name'|trans}}" />
  148.                     <img src="{{ asset('assets/shop/images/icons/ic_rovinieta_categ_h.png') }}"
  149.                          title="{{'app.ui.category_rovignette_h_name'|trans}}" class="mx-2"
  150.                          alt="{{'app.ui.category_rovignette_h_name'|trans}}" />
  151.                 </div>
  152.                 <div class="d-flex justify-content-center align-items-center">
  153.                     <button class="btn btn-lg btn-primary w-50">{{ 'app.ui.continue'|trans }}</button>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.     </div>
  159.     <div class="card">
  160.         <div class="card-header">
  161.             {% if page.name is not empty %}
  162.                 <h1 class="ui dividing header bitbag-page-name">{{ page.name|raw }}</h1>
  163.             {% endif %}
  164.         </div>
  165.         <div class="card-body">
  167.             <div class="row justify-content-center align-items-center">
  168.                 <div class="col-8">
  169.                     {% if page.image %}
  170.                         {% set path = preview is defined and preview == true ? page.image.path : '/media/image/'~page.image.path %}
  172.                         <img class="page-image ui fluid image" src="{{ path }}" alt="">
  173.                     {% endif %}
  174.                 </div>
  175.             </div>
  177.             <div class="ui hidden divider"></div>
  179.             <div class="bitbag-page-content">{{ bitbag_cms_render_content(page) }}</div>
  180.             {% if page.title is not empty %}
  181.                 <div class="ui dividing header"></div>
  182.             {% else %}
  183.                 <div class="ui hidden divider"></div>
  184.             {% endif %}
  186.         </div>
  187.     </div>
  188.     {% if page.products|length > 0 %}
  189.         <h2>
  190.             {{ 'bitbag_sylius_cms_plugin.ui.page_related_products'|trans }}
  191.         </h2>
  192.         <div class="bitbag-page-products">
  193.             {% include '@SyliusShop/Product/_horizontalList.html.twig' with {'products': page.products} %}
  194.         </div>
  195.     {% endif %}
  197.     <style>
  198.         .banner-images img {
  199.             width: 50px;
  200.         }
  202.         .calculator-viniete-text {
  203.             font-family: Calibri, Tahoma, Arial, serif;
  204.             font-size: 26px;
  205.             font-weight: normal;
  206.             color: #EA6031;
  207.             line-height: 20px;
  208.             letter-spacing: -1px;
  209.             text-shadow: 0.02em 0.02em 0.02em #d96642;
  210.             display: block;
  211.             height: 40px;
  212.             padding: 10px 30px 0 0
  213.         }
  215.         .new-line {
  216.             display: none;
  217.         }
  219.         @media only screen and (max-width: 600px) {
  220.             .info-banner {
  221.                 max-width: 400px;
  222.             }
  224.             .info-banner-container {
  225.                 max-width: 400px;
  226.                 text-align: center;
  227.             }
  229.             .banner-images img {
  230.                 width: 30px;
  231.             }
  233.             .calculator-viniete-text {
  234.                 height: 58px;
  235.                 line-height: 26px;
  236.                 font-size: 20px;
  237.             }
  239.             .new-line {
  240.                 display: block;
  241.             }
  242.         }
  243.     </style>
  244. {% endblock %}