custom/plugins/MadBodymedTheme/src/Resources/views/storefront/page/product-detail/badges.html.twig line 1

Open in your IDE?
  1. <div class="product-detail-badges">
  3.     {% if page.extension('swkwebBuyXPayYPromotion') %}
  4.         {% set swkwebBuyXPayYPromotion = page.extension('swkwebBuyXPayYPromotion') %}
  5.     {% endif %}
  7.     {% if swkwebBuyXPayYPromotion %}
  8.         <div class="badge badge-buy-x-pay-y">
  9.             <svg xmlns="http://www.w3.org/2000/svg" width="35px" height="190" viewBox="0 0 35 190">
  10.                 <g id="UI_UX_Design_Bodymed_Productpage_GESUND-ABNEHMEN_1_1080p_VP_1440">
  11.                     <g id="PRODUCT-IMAGE">
  12.                         <g id="Monats-Special">
  13.                             <path id="Rectangle" d="m0,30h35v145c0,8.28-6.72,15-15,15H0V30Z"
  14.                                   style="fill:#97be0d; fill-rule:evenodd;"/>
  15.                             <path id="Icon---Star"
  16.                                   d="m17,176.13c.32,0,.64.07.93.22l3.58,1.77c.23.11.47.05.61-.06.11-.08.09-.14.09-.17,0-.03-.01-.06-.01-.1l-.37-4.7c-.02-.28.08-.56.28-.75l3.05-2.89c.11-.1.09-.15.08-.18-.03-.08-.13-.2-.35-.23l-3.8-.15c-.74-.03-1.41-.44-1.73-1.08l-1.94-3.81c-.16-.29-.69-.29-.84,0l-1.93,3.8c-.32.64-.99,1.05-1.73,1.08l-3.88.16c-.14.02-.24.13-.27.22,0,.03-.02.08.07.17l2.72,2.58c.42.39.63.94.59,1.51l-.34,4.26s0,.06-.01.1c0,.02-.01.08.09.17.14.11.38.17.61.05l3.58-1.77c.29-.14.61-.22.93-.22m4.78,3.86c-.35,0-.69-.08-1.01-.24l-3.58-1.77c-.1-.05-.25-.05-.35,0l-3.58,1.77c-.8.39-1.75.29-2.44-.26-.59-.47-.87-1.18-.75-1.9l.33-4.22-2.73-2.58c-.57-.52-.8-1.31-.58-2.05.24-.81.93-1.38,1.8-1.5l3.96-.17c.14,0,.23-.08.24-.11l1.94-3.82c.38-.72,1.13-1.16,1.97-1.16s1.59.44,1.96,1.15c0,0,0,0,0,.01l1.94,3.81s.1.1.24.11l3.88.16c.95.13,1.64.7,1.88,1.51.22.74,0,1.53-.59,2.07l-2.71,2.57.34,4.22c.11.72-.17,1.43-.75,1.9-.41.33-.91.49-1.42.49"
  17.                                   style="fill:#fff; fill-rule:evenodd;"/>
  18.                             <line id="Trenner" x1=".5" y1="155.5" x2="34.5" y2="155.5"
  19.                                   style="fill:none; stroke:rgba(255,255,255,.2); stroke-linecap:square;"/>
  20.                         </g>
  21.                     </g>
  22.                 </g>
  23.                 <rect width="35" height="33.5" style="fill:#97be0d;"/>
  25.                 <text transform="rotate(-90) translate(-142, 22)" font-size="14px" fill="#fff" style="text-transform: uppercase">
  26.                     {{ 'swkweb-buy-x-pay-y.product.badgePromotion'|trans({
  27.                         '%x%': swkwebBuyXPayYPromotion.x,
  28.                         '%y%': swkwebBuyXPayYPromotion.y,
  29.                     }) }}
  30.                 </text>
  31.             </svg>
  32.         </div>
  33.     {% endif %}
  35.     {% if page.product.translated.customFields.custom_product_configuration_monthly_special %}
  36.         <div class="badge badge-special">
  37.             <?xml version="1.0" encoding="UTF-8"?>
  38.             <svg width="35px" height="160px" viewBox="0 0 35 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  39.                 <g id="UI/UX-Design-Bodymed-Onlineshop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  40.                     <g id="UI/UX_Design_Bodymed_Productpage_GESUND-ABNEHMEN_1_1080p_VP_1440" transform="translate(-280.000000, -119.000000)">
  41.                         <g id="PRODUCT-IMAGE" transform="translate(240.000000, 119.000000)">
  42.                             <g id="Monats-Special" transform="translate(40.000000, 0.000000)">
  43.                                 <path d="M0,0 L35,0 L35,145 C35,153.284271 28.2842712,160 20,160 L0,160 L0,160 L0,0 Z" id="Rectangle" fill="#F3A021"></path>
  44.                                 <path d="M17.0001743,146.134815 C17.3202773,146.134815 17.6403804,146.206821 17.9323425,146.350833 L21.5159136,148.117254 C21.7445586,148.230276 21.9846359,148.171031 22.1209435,148.061655 C22.2264719,147.976888 22.2159191,147.916732 22.2115221,147.893945 C22.2053662,147.862955 22.2009692,147.830142 22.198331,147.798241 L21.8237049,143.096899 C21.8017198,142.815256 21.9063689,142.539993 22.1077524,142.350408 L25.1531283,139.461973 C25.2604156,139.362623 25.2445863,139.308846 25.2366716,139.282414 C25.2111689,139.197647 25.1047611,139.086448 24.8884277,139.05637 L21.085885,138.905067 C20.3410299,138.8759 19.6779593,138.462094 19.3552181,137.824979 L17.4187706,134.019609 C17.2604779,133.728851 16.7337149,133.728851 16.5798192,134.023255 L14.6451305,137.826802 C14.3223893,138.462094 13.6593187,138.8759 12.9144636,138.905067 L9.03189516,139.063662 C8.89558755,139.086448 8.78917967,139.197647 8.76455636,139.283325 C8.75664173,139.309758 8.73993305,139.362623 8.83666749,139.450123 L11.5540257,142.028661 C11.9708631,142.423326 12.1854377,142.97294 12.1414675,143.536226 L11.802897,147.798241 C11.8002588,147.830142 11.7958618,147.862044 11.7897059,147.893945 C11.7853089,147.916732 11.7747561,147.976888 11.8802845,148.062566 C12.0165921,148.170119 12.25579,148.229364 12.4853145,148.117254 L16.0680061,146.349921 C16.3599682,146.206821 16.6800713,146.134815 17.0001743,146.134815 M21.7753377,149.999431 C21.429732,149.999431 21.0823674,149.921957 20.7605056,149.763362 L17.1760551,147.996941 C17.071406,147.943164 16.9289426,147.944076 16.8242935,147.996029 L13.2407224,149.763362 C12.4439825,150.156204 11.4907086,150.052296 10.8056529,149.505417 C10.2190905,149.036012 9.94031944,148.329626 10.0528831,147.607745 L10.3870566,143.386745 L7.66090441,140.805473 C7.08929185,140.284115 6.86416444,139.492051 7.08225662,138.751029 C7.31969568,137.944382 8.01002778,137.368335 8.8841553,137.249844 L12.8458701,137.083958 C12.9900923,137.077577 13.0727563,137.008306 13.089465,136.977316 L15.0303095,133.161008 C15.4093326,132.44095 16.1621023,131.9998 17.0001743,131.9998 C17.8382463,131.9998 18.591016,132.44095 18.9638833,133.149159 C18.9656421,133.153716 18.9674009,133.157362 18.9700391,133.161008 L20.9108836,136.975493 C20.9275923,137.008306 21.0102563,137.077577 21.1535991,137.083958 L25.037047,137.242553 C25.9912002,137.368335 26.6806529,137.944382 26.918092,138.750118 C27.1370636,139.492051 26.9110568,140.284115 26.3280119,140.817323 L23.613292,143.392214 L23.9483449,147.607745 C24.0609086,148.329626 23.7821375,149.036012 23.1955751,149.504505 C22.7875317,149.831722 22.2836332,149.999431 21.7753377,149.999431" id="Icon---Star" fill="#FFFFFF"></path>
  45.                                 <line x1="0.5" y1="125.5" x2="34.5" y2="125.5" id="Trenner" stroke-opacity="0.2" stroke="#FFFFFF" stroke-linecap="square"></line>
  46.                                 <path d="M-28.716,67 L-28.716,62.248 L-27.264,67 L-26.28,67 L-24.816,62.248 L-24.816,67 L-22.62,67 L-22.62,58.996 L-25.584,58.996 L-26.772,62.944 L-27.936,58.996 L-30.924,58.996 L-30.924,67 L-28.716,67 Z M-17.18,67.144 C-14.948,67.144 -13.532,65.44 -13.532,63.004 C-13.532,60.556 -14.948,58.864 -17.18,58.864 C-19.412,58.864 -20.828,60.556 -20.828,63.004 C-20.828,65.44 -19.412,67.144 -17.18,67.144 Z M-17.18,65.14 C-18.044,65.14 -18.512,64.24 -18.512,63.004 C-18.512,61.756 -18.044,60.868 -17.18,60.868 C-16.316,60.868 -15.836,61.756 -15.836,63.004 C-15.836,64.24 -16.316,65.14 -17.18,65.14 Z M-9.496,67 L-9.496,62.884 L-7.348,67 L-5.2,67 L-5.2,58.996 L-7.432,58.996 L-7.432,62.872 L-9.436,58.996 L-11.74,58.996 L-11.74,67 L-9.496,67 Z M-1.428,67 L-1.188,65.92 L1.104,65.92 L1.344,67 L3.684,67 L1.332,58.996 L-1.416,58.996 L-3.768,67 L-1.428,67 Z M0.672,63.988 L-0.756,63.988 L-0.036,60.976 L0.672,63.988 Z M8.104,67 L8.104,60.976 L9.748,60.976 L9.748,58.996 L4.168,58.996 L4.168,60.976 L5.824,60.976 L5.824,67 L8.104,67 Z M13.952,67.144 C15.812,67.144 16.964,66.112 16.964,64.48 C16.964,62.812 15.5,62.332 14.468,61.996 C13.796,61.78 13.448,61.612 13.448,61.276 C13.448,61.036 13.604,60.82 14.108,60.82 C14.624,60.82 15.272,61.024 15.8,61.468 L16.832,59.788 C16.124,59.188 15.164,58.864 14.108,58.864 C12.14,58.864 11.132,60.1 11.132,61.408 C11.132,63.196 12.644,63.616 13.676,63.952 C14.312,64.156 14.672,64.348 14.672,64.696 C14.672,64.996 14.348,65.188 13.916,65.188 C13.16,65.188 12.428,64.852 11.948,64.348 L10.892,66.076 C11.612,66.748 12.572,67.144 13.952,67.144 Z M21.252,67.144 C23.112,67.144 24.264,66.112 24.264,64.48 C24.264,62.812 22.8,62.332 21.768,61.996 C21.096,61.78 20.748,61.612 20.748,61.276 C20.748,61.036 20.904,60.82 21.408,60.82 C21.924,60.82 22.572,61.024 23.1,61.468 L24.132,59.788 C23.424,59.188 22.464,58.864 21.408,58.864 C19.44,58.864 18.432,60.1 18.432,61.408 C18.432,63.196 19.944,63.616 20.976,63.952 C21.612,64.156 21.972,64.348 21.972,64.696 C21.972,64.996 21.648,65.188 21.216,65.188 C20.46,65.188 19.728,64.852 19.248,64.348 L18.192,66.076 C18.912,66.748 19.872,67.144 21.252,67.144 Z M28.288,67 L28.288,64.384 L29.488,64.384 C31.324,64.384 32.236,63.148 32.236,61.708 C32.236,60.256 31.324,58.996 29.488,58.996 L26.02,58.996 L26.02,67 L28.288,67 Z M29.212,62.452 L28.288,62.452 L28.288,60.928 L29.212,60.928 C29.632,60.928 29.932,61.216 29.932,61.684 C29.932,62.164 29.632,62.452 29.212,62.452 Z M39.02,67 L39.02,65.068 L36.236,65.068 L36.236,63.916 L38.936,63.916 L38.936,61.984 L36.236,61.984 L36.236,60.928 L39.02,60.928 L39.02,58.996 L33.968,58.996 L33.968,67 L39.02,67 Z M44.256,67.144 C46.152,67.144 46.944,65.8 47.292,64.78 L45.42,64 C45.276,64.624 44.868,65.14 44.256,65.14 C43.416,65.14 42.936,64.252 42.936,63.004 C42.936,61.756 43.416,60.868 44.256,60.868 C44.856,60.868 45.252,61.312 45.408,61.936 L47.292,61.144 C46.908,60.112 46.128,58.864 44.256,58.864 C42.036,58.864 40.62,60.544 40.62,63.004 C40.62,65.452 42.036,67.144 44.256,67.144 Z M51.232,67 L51.232,58.996 L48.964,58.996 L48.964,67 L51.232,67 Z M55.004,67 L55.244,65.92 L57.536,65.92 L57.776,67 L60.116,67 L57.764,58.996 L55.016,58.996 L52.664,67 L55.004,67 Z M57.104,63.988 L55.676,63.988 L56.396,60.976 L57.104,63.988 Z M66.288,67 L66.288,65.02 L63.816,65.02 L63.816,58.996 L61.548,58.996 L61.548,67 L66.288,67 Z" id="MONATSSPECIAL" fill="#FFFFFF" fill-rule="nonzero" transform="translate(17.682000, 63.004000) rotate(-90.000000) translate(-17.682000, -63.004000) "></path>
  47.                             </g>
  48.                         </g>
  49.                     </g>
  50.                 </g>
  51.             </svg>
  52.         </div>
  53.     {% endif %}
  55.     {% if page.product.isNew %}
  56.         <div class="badge badge-new">
  57.             <?xml version="1.0" encoding="UTF-8"?>
  58.             <svg viewBox="0 0 37 139" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  59.                 <title>Monats Special Copy</title>
  60.                 <g id="UI/UX-Design-Bodymed-Onlineshop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  61.                     <g id="UI/UX_Design_Bodymed_Productpage_GESUND-ABNEHMEN_1080p_VP_1440" transform="translate(-325.000000, -119.000000)">
  62.                         <g id="PRODUCT-IMAGE" transform="translate(240.000000, 119.000000)">
  63.                             <g id="TAGS" transform="translate(39.500000, 0.000000)">
  64.                                 <g id="Monats-Special-Copy" transform="translate(46.000000, 0.000000)">
  65.                                     <path d="M0.5,0 L35.5,0 L35.5,124 C35.5,132.284271 28.7842712,139 20.5,139 L0.5,139 L0.5,139 L0.5,0 Z" id="Rectangle" fill="#004567"></path>
  66.                                     <rect id="Rectangle" x="0.5" y="104" width="35" height="35"></rect>
  67.                                     <path d="M9.97058824,121 L25.0294118,121 M17.5,113 L17.5,129" id="Combined-Shape" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round"></path>
  68.                                     <line x1="1" y1="104.5" x2="35" y2="104.5" id="Trenner" stroke-opacity="0.2" stroke="#FFFFFF" stroke-linecap="square"></line>
  69.                                     <path d="M-19.68,55.5 L-19.68,51.384 L-17.532,55.5 L-15.384,55.5 L-15.384,47.496 L-17.616,47.496 L-17.616,51.372 L-19.62,47.496 L-21.924,47.496 L-21.924,55.5 L-19.68,55.5 Z M-8.18,55.5 L-8.18,53.568 L-10.964,53.568 L-10.964,52.416 L-8.264,52.416 L-8.264,50.484 L-10.964,50.484 L-10.964,49.428 L-8.18,49.428 L-8.18,47.496 L-13.232,47.496 L-13.232,55.5 L-8.18,55.5 Z M-2.944,55.644 C-0.94,55.644 0.32,54.504 0.32,52.56 L0.32,47.496 L-1.972,47.496 L-1.972,52.584 C-1.972,53.244 -2.284,53.652 -2.944,53.652 C-3.628,53.652 -3.928,53.244 -3.928,52.584 L-3.928,47.496 L-6.22,47.496 L-6.22,52.572 C-6.22,54.504 -4.96,55.644 -2.944,55.644 Z M8.2,55.5 L8.2,47.496 L5.932,47.496 L5.932,55.5 L8.2,55.5 Z M12.56,55.5 L12.56,50.748 L14.012,55.5 L14.996,55.5 L16.46,50.748 L16.46,55.5 L18.656,55.5 L18.656,47.496 L15.692,47.496 L14.504,51.444 L13.34,47.496 L10.352,47.496 L10.352,55.5 L12.56,55.5 Z M26.8,55.644 C28.66,55.644 29.812,54.612 29.812,52.98 C29.812,51.312 28.348,50.832 27.316,50.496 C26.644,50.28 26.296,50.112 26.296,49.776 C26.296,49.536 26.452,49.32 26.956,49.32 C27.472,49.32 28.12,49.524 28.648,49.968 L29.68,48.288 C28.972,47.688 28.012,47.364 26.956,47.364 C24.988,47.364 23.98,48.6 23.98,49.908 C23.98,51.696 25.492,52.116 26.524,52.452 C27.16,52.656 27.52,52.848 27.52,53.196 C27.52,53.496 27.196,53.688 26.764,53.688 C26.008,53.688 25.276,53.352 24.796,52.848 L23.74,54.576 C24.46,55.248 25.42,55.644 26.8,55.644 Z M33.836,55.5 L33.836,52.368 L35.852,52.368 L35.852,55.5 L38.12,55.5 L38.12,47.496 L35.852,47.496 L35.852,50.388 L33.836,50.388 L33.836,47.496 L31.568,47.496 L31.568,55.5 L33.836,55.5 Z M43.56,55.644 C45.792,55.644 47.208,53.94 47.208,51.504 C47.208,49.056 45.792,47.364 43.56,47.364 C41.328,47.364 39.912,49.056 39.912,51.504 C39.912,53.94 41.328,55.644 43.56,55.644 Z M43.56,53.64 C42.696,53.64 42.228,52.74 42.228,51.504 C42.228,50.256 42.696,49.368 43.56,49.368 C44.424,49.368 44.904,50.256 44.904,51.504 C44.904,52.74 44.424,53.64 43.56,53.64 Z M51.268,55.5 L51.268,52.884 L52.468,52.884 C54.304,52.884 55.216,51.648 55.216,50.208 C55.216,48.756 54.304,47.496 52.468,47.496 L49,47.496 L49,55.5 L51.268,55.5 Z M52.192,50.952 L51.268,50.952 L51.268,49.428 L52.192,49.428 C52.612,49.428 52.912,49.716 52.912,50.184 C52.912,50.664 52.612,50.952 52.192,50.952 Z" id="NEUIMSHOP" fill="#FFFFFF" fill-rule="nonzero" transform="translate(16.646000, 51.504000) rotate(-90.000000) translate(-16.646000, -51.504000) "></path>
  70.                                 </g>
  71.                             </g>
  72.                         </g>
  73.                     </g>
  74.                 </g>
  75.             </svg>
  76.         </div>
  77.     {% endif %}
  79.     {% if page.product.calculatedPrices.elements %}
  80.         {% for discountprices in page.product.calculatedPrices.elements %}
  82.             {% if discountprices.listPrice.discount < 0 %}
  83.                 <div class="badge badge-danger badge-discount">
  84.                     <span>&#37;</span>
  85.                 </div>
  86.             {% endif %}
  87.         {% endfor %}
  88.     {% else %}
  89.         {% if page.product.calculatedPrice.listPrice.discount < 0 %}
  90.             <div class="badge badge-danger badge-discount">
  91.                 <span>&#37;</span>
  92.             </div>
  93.         {% endif %}
  94.     {% endif %}
  100.     {#
  101.     {% if page.product.calculatedPrices|length == 1 %}
  102.         {% if page.product.calculatedPrices|first.listPrice  %}
  103.             <div class="badge badge-danger badge-discount">
  104.                 <span>&#37;</span>
  105.             </div>
  106.         {% endif %}
  107.     {% endif %}
  108.     #}
  110. </div>