custom/plugins/OttMoebelfirstTheme/src/Resources/views/storefront/base.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/base.html.twig" %}
  3. {% block base_body_classes %}{{ parent() }}{% if page.extensions.ottMerchantShopsData %} ott-is-merchant-shop{% endif %}{% if 'frontend.navigation.page' === activeRoute and '1' === app.request.query.get('isIframe') %} ott-is-merchant-shop-iframe-listing{% endif %}{% endblock %}
  5. {% block base_header %}
  6.     {# Tocca.js #}
  7.     <script>
  8.         !function(doc,win){if("function"!=typeof doc.createEvent)return;function pointerEvent(type){var lo=type.toLowerCase(),ms="MS"+type;return navigator.msPointerEnabled?ms:!!window.PointerEvent&&lo}function touchEvent(name){return"on"+name in window&&name}function isTheSameFingerId(e){return!e.pointerId||void 0===pointerId||e.pointerId===pointerId}function setListener(elm,events,callback){for(var eventsArray=events.split(" "),i=eventsArray.length;i--;)elm.addEventListener(eventsArray[i],callback,!1)}function getPointerEvent(event){var hasTargetTouches=Boolean(event.targetTouches&&event.targetTouches.length);switch(!0){case Boolean(event.target.touches):return event.target.touches[0];case hasTargetTouches&&void 0!==event.targetTouches[0].pageX:return event.targetTouches[0];case hasTargetTouches&&Boolean(event.targetTouches[0].touches):return event.targetTouches[0].touches[0];default:return event}}function isMultipleTouches(event){return 1<(event.targetTouches||event.target.touches||[]).length}function getTimestamp(){return(new Date).getTime()}function sendEvent(elm,eventName,originalEvent,data){var customEvent=doc.createEvent("Event");if(customEvent.originalEvent=originalEvent,(data=data||{}).x=currX,data.y=currY,defaults.useJquery&&(customEvent=jQuery.Event(eventName,{originalEvent:originalEvent}),jQuery(elm).trigger(customEvent,data)),customEvent.initEvent){for(var key in data)customEvent[key]=data[key];customEvent.initEvent(eventName,!0,!0),elm.dispatchEvent(customEvent)}for(;elm;)elm["on"+eventName]&&elm["on"+eventName](customEvent),elm=elm.parentNode}var pointerId,currX,currY,cachedX,cachedY,timestamp,target,dblTapTimer,longtapTimer,defaults={useJquery:!win.IGNORE_JQUERY&&"undefined"!=typeof jQuery,swipeThreshold:win.SWIPE_THRESHOLD||100,tapThreshold:win.TAP_THRESHOLD||150,dbltapThreshold:win.DBL_TAP_THRESHOLD||200,longtapThreshold:win.LONG_TAP_THRESHOLD||1e3,tapPrecision:win.TAP_PRECISION/2||30,justTouchEvents:win.JUST_ON_TOUCH_DEVICES},wasTouch=!1,touchevents_touchstart=touchEvent("touchstart")||pointerEvent("PointerDown"),touchevents_touchend=touchEvent("touchend")||pointerEvent("PointerUp"),touchevents_touchmove=touchEvent("touchmove")||pointerEvent("PointerMove"),tapNum=0;setListener(doc,touchevents_touchstart+(defaults.justTouchEvents?"":" mousedown"),function(e){if(isTheSameFingerId(e)&&!isMultipleTouches(e)&&(pointerId=e.pointerId,"mousedown"!==e.type&&(wasTouch=!0),"mousedown"!==e.type||!wasTouch)){var pointer=getPointerEvent(e);cachedX=currX=pointer.pageX,cachedY=currY=pointer.pageY,longtapTimer=setTimeout(function(){sendEvent(e.target,"longtap",e),target=e.target},defaults.longtapThreshold),timestamp=getTimestamp(),tapNum++}}),setListener(doc,touchevents_touchend+(defaults.justTouchEvents?"":" mouseup"),function(e){if(isTheSameFingerId(e)&&!isMultipleTouches(e))if(pointerId=void 0,"mouseup"===e.type&&wasTouch)wasTouch=!1;else{var eventsArr=[],now=getTimestamp(),deltaY=cachedY-currY,deltaX=cachedX-currX;if(clearTimeout(dblTapTimer),clearTimeout(longtapTimer),deltaX<=-defaults.swipeThreshold&&eventsArr.push("swiperight"),deltaX>=defaults.swipeThreshold&&eventsArr.push("swipeleft"),deltaY<=-defaults.swipeThreshold&&eventsArr.push("swipedown"),deltaY>=defaults.swipeThreshold&&eventsArr.push("swipeup"),eventsArr.length){for(var i=0;i<eventsArr.length;i++){var eventName=eventsArr[i];sendEvent(e.target,eventName,e,{distance:{x:Math.abs(deltaX),y:Math.abs(deltaY)}})}tapNum=0}else cachedX>=currX-defaults.tapPrecision&&cachedX<=currX+defaults.tapPrecision&&cachedY>=currY-defaults.tapPrecision&&cachedY<=currY+defaults.tapPrecision&&0<=timestamp+defaults.tapThreshold-now&&(sendEvent(e.target,2<=tapNum&&target===e.target?"dbltap":"tap",e),target=e.target),dblTapTimer=setTimeout(function(){tapNum=0},defaults.dbltapThreshold)}}),setListener(doc,touchevents_touchmove+(defaults.justTouchEvents?"":" mousemove"),function(e){if(isTheSameFingerId(e)&&("mousemove"!==e.type||!wasTouch)){var pointer=getPointerEvent(e);currX=pointer.pageX,currY=pointer.pageY}}),win.tocca=function(options){for(var opt in options)defaults[opt]=options[opt];return defaults}}(document,window);
  9.     </script>
  11.     {# Weglot translation #}
  12.     <link rel="alternate" hreflang="de" href="https://www.moebelfirst.de">
  13.     <link rel="alternate" hreflang="en" href="https://en.moebelfirst.de">
  14.     <link rel="alternate" hreflang="nl" href="https://nl.moebelfirst.de">
  15.     <link rel="alternate" hreflang="fr" href="https://fr.moebelfirst.de">
  16.     <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
  17.     <script>
  18.         Weglot.initialize({
  19.             api_key: 'wg_bac8cc0c24857a0c3c22bfc725839d030'
  20.         });
  21.     </script>
  23.     {{ parent() }}
  24. {% endblock %}
  26. {% block base_scroll_up %}
  27.     <div class="ott-fixed-content-container d-none">
  28.         {% block ott_badges %}
  29.             {% block ott_contact_partner_badge %}
  30.                 {% set merchant = page.extensions.ottMerchantShopsData.merchant %}
  31.                 {% set phoneRaw = 'ott.contactPartnerBadge.number'|trans %}
  33.                 {% if merchant %}
  34.                     {% set phoneRaw = merchant.phone %}
  35.                 {% endif %}
  37.                 {% set phone = phoneRaw|trans|replace({
  38.                     '+': '00',
  39.                     '(0)': '',
  40.                     ' ': '',
  41.                     '-': '',
  42.                     '/': '',
  43.                 }) %}
  45.                 <div class="ott-contact-partner-badge shrunk"
  46.                      style="background-image: url('{{ "ott.contactPartnerBadge.fullImage"|trans|sw_sanitize }}')"
  47.                 >
  48.                     <div class="ott-contact-partner-badge-shrink">
  49.                         {% sw_icon 'x-small' style {'pack': 'solid', 'color': 'black'} %}
  50.                         {% sw_icon 'expand' style {'pack': 'solid', 'color': 'black'} %}
  51.                     </div>
  52.                     <div class="ott-contact-partner-badge-question">
  53.                         {% sw_icon 'x-small' style {'pack': 'solid'} %}
  54.                         <a href="tel:{{ phone }}" title="{{ phoneRaw }}">{{ "ott.contactPartnerBadge.questions"|trans|sw_sanitize }}</a>
  55.                     </div>
  56.                     <a href="tel:{{ phone }}" title="{{ phoneRaw }}" class="ott-contact-partner-badge-link" style="color: #c39052 !important;">
  57.                         <img src="{{ "ott.contactPartnerBadge.smallImage"|trans }}" class="ott-contact-partner-badge-image">
  58.                         <div class="ott-contact-partner-badge-mobile-icon">
  59.                             {% sw_icon 'phone-lean' style {
  60.                                 'namespace': 'OttIconPack',
  61.                                 'pack': 'ottscho-it',
  62.                             } %}
  63.                         </div>
  64.                         <div class="ott-contact-partner-badge-container">
  65.                             {% sw_icon 'phone-lean' style {
  66.                                 'namespace': 'OttIconPack',
  67.                                 'pack': 'ottscho-it',
  68.                             } %}
  69.                             <div class="ott-contact-partner-badge-numbers" style="color:#c39052;">{{ phoneRaw|raw }}</div>
  70.                         </div>
  71.                         <div class="ott-contact-partner-badge-saturday text-center">{{ "ott.contactPartnerBadge.saturday"|trans|sw_sanitize }}</div>
  72.                     </a>
  73.                     <a href="https://www.moebelfirst.de/moebelfirst.de/gewinnspiel/" class="btn btn-light ott-link-aktion">{{ "ott.contactPartnerBadge.linkAktion"|trans|sw_sanitize }}</a>
  74.                 </div>
  75.             {% endblock %}
  76.             {% block ott_trusted_shops_badge %}{% endblock %}
  77.         {% endblock %}
  79.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  80.     </div>
  81. {% endblock %}
  83. {% block base_pseudo_modal %}
  84.     {{ parent() }}
  85.     {% if context.salesChannel.translated.customFields.ott_livestream_on %}
  86.         {% sw_include '@Storefront/storefront/component/livestream/popup.html.twig' %}
  87.     {% endif %}
  88. {% endblock %}