custom/apps/AtlKatanaTheme/Resources/views/storefront/component/buy-widget/buy-widget.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/buy-widget/buy-widget.html.twig' %}
  3. {% block buy_widget_price %}
  4.     {% block buy_widget_headline %}
  5.         <div class="col product-detail-name-container">
  6.             {% block buy_widget_name %}
  7.                 <h1 class="product-detail-name"
  8.                     itemprop="name">
  9.                     {{ product.translated.name }}
  10.                 </h1>
  11.             {% endblock %}
  12.         </div>
  13.     {% endblock %}
  15.     {% block buy_widget_headline_reviews %}
  16.         {% if theme_config('atl-product-detail-reviews') == 'below-title' %}
  17.             {% sw_include '@Storefront/storefront/skin/global/component/buy-widget/buy-widget-reviews.html.twig' %}
  18.         {% endif %}
  19.     {% endblock %}
  21.     {{ parent() }}
  22. {% endblock %}
  24. {% block buy_widget_tax %}
  25.     <div class="product-detail-tax-container">
  26.         {% if context.taxState == "gross" %}
  27.             {% set taxText = 'atl-katana-theme.general.grossTaxInformation'|trans|sw_sanitize %}
  28.         {% else %}
  29.             {% set taxText = 'atl-katana-theme.general.netTaxInformation'|trans|sw_sanitize %}
  30.         {% endif %}
  32.         <p class="product-detail-tax">
  33.             {% block buy_widget_tax_link %}
  34.                 {{ taxText }}
  35.                 <a class="product-detail-tax-link"
  36.                    href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  37.                    title="{{ taxText }}"
  38.                    {{ dataBsToggleAttr }}="modal"
  39.                    data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  40.                     {{ 'checkout.summaryShipping'|trans|sw_sanitize }}
  41.                 </a>
  42.             {% endblock %}
  43.         </p>
  45.         {% block buy_widget_manufacturer %}
  46.             {% if product.manufacturer and theme_config('atl-product-detail-manufacturer') == 'default' %}
  47.                 <p class="product-detail-manufacturer">
  48.                     {% block buy_widget_manufacturer_link %}
  49.                         {% if product.manufacturer.media is empty and theme_config('atl-product-detail-manufacturer-layout') == 'logo' or
  50.                             theme_config('atl-product-detail-manufacturer-layout') == 'text' %}
  51.                             <span>{{ 'atl-katana-theme.detail.byManufacturer'|trans|sw_sanitize }}</span>
  52.                         {% endif %}
  53.                         <a href="{{ product.manufacturer.link }}"
  54.                            class="product-detail-manufacturer-link"
  55.                            rel="noreferrer noopener"
  56.                            target="_blank"
  57.                            title="{{ product.manufacturer.translated.name }}">
  58.                             {% if product.manufacturer.media and theme_config('atl-product-detail-manufacturer-layout') == 'logo' %}
  59.                                 {% block buy_widget_manufacturer_logo %}
  60.                                     <img src="{{ product.manufacturer.media|sw_encode_media_url }}"
  61.                                          class="product-detail-manufacturer-logo"
  62.                                          alt="{{ product.manufacturer.translated.name }}"/>
  63.                                 {% endblock %}
  64.                             {% else %}
  65.                                 {% block buy_widget_manufacturer_text %}
  66.                                     {{ product.manufacturer.translated.name }}
  67.                                 {% endblock %}
  68.                             {% endif %}
  69.                         </a>
  70.                     {% endblock %}
  71.                 </p>
  72.             {% endif %}
  73.         {% endblock %}
  74.     </div>
  75. {% endblock %}
  77. {% block buy_widget_reviews %}
  78.     {% if theme_config('atl-product-detail-reviews') == 'default' %}
  79.         {% sw_include '@Storefront/storefront/skin/global/component/buy-widget/buy-widget-reviews.html.twig' %}
  80.     {% endif %}
  81. {% endblock %}
  83. {% block buy_widget_delivery_informations %}
  84.     {% block buy_widget_features %}
  85.         {% sw_include '@Storefront/storefront/skin/global/component/product/features.html.twig' with { 'product': product } %}
  86.     {% endblock %}
  88.     {{ parent() }}
  89. {% endblock %}
  91. {% block buy_widget_ordernumber_container %}
  92.     <div class="product-detail-specifications">
  93.         {% if theme_config('atl-product-detail-show-product-number') == 'true' %}
  94.             {{ parent() }}
  95.         {% endif %}
  97.         {% block buy_widget_ean_container %}
  98.             {% if product.ean and theme_config('atl-product-detail-show-ean') == 'true' %}
  99.                 <div class="product-detail-ordernumber-container">
  100.                     {% block buy_widget_ean_label %}
  101.                         <span class="product-detail-ordernumber-label">
  102.                             {{ 'component.product.feature.label.ean'|trans|sw_sanitize }}
  103.                         </span>
  104.                     {% endblock %}
  106.                     {% block buy_widget_ean %}
  107.                         <span class="product-detail-ordernumber"
  108.                               itemprop="sku">
  109.                             {{ product.ean }}
  110.                         </span>
  111.                     {% endblock %}
  112.                 </div>
  113.             {% endif %}
  114.         {% endblock %}
  116.         {% block buy_widget_measures_container %}
  117.             {% if theme_config('atl-product-detail-measures') != 'hide' %}
  118.                 {% set width = product.width / theme_config('atl-product-detail-measures') %}
  119.                 {% set height = product.height / theme_config('atl-product-detail-measures') %}
  120.                 {% set length = product.length / theme_config('atl-product-detail-measures') %}
  122.                 {% set unit = 'mm' %}
  123.                 {% if theme_config('atl-product-detail-measures') == 10 %}
  124.                     {% set unit = 'cm' %}
  125.                 {% endif %}
  127.                 {% if width > 0 or height > 0 or length > 0 %}
  128.                     <div class="product-detail-measures">
  129.                         {% block buy_widget_measures_width %}
  130.                             {% if width > 0 %}
  131.                                 <div class="product-detail-ordernumber-container">
  132.                                     {{ 'component.product.feature.label.width'|sw_sanitize|trans }} {{ width|number_format(2, ',', '.') }} {{ unit }}
  133.                                 </div>
  134.                             {% endif %}
  135.                         {% endblock %}
  137.                         {% block buy_widget_measures_height %}
  138.                             {% if height > 0 %}
  139.                                 <div class="product-detail-ordernumber-container">
  140.                                     {{ 'component.product.feature.label.height'|sw_sanitize|trans }} {{ height|number_format(2, ',', '.') }} {{ unit }}
  141.                                 </div>
  142.                             {% endif %}
  143.                         {% endblock %}
  145.                         {% block buy_widget_measures_length %}
  146.                             {% if length > 0 %}
  147.                                 <div class="product-detail-ordernumber-container">
  148.                                     {{ 'component.product.feature.label.length'|sw_sanitize|trans }} {{ length|number_format(2, ',', '.') }} {{ unit }}
  149.                                 </div>
  150.                             {% endif %}
  151.                         {% endblock %}
  152.                     </div>
  153.                 {% endif %}
  154.             {% endif %}
  155.         {% endblock %}
  157.         {% block buy_widget_weight_container %}
  158.             {% if product.weight and theme_config('atl-product-detail-show-weight') == 'true' %}
  159.                 <div class="product-detail-ordernumber-container">
  160.                     {% block buy_widget_weight_label %}
  161.                         <span class="product-detail-ordernumber-label">
  162.                             {{ 'component.product.feature.label.weight'|trans|sw_sanitize }}
  163.                         </span>
  164.                     {% endblock %}
  166.                     {% block buy_widget_weight %}
  167.                         <span class="product-detail-ordernumber">
  168.                             {{ product.weight|number_format(2, ',', '.') }} kg
  169.                         </span>
  170.                     {% endblock %}
  171.                 </div>
  172.             {% endif %}
  173.         {% endblock %}
  174.     </div>
  176.     {% block buy_widget_collapses %}
  177.         {% if theme_config('atl-product-detail-tab-position') == 'buy-box' %}
  178.             <div class="cms-collapses">
  179.                 {% sw_include '@Storefront/storefront/skin/global/component/product/collapses.html.twig' %}
  180.             </div>
  181.         {% endif %}
  182.     {% endblock %}
  184.     {% block buy_widget_share %}
  185.         {% if theme_config('atl-product-detail-share') == 'buy-box-end' %}
  186.             {% if product.parentId %}
  187.                 {% set productUrl = seoUrl('frontend.detail.page', { productId: product.parentId }) %}
  188.             {% else %}
  189.                 {% set productUrl = seoUrl('frontend.detail.page', { productId: product.id }) %}
  190.             {% endif %}
  192.             <div class="product-detail-share">
  193.                 {% block buy_widget_share_label %}
  194.                     <span>{{ "atl-katana-theme.detail.shareLabel"|trans|sw_sanitize }}</span>
  195.                 {% endblock %}
  197.                 {% block buy_widget_share_facebook %}
  198.                     <a href="https://www.facebook.com/sharer.php?u={{ productUrl }}" title="Facebook" target="_blank" rel="noopener">
  199.                         {% sw_icon 'facebook' style {
  200.                             'namespace': 'AtlKatanaTheme',
  201.                             'pack':  theme_config('atl-icon-set'),
  202.                             'color': 'text-color',
  203.                             'size': 'sm'
  204.                         } %}
  205.                     </a>
  206.                 {% endblock %}
  208.                 {% block buy_widget_share_twitter %}
  209.                     <a href="https://twitter.com/share?text=1952&url={{ productUrl }}" title="Twitter" target="_blank" rel="noopener">
  210.                         {% sw_icon 'twitter' style {
  211.                             'namespace': 'AtlKatanaTheme',
  212.                             'pack':  theme_config('atl-icon-set'),
  213.                             'color': 'text-color',
  214.                             'size': 'sm'
  215.                         } %}
  216.                     </a>
  217.                 {% endblock %}
  219.                 {% block buy_widget_share_pinterest %}
  220.                     <a href="https://pinterest.com/pin/create/button/?url={{ productUrl }}" title="Pinterest" target="_blank" rel="noopener">
  221.                         {% sw_icon 'pinterest' style {
  222.                             'namespace': 'AtlKatanaTheme',
  223.                             'pack':  theme_config('atl-icon-set'),
  224.                             'color': 'text-color',
  225.                             'size': 'sm'
  226.                         } %}
  227.                     </a>
  228.                 {% endblock %}
  229.             </div>
  230.         {% endif %}
  231.     {% endblock %}
  232. {% endblock %}