templates/ZZ_front_end/shop/shop_comune.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'carrello' %}
  4. {% do impostazioni.caricaCacheImpostazioniDaNomi(['PaginaRicerca', 'PaginaHomepage', 'AbilitaDebugPagineGenericheVisibiliATutti', 'AbilitaDebugUtentiAmministrativi'])  %}
  6. {% set idLayout = '' %}
  7. {% if deviazioneSuPaginaRicerca == 1 %}
  8.     {% if forzaIdLayout is defined and forzaIdLayout != '' %}
  9.         {% set idLayout = forzaIdLayout %}
  10.     {% else %}
  11.         {% set idLayout = impostazioni.ritornaImpostazioneDaNome('PaginaRicerca')|default('') %}
  12.     {% endif %}
  13. {% else %}
  14.     {% if forzaIdLayout is defined and forzaIdLayout != '' %}
  15.         {% set idLayout = forzaIdLayout %}
  16.     {% else %}
  17.         {% set idLayout = impostazioni.ritornaImpostazioneDaNome('PaginaHomepage')|default('') %}
  18.     {% endif %}
  19. {% endif %}
  21. {% if idLayout != '' %}
  22.     {% set arrayHtmlCss = servizi.renderizzaPaginaOComponente(idLayout, null, _context, app.request.locale, '', false, true, app) %}
  23. {% endif %}
  26. {% block body %}
  27.     {% set abilitaDebugAmministrativoPubb = impostazioni.ritornaImpostazioneDaNome("AbilitaDebugPagineGenericheVisibiliATutti") %}
  28.     {% set abilitaDebug = impostazioni.ritornaImpostazioneDaNome('AbilitaDebugUtentiAmministrativi') %}
  29.     {% if (abilitaDebugAmministrativoPubb == '1' or abilitaDebug == '1')  and app.environment == 'dev'%}
  30.         {% include('ZZ_front_end/pagina_errore/dump.html.twig') %}
  31.     {% endif %}
  32.     {% if idLayout != '' %}
  33.         {% if arrayHtmlCss is defined %}
  34.             {{ arrayHtmlCss.html|raw }}
  35.         {% endif %}
  36.     {% else %}
  37.         {{ include('ZZ_front_end/shop/shop_comune_dflt.html.twig', _context) }}
  38.     {% endif %}
  39. {% endblock %}
  41. {% block stylesheet %}
  42.     <link href="{{ asset('java_lib/hc-offcanvas-nav-master/dist/hc-offcanvas-nav.css') }}" rel="stylesheet" type="text/css">
  44.     <style type="text/css">
  45.     {% if idLayout == '' %}
  46.         .nav-side-menu {
  47.             overflow: auto;
  48.             font-family: verdana;
  49.             font-size: 12px;
  50.             font-weight: 200;
  51.             background-color: #2e353d;
  52.             position: fixed;
  53.             top: 0px;
  54.             width: 300px;
  55.             height: 100%;
  56.             color: #e1ffff;
  57.         }
  58.         .nav-side-menu .brand {
  59.             background-color: #23282e;
  60.             line-height: 50px;
  61.             display: block;
  62.             text-align: center;
  63.             font-size: 14px;
  64.         }
  65.         .nav-side-menu .toggle-btn {
  66.             display: none;
  67.         }
  68.         .nav-side-menu ul,
  69.         .nav-side-menu li {
  70.             list-style: none;
  71.             padding: 0px;
  72.             margin: 0px;
  73.             line-height: 35px;
  74.             cursor: pointer;
  75.             /*
  76.               .collapsed{
  77.                  .arrow:before{
  78.                            font-family: FontAwesome;
  79.                            content: "\f053";
  80.                            display: inline-block;
  81.                            padding-left:10px;
  82.                            padding-right: 10px;
  83.                            vertical-align: middle;
  84.                            float:right;
  85.                       }
  86.                }
  87.           */
  88.         }
  89.         .nav-side-menu ul :not(collapsed) .arrow:before,
  90.         .nav-side-menu li :not(collapsed) .arrow:before {
  91.             font-family: FontAwesome;
  92.             content: "\f078";
  93.             display: inline-block;
  94.             padding-left: 10px;
  95.             padding-right: 10px;
  96.             vertical-align: middle;
  97.             float: right;
  98.         }
  99.         .nav-side-menu ul .active,
  100.         .nav-side-menu li .active {
  101.             border-left: 3px solid #d19b3d;
  102.             background-color: #4f5b69;
  103.         }
  104.         .nav-side-menu ul .sub-menu li.active,
  105.         .nav-side-menu li .sub-menu li.active {
  106.             color: #d19b3d;
  107.         }
  108.         .nav-side-menu ul .sub-menu li.active a,
  109.         .nav-side-menu li .sub-menu li.active a {
  110.             color: #d19b3d;
  111.         }
  112.         .nav-side-menu ul .sub-menu li,
  113.         .nav-side-menu li .sub-menu li {
  114.             background-color: #181c20;
  115.             border: none;
  116.             line-height: 28px;
  117.             border-bottom: 1px solid #23282e;
  118.             margin-left: 0px;
  119.         }
  120.         .nav-side-menu ul .sub-menu li:hover,
  121.         .nav-side-menu li .sub-menu li:hover {
  122.             background-color: #020203;
  123.         }
  124.         .nav-side-menu ul .sub-menu li:before,
  125.         .nav-side-menu li .sub-menu li:before {
  126.             font-family: FontAwesome;
  127.             content: "\f105";
  128.             display: inline-block;
  129.             padding-left: 10px;
  130.             padding-right: 10px;
  131.             vertical-align: middle;
  132.         }
  133.         .nav-side-menu li {
  134.             padding-left: 0px;
  135.             border-left: 3px solid #2e353d;
  136.             border-bottom: 1px solid #23282e;
  137.         }
  138.         .nav-side-menu li a {
  139.             text-decoration: none;
  140.             color: #e1ffff;
  141.         }
  142.         .nav-side-menu li a i {
  143.             padding-left: 10px;
  144.             width: 20px;
  145.             padding-right: 20px;
  146.         }
  147.         .nav-side-menu li:hover {
  148.             border-left: 3px solid #d19b3d;
  149.             background-color: #4f5b69;
  150.             -webkit-transition: all 1s ease;
  151.             -moz-transition: all 1s ease;
  152.             -o-transition: all 1s ease;
  153.             -ms-transition: all 1s ease;
  154.             transition: all 1s ease;
  155.         }
  156.         @media (max-width: 767px) {
  157.             .nav-side-menu {
  158.                 position: relative;
  159.                 width: 100%;
  160.                 margin-bottom: 10px;
  161.             }
  162.             .nav-side-menu .toggle-btn {
  163.                 display: block;
  164.                 cursor: pointer;
  165.                 position: absolute;
  166.                 right: 10px;
  167.                 top: 10px;
  168.                 z-index: 10 !important;
  169.                 padding: 3px;
  170.                 background-color: #ffffff;
  171.                 color: #000;
  172.                 width: 40px;
  173.                 text-align: center;
  174.             }
  175.             .brand {
  176.                 text-align: left !important;
  177.                 font-size: 22px;
  178.                 padding-left: 20px;
  179.                 line-height: 50px !important;
  180.             }
  181.         }
  182.         @media (min-width: 767px) {
  183.             .nav-side-menu .menu-list .menu-content {
  184.                 display: block;
  185.             }
  186.             #main {
  187.                 width:calc(100% - 300px);
  188.                 float: right;
  189.             }
  190.         }
  192.     {% else %}
  194.             .nav-side-menu {
  195.                 overflow: auto;
  196.                 /*position: fixed;
  197.                 top: 0px;*/
  198.                 /*width: 300px;*/
  199.                 /*height: 100%;*/
  200.                 /*color: #e1ffff;*/
  201.             }
  202.             .nav-side-menu .brand {
  203.                 /*background-color: #23282e;*/
  204.                 /*line-height: 50px;*/
  205.                 display: block;
  206.                 /*text-align: center;
  207.                 font-size: 14px;*/
  208.             }
  209.             .nav-side-menu .toggle-btn {
  210.                 display: none;
  211.             }
  212.             .nav-side-menu ul,
  213.             .nav-side-menu li {
  214.                 list-style: none;
  215.                 padding: 0px;
  216.                 margin: 0px;
  217.                 line-height: 35px;
  218.                 cursor: pointer;
  219.                 /*
  220.                   .collapsed{
  221.                      .arrow:before{
  222.                                font-family: FontAwesome;
  223.                                content: "\f053";
  224.                                display: inline-block;
  225.                                padding-left:10px;
  226.                                padding-right: 10px;
  227.                                vertical-align: middle;
  228.                                float:right;
  229.                           }
  230.                    }
  231.               */
  232.             }
  233.             .nav-side-menu ul :not(collapsed) .arrow:before,
  234.             .nav-side-menu li :not(collapsed) .arrow:before {
  235.                 /*font-family: FontAwesome;*/
  236.                 /*content: "\f078";*/
  237.                 display: inline-block;
  238.                /* padding-left: 10px;
  239.                 padding-right: 10px;*/
  240.                 vertical-align: middle;
  241.                 float: right;
  242.             }
  243.             .nav-side-menu ul .active,
  244.             .nav-side-menu li .active {
  245.                 /*border-left: 3px solid #d19b3d;
  246.                 background-color: #4f5b69;*/
  247.             }
  248.             .nav-side-menu ul .sub-menu li.active,
  249.             .nav-side-menu li .sub-menu li.active {
  250.                 /*color: #d19b3d;*/
  251.             }
  252.             .nav-side-menu ul .sub-menu li.active a,
  253.             .nav-side-menu li .sub-menu li.active a {
  254.                 /*color: #d19b3d;*/
  255.             }
  256.             .nav-side-menu ul .sub-menu li,
  257.             .nav-side-menu li .sub-menu li {
  258.                 /*background-color: #181c20;*/
  259.                 /*border: none;
  260.                 line-height: 28px;*/
  261.                 /*border-bottom: 1px solid #23282e;*/
  262.                 margin-left: 0px;
  263.             }
  264.             .nav-side-menu ul .sub-menu li:hover,
  265.             .nav-side-menu li .sub-menu li:hover {
  266.                 /*background-color: #020203;*/
  267.             }
  268.             .nav-side-menu ul .sub-menu li:before,
  269.             .nav-side-menu li .sub-menu li:before {
  270.                 /*font-family: FontAwesome;*/
  271.                /* content: "\f105";*/
  272.                 display: inline-block;
  273.                 /*padding-left: 10px;
  274.                 padding-right: 10px;
  275.                 vertical-align: middle;*/
  276.             }
  277.             .nav-side-menu li {
  278.                /* padding-left: 0px;
  279.                 border-left: 3px solid #2e353d;
  280.                 border-bottom: 1px solid #23282e;*/
  281.             }
  282.             .nav-side-menu li a {
  283.                 text-decoration: none;
  284.                 /*color: #e1ffff;*/
  285.             }
  286.             .nav-side-menu li a i {
  287.                 /*padding-left: 10px;
  288.                 width: 20px;
  289.                 padding-right: 20px;*/
  290.             }
  291.             .nav-side-menu li:hover {
  292.                /* border-left: 3px solid #d19b3d;
  293.                 background-color: #4f5b69;*/
  294.                 /*-webkit-transition: all 1s ease;
  295.                 -moz-transition: all 1s ease;
  296.                 -o-transition: all 1s ease;
  297.                 -ms-transition: all 1s ease;
  298.                 transition: all 1s ease;*/
  299.             }
  300.             @media (max-width: 767px) {
  301.                 .nav-side-menu {
  302.                     position: relative;
  303.                     width: 100%;
  304.                     margin-bottom: 10px;
  305.                 }
  306.                 .nav-side-menu .toggle-btn {
  307.                     display: block;
  308.                     cursor: pointer;
  309.                     position: absolute;
  310.                     right: 10px;
  311.                     top: 10px;
  312.                     z-index: 10 !important;
  313.                     /*padding: 3px;
  314.                     background-color: #ffffff;
  315.                     color: #000;
  316.                     width: 40px;*/
  317.                     /*text-align: center;*/
  318.                 }
  319.                 .brand {
  320.                    /* text-align: left !important;
  321.                     font-size: 22px;
  322.                     padding-left: 20px;*/
  323.                     line-height: 50px !important;
  324.                 }
  325.             }
  326.             @media (min-width: 767px) {
  327.                 .nav-side-menu .menu-list .menu-content {
  328.                     display: block;
  329.                 }
  330.                 #main {
  331.                     width:calc(100% - 300px);
  332.                     float: right;
  333.                 }
  334.             }
  336.     {% endif %}
  338.         body {
  339.             margin: 0px;
  340.             padding: 0px;
  341.         }
  343.     </style>
  345.     <style type="text/css">
  346.         .container-prodotti a:hover{
  347.             text-decoration: none;
  348.         }
  349.         .container-prodotti h3{
  350.             height: 2em;
  351.             font-size: 2vh;
  352.             overflow: hidden;
  353.         }
  354.         .container-prodotti p{
  355.             height: 1em;
  356.         }
  357.         .immagine-prodotto{
  358.             height: 15vh !important;
  359.             width: auto;
  360.             text-align: center;
  361.         }
  362.     </style>
  363.     {% if arrayHtmlCss is defined %}
  364.         <style type="text/css">
  365.         {{ arrayHtmlCss.css|raw }}
  366.         </style>
  367.     {% endif %}
  368. {% endblock %}
  371. {% block javascript %}
  372.     <script type="text/javascript">
  373.         $(document).ready(function () {
  375.         });
  376.     </script>
  379. {% endblock %}