custom/apps/zenitAppFloatingBuybox/Resources/views/storefront/layout/meta.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %}
  3. {% block layout_head_stylesheet %}
  4.     {{ parent() }}
  6.     {% block zenit_floatin_buybox_css %}
  8.         {% set styles = {
  9.             'alignment': config('zenitAppFloatingBuybox.config.alignment'),
  10.             'maxWidth': config('zenitAppFloatingBuybox.config.maxWidth'),
  11.             'margin': config('zenitAppFloatingBuybox.config.margin') ~ 'px',
  12.             'paddingX': config('zenitAppFloatingBuybox.config.padding') ~ 'px',
  13.             'paddingY': config('zenitAppFloatingBuybox.config.padding') / 2 ~ 'px',
  14.             'offsetY': config('zenitAppFloatingBuybox.config.margin') / 2 ~ 'px',
  15.             'radius': config('zenitAppFloatingBuybox.config.radius') ~ 'px',
  16.             'badgeRadius': config('zenitAppFloatingBuybox.config.radius') > 2 ? (config('zenitAppFloatingBuybox.config.radius') - 2) ~ 'px' : config('zenitAppFloatingBuybox.config.radius') ~ 'px',
  17.             'background': config('zenitAppFloatingBuybox.config.background'),
  18.             'backgroundOpacity': config('zenitAppFloatingBuybox.config.backgroundOpacity') ~ '%',
  19.             'color': config('zenitAppFloatingBuybox.config.color'),
  20.             'colorPrice': config('zenitAppFloatingBuybox.config.colorPrice'),
  21.             'colorWithListPrice': config('zenitAppFloatingBuybox.config.colorWithListPrice'),
  22.             'scrollUpButtonBottom': config('zenitAppFloatingBuybox.config.scrollUpButtonBottom') ~ 'px'
  23.         } %}
  25.         <style data-plugin="zenitAppFloatingBuybox">
  26.             {% if styles.maxWidth %}
  27.                 .buybox-floating {
  28.                     max-width: {{ styles.maxWidth }};
  29.                 }
  30.             {% endif %}
  32.             .buybox-floating-inner {
  33.                 border-radius: {{ styles.radius }};
  34.                 margin: {{ styles.margin }};
  35.                 padding: {{ styles.paddingY }} {{ styles.paddingX }};
  36.                 box-shadow: 0 {{ styles.offsetY }} 1rem rgba(0, 0 ,0 , .18);
  37.             }
  39.             .buybox-floating-inner::before {
  40.                 border-radius: {{ styles.radius }};
  41.                 background: {{ styles.background }};
  42.                 opacity: {{ styles.backgroundOpacity }};
  43.             }
  45.             .buybox-floating-inner .row > [class*="col-"] {
  46.                 padding-top: {{ styles.paddingY }};
  47.                 padding-bottom: {{ styles.paddingY }};
  48.                 text-align: {{ styles.alignment }};
  49.             }
  51.             .buybox-floating .product-detail-price {
  52.                 color: {{ styles.colorPrice }};
  53.                 border-radius: {{ styles.radius }};
  54.             }
  56.             .buybox-floating .product-detail-price.with-list-price {
  57.                 color: {{ styles.colorWithListPrice }}
  58.             }
  60.             .buybox-floating .product-detail-name,
  61.             .buybox-floating .product-detail-price-unit {
  62.                 color: {{ styles.color }};
  63.                 text-align: {{ styles.alignment }};
  64.             }
  66.             .buybox-floating .list-price-badge {
  67.                 border-radius: {{ styles.badgeRadius }};
  68.             }
  70.             .scroll-up-button {
  71.                 bottom: {{ styles.scrollUpButtonBottom }};
  72.             }
  74.             .product-detail-configurator-groups-toggle-preview .option-color {
  75.                 border-radius: {{ styles.badgeRadius }};
  76.             }
  77.         </style>
  79.         {% if config('zenitAppFloatingBuybox.config.customCSS') %}
  80.             <style data-plugin="zenitAppFloatingBuybox">
  81.                 {{ config('zenitAppFloatingBuybox.config.customCSS')|raw }}
  82.             </style>
  83.         {% endif %}
  84.     {% endblock %}
  86. {% endblock %}