{"id":1472,"date":"2026-03-23T11:43:03","date_gmt":"2026-03-23T10:43:03","guid":{"rendered":"https:\/\/www.gelaterialeccapaletta.it\/?page_id=1472"},"modified":"2026-04-03T10:26:00","modified_gmt":"2026-04-03T08:26:00","slug":"sezioneconocoppetta","status":"publish","type":"page","link":"https:\/\/www.gelaterialeccapaletta.it\/en\/sezioneconocoppetta\/","title":{"rendered":"SezioneConoCoppetta"},"content":{"rendered":"<p><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue\/dist\/vue.js\"><\/script><\/p>\n<div class=\"gelateria-page\">\n<style>\n    body {\n      background-color: #e5e5e5 !important;\n    }<\/p>\n<p>    .gelateria-page {\n      max-width: 980px;\n      margin: 0 auto;\n      padding: 30px 20px 140px;\n      font-family: Arial, sans-serif;\n      text-align: center;\n      color: #2b2b2b;\n    }<\/p>\n<p>    .gelateria-title {\n      font-size: 34px;\n      font-weight: 700;\n      letter-spacing: 1px;\n      margin: 20px 0 10px;\n      color: #7a1d1d;\n    }<\/p>\n<p>    .gelateria-subtitle {\n      font-size: 22px;\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 35px;\n      color: #5c2b2b;\n    }<\/p>\n<p>    .gelateria-subtitle span {\n      display: block;\n      font-size: 15px;\n      font-weight: 500;\n      color: #7a5b5b;\n      margin-top: 6px;\n    }<\/p>\n<p>    .logo-wrapper {\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .logo-wrapper img {\n      max-width: 180px;\n      width: 100%;\n      height: auto;\n      display: inline-block;\n      border-radius: 12px;\n    }<\/p>\n<p>    .section-title {\n      font-size: 24px;\n      font-weight: 700;\n      margin: 40px 0 18px;\n      color: #5c2b2b;\n      line-height: 1.2;\n    }<\/p>\n<p>    .section-title span {\n      display: block;\n      font-size: 14px;\n      font-weight: 500;\n      color: #7a5b5b;\n      margin-top: 6px;\n    }<\/p>\n<p>    .choice-grid,\n    .gusti-grid,\n    .riepilogo-grid {\n      display: grid;\n      gap: 20px;\n    }<\/p>\n<p>    .choice-grid {\n      grid-template-columns: repeat(2, minmax(220px, 1fr));\n      margin-bottom: 30px;\n    }<\/p>\n<p>    .gusti-grid {\n      grid-template-columns: repeat(2, minmax(220px, 1fr));\n      margin-top: 10px;\n    }<\/p>\n<p>    .riepilogo-grid {\n      grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n      margin-top: 18px;\n    }<\/p>\n<p>    .choice-card,\n    .gusto-card,\n    .riepilogo-card {\n      width: 100%;\n    }<\/p>\n<p>    .choice-button,\n    .gusto-button,\n    .qty-button,\n    .qty-value {\n      border: none;\n      border-radius: 18px;\n      overflow: hidden;\n      font-family: inherit;\n      box-sizing: border-box;\n    }<\/p>\n<p>    .choice-button,\n    .gusto-button {\n      width: 100%;\n      background: #ffffff;\n      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);\n      border: 3px solid transparent;\n      padding: 0;\n      display: block;\n      cursor: pointer;\n      transition: transform 0.2s ease, box-shadow 0.2s ease, border 0.2s ease;\n    }<\/p>\n<p>    .choice-button:hover,\n    .gusto-button:hover,\n    .qty-button:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22);\n    }<\/p>\n<p>    .is-active .choice-button,\n    .is-active .gusto-button {\n      border-color: #6fbe44;\n      box-shadow: 0 0 0 3px rgba(111, 190, 68, 0.2), 0 10px 20px rgba(0, 0, 0, 0.22);\n    }<\/p>\n<p>    .card-top-info {\n      background: #5f6a5c;\n      color: #ffffff;\n      padding: 14px 14px 12px;\n      text-align: center;\n    }<\/p>\n<p>    .card-top-title {\n      font-size: 22px;\n      font-weight: 700;\n      line-height: 1.1;\n      text-transform: uppercase;\n      margin-bottom: 5px;\n    }<\/p>\n<p>    .card-top-desc {\n      font-size: 13px;\n      line-height: 1.35;\n      font-weight: 500;\n      text-transform: none;\n    }<\/p>\n<p>    .card-top-price {\n      margin-top: 6px;\n      font-size: 17px;\n      font-weight: 700;\n      color: #ffffff;\n    }<\/p>\n<p>    .button-bg-img {\n      width: 100%;\n      height: 220px;\n      object-fit: cover;\n      display: block;\n    }<\/p>\n<p>    .info-step {\n      margin: 8px 0 26px;\n      padding: 14px 16px;\n      border-radius: 14px;\n      background: #fff4e8;\n      color: #7a1d1d;\n      font-size: 15px;\n      font-weight: 600;\n      border: 1px solid #f0d2b1;\n    }<\/p>\n<p>    .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls {\n      display: flex !important;\n      flex-direction: row !important;\n      flex-wrap: nowrap !important;\n      align-items: center !important;\n      justify-content: center !important;\n      gap: 14px !important;\n      margin: 14px 0 10px !important;\n      width: 100% !important;\n    }<\/p>\n<p>    .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-button,\n    .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-value {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      height: 52px !important;\n      min-height: 52px !important;\n      line-height: 1 !important;\n      box-sizing: border-box !important;\n      vertical-align: middle !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }<\/p>\n<p>    .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-button {\n      width: 52px !important;\n      min-width: 52px !important;\n      max-width: 52px !important;\n      flex: 0 0 52px !important;\n      background: #ffffff !important;\n      color: #7a1d1d !important;\n      font-size: 28px !important;\n      font-weight: 700 !important;\n      border-radius: 16px !important;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;\n      cursor: pointer !important;\n    }<\/p>\n<p>    .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-value {\n      width: 36px !important;\n      min-width: 36px !important;\n      max-width: 36px !important;\n      flex: 0 0 36px !important;\n      background: transparent !important;\n      box-shadow: none !important;\n      color: #7a1d1d !important;\n      font-size: 26px !important;\n      font-weight: 700 !important;\n      border-radius: 0 !important;\n      cursor: default !important;\n    }<\/p>\n<p>    .summary-bar {\n      position: fixed;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 999;\n      background: #ffffff;\n      border-top: 1px solid #dcdcdc;\n      box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08);\n    }<\/p>\n<p>    .summary-inner {\n      max-width: 980px;\n      margin: 0 auto;\n      padding: 16px 20px 22px;\n      text-align: left;\n    }<\/p>\n<p>    .summary-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .summary-total {\n      font-size: 24px;\n      font-weight: 700;\n      color: #4b2b2b;\n    }<\/p>\n<p>    .summary-reset {\n      font-size: 26px;\n      font-weight: 700;\n      line-height: 1;\n      color: #7a1d1d;\n      cursor: pointer;\n    }<\/p>\n<p>    .summary-text {\n      font-size: 14px;\n      color: #4f4f4f;\n      line-height: 1.5;\n    }<\/p>\n<p>    .summary-badges {\n      margin-top: 10px;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }<\/p>\n<p>    .summary-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 7px 12px;\n      border-radius: 999px;\n      background: #f0f0f0;\n      color: #333;\n      font-size: 13px;\n      font-weight: 600;\n    }<\/p>\n<p>    .riepilogo-card {\n      position: relative;\n      background: #fff;\n      border-radius: 14px;\n      overflow: hidden;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);\n    }<\/p>\n<p>    .riepilogo-card img {\n      width: 100%;\n      height: 90px;\n      object-fit: cover;\n      display: block;\n    }<\/p>\n<p>    .riepilogo-qty {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      min-width: 28px;\n      height: 28px;\n      border-radius: 999px;\n      background: #6fbe44;\n      color: #fff;\n      font-size: 13px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }<\/p>\n<p>    .summary-actions {\n      margin-top: 16px;\n    }<\/p>\n<p>    .checkout-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      min-height: 54px;\n      padding: 14px 20px;\n      border-radius: 16px;\n      background: #7a1d1d;\n      color: #ffffff !important;\n      font-size: 18px;\n      font-weight: 700;\n      text-decoration: none !important;\n      box-sizing: border-box;\n      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .checkout-button:hover {\n      background: #5f1515;\n      transform: translateY(-2px);\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);\n    }<\/p>\n<p>    .empty-state {\n      font-size: 15px;\n      color: #666;\n      margin-top: 10px;\n    }<\/p>\n<p>    .anchor-space {\n      display: block;\n      position: relative;\n      top: -90px;\n      visibility: hidden;\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .gelateria-title {\n        font-size: 28px;\n      }<\/p>\n<p>      .gelateria-subtitle {\n        font-size: 19px;\n      }<\/p>\n<p>      .section-title {\n        font-size: 21px;\n      }<\/p>\n<p>      .choice-grid,\n      .gusti-grid {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .summary-head {\n        align-items: flex-start;\n        flex-direction: row;\n      }<\/p>\n<p>      .summary-total {\n        font-size: 22px;\n      }<\/p>\n<p>      .card-top-title {\n        font-size: 18px;\n      }<\/p>\n<p>      .card-top-desc {\n        font-size: 12px;\n      }<\/p>\n<p>      .card-top-price {\n        font-size: 15px;\n      }<\/p>\n<p>      .button-bg-img {\n        height: 200px;\n      }<\/p>\n<p>      .checkout-button {\n        min-height: 52px;\n        font-size: 17px;\n      }<\/p>\n<p>      .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls {\n        gap: 12px !important;\n      }<\/p>\n<p>      .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-button,\n      .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-value {\n        height: 50px !important;\n        min-height: 50px !important;\n      }<\/p>\n<p>      .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-button {\n        width: 50px !important;\n        min-width: 50px !important;\n        max-width: 50px !important;\n        flex: 0 0 50px !important;\n        font-size: 26px !important;\n      }<\/p>\n<p>      .gelateria-page #appgelato .gusti-grid .gusto-card .qty-controls > .qty-value {\n        width: 34px !important;\n        min-width: 34px !important;\n        max-width: 34px !important;\n        flex: 0 0 34px !important;\n        font-size: 24px !important;\n      }\n    }\n  <\/style>\n<div class=\"logo-wrapper\">\n    <img decoding=\"async\"\n      src=\"https:\/\/www.gelaterialeccapaletta.it\/wp-content\/uploads\/2024\/08\/cropped-logo-lecca-paletta-100.jpg\"\n      alt=\"Logo Gelateria Leccapaletta\"\n    >\n  <\/div>\n<h1 class=\"gelateria-title\">PERSONALIZZA IL TUO GELATO!<\/h1>\n<div class=\"gelateria-subtitle\">\n    PRIMA SCEGLI IL CONTENITORE, POI I GUSTI<br \/>\n    <span>First choose cone or cup, then your flavours<\/span>\n  <\/div>\n<div id=\"appgelato\">\n    <a id=\"cono\" class=\"anchor-space\"><\/a><\/p>\n<h2 class=\"section-title\">\n      CONO O COPPETTA?<br \/>\n      <span>Cone or cup?<\/span><br \/>\n    <\/h2>\n<div class=\"choice-grid\" v-if=\"conoo\">\n<div\n        class=\"choice-card\"\n        v-for=\"c in conoo\"\n        :key=\"'cono-' + c.id\"\n        :class=\"{ 'is-active': c.isattivo }\"\n      ><br \/>\n        <button class=\"choice-button\" type=\"button\" @click=\"settaConoAttivo(c.id)\"><\/p>\n<div class=\"card-top-info\">\n<div class=\"card-top-title\">{{ c.name }}<\/div>\n<div class=\"card-top-desc\" v-html=\"c.description\"><\/div>\n<div class=\"card-top-price\" v-if=\"c.regular_price\">\u20ac{{ c.regular_price }}<\/div>\n<\/p><\/div>\n<p>          <img :src=\"c.image\" :alt=\"c.name\" class=\"button-bg-img\"><br \/>\n        <\/button>\n      <\/div>\n<\/p><\/div>\n<p>    <a id=\"varianti\" class=\"anchor-space\"><\/a><\/p>\n<h2 class=\"section-title\">\n      QUANTI GUSTI DESIDERI?<br \/>\n      <span>How many flavours?<\/span><br \/>\n    <\/h2>\n<div v-if=\"!sel_conoo\" class=\"info-step\">\n      Prima scegli il contenitore: cono o coppetta.\n    <\/div>\n<div class=\"choice-grid\" v-if=\"varianti &#038;&#038; sel_conoo\">\n<div\n        class=\"choice-card\"\n        v-for=\"v in varianti\"\n        :key=\"'variante-' + v.id\"\n        :class=\"{ 'is-active': v.isattivo }\"\n      ><br \/>\n        <button class=\"choice-button\" type=\"button\" @click=\"settaVarianteAttiva(v.id)\"><\/p>\n<div class=\"card-top-info\">\n<div class=\"card-top-title\">{{ v.name }}<\/div>\n<div class=\"card-top-desc\" v-html=\"v.description\"><\/div>\n<div class=\"card-top-price\">\u20ac{{ v.regular_price }}<\/div>\n<\/p><\/div>\n<p>          <img :src=\"v.image\" :alt=\"v.name\" class=\"button-bg-img\"><br \/>\n        <\/button>\n      <\/div>\n<\/p><\/div>\n<p>    <a id=\"gusti\" class=\"anchor-space\"><\/a><\/p>\n<h2 class=\"section-title\">\n      SCEGLI I GUSTI<br \/>\n      <span>Choose your flavours<\/span><br \/>\n    <\/h2>\n<div v-if=\"sel_conoo &#038;&#038; !sel_variante\" class=\"info-step\">\n      Ora scegli quanti gusti desideri.\n    <\/div>\n<div class=\"gusti-grid\" v-if=\"products &#038;&#038; products.length &#038;&#038; sel_conoo &#038;&#038; sel_variante\">\n<div\n        class=\"gusto-card\"\n        v-for=\"p in products\"\n        :key=\"'gusto-' + p.id\"\n        :class=\"{ 'is-active': p.isattivo }\"\n      ><br \/>\n        <button class=\"gusto-button\" type=\"button\"><\/p>\n<div class=\"card-top-info\">\n<div class=\"card-top-title\" v-html=\"p.name\"><\/div>\n<div class=\"card-top-desc\" v-html=\"p.description\"><\/div>\n<\/p><\/div>\n<p>          <img :src=\"p.image\" :alt=\"p.name\" class=\"button-bg-img\"><br \/>\n        <\/button><\/p>\n<div\n          class=\"qty-controls\"\n          style=\"display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:center !important; gap:14px !important; margin:14px 0 10px !important; width:100% !important;\"\n        ><br \/>\n          <button\n            class=\"qty-button\"\n            type=\"button\"\n            @click=\"settaQtaprodottoAttivo(p,-1)\"\n            style=\"display:inline-flex !important; width:52px !important; min-width:52px !important; max-width:52px !important; height:52px !important; min-height:52px !important; align-items:center !important; justify-content:center !important; flex:0 0 52px !important; padding:0 !important; line-height:1 !important;\"\n          >\u2212<\/button><\/p>\n<p>          <span\n            class=\"qty-value\"\n            style=\"display:inline-flex !important; width:36px !important; min-width:36px !important; max-width:36px !important; height:52px !important; min-height:52px !important; padding:0 !important; align-items:center !important; justify-content:center !important; flex:0 0 36px !important; line-height:1 !important;\"\n          >{{ p.q }}<\/span><\/p>\n<p>          <button\n            class=\"qty-button\"\n            type=\"button\"\n            @click=\"settaQtaprodottoAttivo(p,+1)\"\n            style=\"display:inline-flex !important; width:52px !important; min-width:52px !important; max-width:52px !important; height:52px !important; min-height:52px !important; align-items:center !important; justify-content:center !important; flex:0 0 52px !important; padding:0 !important; line-height:1 !important;\"\n          >+<\/button>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"empty-state\" v-if=\"products &#038;&#038; !products.length &#038;&#038; sel_conoo &#038;&#038; sel_variante\">\n      Nessun gusto disponibile al momento.\n    <\/div>\n<div class=\"summary-bar\">\n<div class=\"summary-inner\">\n<div class=\"summary-head\">\n<div class=\"summary-total\">TOT: {{ getprezzo() }}<\/div>\n<div class=\"summary-reset\" @click=\"ricarica()\">\u00d7<\/div>\n<\/p><\/div>\n<div class=\"summary-text\">\n          <span v-for=\"p in conoo\" v-if=\"p.isattivo\">{{ p.name }}<\/span><br \/>\n          <span v-if=\"sel_conoo &#038;&#038; sel_variante\">, <\/span><br \/>\n          <span v-for=\"v in varianti\" v-if=\"v.isattivo\">{{ v.name }}<\/span><br \/>\n          <span v-if=\"max_gusti\"> \u2014 gusti: {{ qta_tot }}\/{{ max_gusti }}<\/span>\n        <\/div>\n<div class=\"summary-badges\">\n          <span class=\"summary-badge\" v-for=\"p in products\" v-if=\"p.isattivo\"><br \/>\n            {{ p.name }} <strong>x{{ p.q }}<\/strong><br \/>\n          <\/span>\n        <\/div>\n<div class=\"riepilogo-grid\" v-if=\"conoo &#038;&#038; varianti &#038;&#038; products\">\n<div\n            class=\"riepilogo-card\"\n            v-for=\"p in products\"\n            v-if=\"p.isattivo\"\n            :key=\"'riepilogo-' + p.id\"\n          ><\/p>\n<div class=\"riepilogo-qty\">{{ p.q }}<\/div>\n<p>            <img :src=\"p.image\" :alt=\"p.name\">\n          <\/div>\n<\/p><\/div>\n<div class=\"summary-actions\">\n           <button class=\"checkout-button\" type=\"button\" @click=\"inviaOrdineWoo()\"><br \/>\n            Checkout<br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script type=\"text\/javascript\" src=\"\/gelato\/pannello_originale3.js\"><\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>PERSONALIZZA IL TUO GELATO! PRIMA SCEGLI IL CONTENITORE, POI I GUSTI First choose cone or cup, then your flavours CONO O COPPETTA? Cone or cup? {{<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1472","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/pages\/1472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/comments?post=1472"}],"version-history":[{"count":53,"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/pages\/1472\/revisions"}],"predecessor-version":[{"id":1598,"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/pages\/1472\/revisions\/1598"}],"wp:attachment":[{"href":"https:\/\/www.gelaterialeccapaletta.it\/en\/wp-json\/wp\/v2\/media?parent=1472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}