custom/plugins/TrustedShops/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_inner %}
  4.     {{ parent() }}
  6.     {% if trustedshops.tsId %}
  8.         {# Trusted Shops Trustbadge - Start #}
  10.         {% if trustedshops.tsTrustbadgeExpertMode %}
  12.             {{ trustedshops.tsExpertTrustbadeCode|replace({'%tsid%': trustedshops.tsId})|raw }}
  14.         {% else %}
  16.             <script type="text/javascript">
  17.                 (function () {
  18.                     var _tsid = '{{ trustedshops.tsId|escape('js') }}';
  19.                     _tsConfig = {
  20.                         'yOffset': '{{ trustedshops.tsTrustbadgeOffsetY|escape('js')|default('0') }}', /* offset from page bottom */
  21.                         'variant': '{{ trustedshops.tsTrustbadgeVariant|escape('js')|default('default') }}', /* reviews, default, custom, custom_reviews */
  22.                         'customElementId': '', /* required for variants custom and custom_reviews */
  23.                         'trustcardDirection': '', /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */
  24.                         'customBadgeWidth': '', /* for custom variants: 40 - 90 (in pixels) */
  25.                         'customBadgeHeight': '', /* for custom variants: 40 - 90 (in pixels) */
  26.                         'disableResponsive': 'false', /* deactivate responsive behaviour */
  27.                         {% if trustedshops.tsTrustbadgeVariant == 'hide' %}
  28.                         'disableTrustbadge': 'true', /* deactivate Trustbadge® */
  29.                         {% else %}
  30.                         'disableTrustbadge': 'false', /* deactivate Trustbadge® */
  31.                         {% endif %}
  32.                         'responsive': {
  33.                             'variant': '', /* floating, custom */
  34.                             'customElementId': '' /* required for variant custom */
  35.                         }
  36.                     };
  37.                     var _ts = document.createElement('script');
  38.                     _ts.type = 'text/javascript';
  39.                     _ts.charset = 'utf-8';
  40.                     _ts.async = true;
  41.                     _ts.src = '//widgets.trustedshops.com/js/' + _tsid + '.js';
  42.                     var __ts = document.getElementsByTagName('script')[0];
  43.                     __ts.parentNode.insertBefore(_ts, __ts);
  44.                 })();
  45.             </script>
  47.         {% endif %}
  49.         {# Trusted Shops Trustbadge - End #}
  51.     {% endif %}
  53. {% endblock %}
  55. {% block base_body_script %}
  56.     {{ parent() }}
  58.     {# Trusted Shops jQuery Selector - Start #}
  59.     <script type="text/javascript">
  60.         (function() {
  62.             const reviewStickerElementSelector = ".ts-rating.testimonial";
  63.             const productRatingStarsElementSelector = ".ts-rating.productreviewsSummary";
  64.             const productReviewsElementSelector = ".ts-rating.productreviews";
  65.             const reviewStickerParentSelector = "{% if trustedshops.tsReviewStickerExpertMode %}{{ trustedshops.tsExpertReviewStickerJquerySelector|escape('js') }}{% endif %}";
  66.             const productRatingStarsParentSelector = "{% if trustedshops.tsProductRatingStarsExpertMode %}{{ trustedshops.tsExpertProductRatingStarsJquerySelector|escape('js') }}{% endif %}";
  67.             const productReviewsParentSelector = "{% if trustedshops.tsProductReviewsTabExpertMode %}{{ trustedshops.tsExpertProductReviewsTabJquerySelector|escape('js') }}{% endif %}";
  69.             const onJqueryLoaded = function( $ ) {
  71.                 const waitForElement = function( selector, callback ) {
  72.                     const elementChecker = window.setInterval( function() {
  73.                         if( $( selector ).length ) {
  74.                             window.clearInterval( elementChecker );
  75.                             callback.call( $( selector ) );
  76.                         }
  77.                     }, 10 );
  78.                 };
  80.                 if( reviewStickerParentSelector ) {
  81.                     waitForElement( reviewStickerElementSelector, function() {
  82.                         $( reviewStickerParentSelector ).append( this );
  83.                     });
  84.                 }
  86.                 if( productRatingStarsParentSelector ) {
  87.                     waitForElement( productRatingStarsElementSelector, function() {
  88.                         $( productRatingStarsParentSelector ).append( this );
  89.                     });
  90.                 }
  92.                 if( productReviewsParentSelector ) {
  93.                     waitForElement( productReviewsElementSelector, function() {
  94.                         $( productReviewsParentSelector ).append( this );
  95.                     });
  96.                 }
  98.             };
  100.             window.onload = function() {
  101.                 const jqueryChecker = window.setInterval( function() {
  102.                     if( window.jQuery )
  103.                     {
  104.                         window.clearInterval( jqueryChecker );
  105.                         onJqueryLoaded( window.jQuery );
  106.                     }
  107.                 }, 100 );
  108.             };
  110.         })();
  111.     </script>
  112.     {# Trusted Shops jQuery Selector - End #}
  114. {% endblock %}