custom/apps/AtlKatanaTheme/Resources/views/storefront/page/product-detail/buy-widget.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/page/product-detail/buy-widget.html.twig" %}
  3. {% block page_product_detail_price %}
  4.     {% block page_product_detail_headline %}
  5.         {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  6.     {% endblock %}
  8.     {% block page_product_detail_headline_reviews %}
  9.         {% if theme_config('atl-product-detail-reviews') == 'below-title' %}
  10.             {% sw_include '@Storefront/storefront/skin/global/page/product-detail/review/reviews.html.twig' %}
  11.         {% endif %}
  12.     {% endblock %}
  14.     {{ parent() }}
  15. {% endblock %}
  17. {% block page_product_detail_tax %}
  18.     <div class="product-detail-tax-container">
  19.         {% if context.taxState == "gross" %}
  20.             {% set taxText = 'atl-katana-theme.general.grossTaxInformation'|trans|sw_sanitize %}
  21.         {% else %}
  22.             {% set taxText = 'atl-katana-theme.general.netTaxInformation'|trans|sw_sanitize %}
  23.         {% endif %}
  25.         <p class="product-detail-tax">
  26.             {% block page_product_detail_tax_link %}
  27.                 {{ taxText }}
  28.                 <a class="product-detail-tax-link"
  29.                    href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  30.                    title="{{ taxText }}"
  31.                    {{ dataBsToggleAttr }}="modal"
  32.                    data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  33.                     {{ 'checkout.summaryShipping'|trans|sw_sanitize }}
  34.                 </a>
  35.             {% endblock %}
  36.         </p>
  38.         {% block page_product_detail_manufacturer %}
  39.             {% if page.product.manufacturer and theme_config('atl-product-detail-manufacturer') == 'default' %}
  40.                 <p class="product-detail-manufacturer">
  41.                     {% block page_product_detail_manufacturer_link %}
  42.                         {% if page.product.manufacturer.media is empty and theme_config('atl-product-detail-manufacturer-layout') == 'logo' or
  43.                             theme_config('atl-product-detail-manufacturer-layout') == 'text' %}
  44.                             <span>{{ 'atl-katana-theme.detail.byManufacturer'|trans|sw_sanitize }}</span>
  45.                         {% endif %}
  46.                         <a href="{{ page.product.manufacturer.link }}"
  47.                            class="product-detail-manufacturer-link"
  48.                            rel="noreferrer noopener"
  49.                            target="_blank"
  50.                            title="{{ page.product.manufacturer.translated.name }}">
  51.                             {% if page.product.manufacturer.media and theme_config('atl-product-detail-manufacturer-layout') == 'logo' %}
  52.                                 {% block page_product_detail_manufacturer_logo %}
  53.                                     <img src="{{ page.product.manufacturer.media|sw_encode_media_url }}"
  54.                                          class="product-detail-manufacturer-logo"
  55.                                          alt="{{ page.product.manufacturer.translated.name }}"/>
  56.                                 {% endblock %}
  57.                             {% else %}
  58.                                 {% block page_product_detail_manufacturer_text %}
  59.                                     {{ page.product.manufacturer.translated.name }}
  60.                                 {% endblock %}
  61.                             {% endif %}
  62.                         </a>
  63.                     {% endblock %}
  64.                 </p>
  65.             {% endif %}
  66.         {% endblock %}
  67.     </div>
  68. {% endblock %}
  70. {% block page_product_detail_reviews %}
  71.     {% if theme_config('atl-product-detail-reviews') == 'default' %}
  72.         {% sw_include '@Storefront/storefront/skin/global/page/product-detail/review/reviews.html.twig' %}
  73.     {% endif %}
  74. {% endblock %}
  76. {% block page_product_detail_delivery_informations %}
  77.     {% block page_product_detail_features %}
  78.         {% sw_include '@Storefront/storefront/skin/global/component/product/features.html.twig' with { 'product': page.product } %}
  79.     {% endblock %}
  81.     {{ parent() }}
  82. {% endblock %}
  84. {% block page_product_detail_ordernumber_container %}
  85.     <div class="product-detail-specifications">
  86.         {% if theme_config('atl-product-detail-show-product-number') == 'true' %}
  87.             {{ parent() }}
  88.         {% endif %}
  90.         {% block page_product_detail_ean_container %}
  91.             {% if page.product.ean and theme_config('atl-product-detail-show-ean') == 'true' %}
  92.                 <div class="product-detail-ordernumber-container">
  93.                     {% block page_product_detail_ean_label %}
  94.                         <span class="product-detail-ordernumber-label">
  95.                             {{ 'component.product.feature.label.ean'|trans|sw_sanitize }}
  96.                         </span>
  97.                     {% endblock %}
  99.                     {% block page_product_detail_ean %}
  100.                         <span class="product-detail-ordernumber"
  101.                               itemprop="sku">
  102.                             {{ page.product.ean }}
  103.                         </span>
  104.                     {% endblock %}
  105.                 </div>
  106.             {% endif %}
  107.         {% endblock %}
  109.         {% block page_product_detail_measures_container %}
  110.             {% if theme_config('atl-product-detail-measures') != 'hide' %}
  111.                 {% set width = page.product.width / theme_config('atl-product-detail-measures') %}
  112.                 {% set height = page.product.height / theme_config('atl-product-detail-measures') %}
  113.                 {% set length = page.product.length / theme_config('atl-product-detail-measures') %}
  115.                 {% set unit = 'mm' %}
  116.                 {% if theme_config('atl-product-detail-measures') == 10 %}
  117.                     {% set unit = 'cm' %}
  118.                 {% endif %}
  120.                 {% if width > 0 or height > 0 or length > 0 %}
  121.                     <div class="product-detail-measures">
  122.                         {% block page_product_detail_measures_width %}
  123.                             {% if width > 0 %}
  124.                                 <div class="product-detail-ordernumber-container">
  125.                                     {{ 'component.product.feature.label.width'|sw_sanitize|trans }} {{ width|number_format(2, ',', '.') }} {{ unit }}
  126.                                 </div>
  127.                             {% endif %}
  128.                         {% endblock %}
  130.                         {% block page_product_detail_measures_height %}
  131.                             {% if height > 0 %}
  132.                                 <div class="product-detail-ordernumber-container">
  133.                                     {{ 'component.product.feature.label.height'|sw_sanitize|trans }} {{ height|number_format(2, ',', '.') }} {{ unit }}
  134.                                 </div>
  135.                             {% endif %}
  136.                         {% endblock %}
  138.                         {% block page_product_detail_measures_length %}
  139.                             {% if length > 0 %}
  140.                                 <div class="product-detail-ordernumber-container">
  141.                                     {{ 'component.product.feature.label.length'|sw_sanitize|trans }} {{ length|number_format(2, ',', '.') }} {{ unit }}
  142.                                 </div>
  143.                             {% endif %}
  144.                         {% endblock %}
  145.                     </div>
  146.                 {% endif %}
  147.             {% endif %}
  148.         {% endblock %}
  150.         {% block page_product_detail_weight_container %}
  151.             {% if page.product.weight and theme_config('atl-product-detail-show-weight') == 'true' %}
  152.                 <div class="product-detail-ordernumber-container">
  153.                     {% block page_product_detail_weight_label %}
  154.                         <span class="product-detail-ordernumber-label">
  155.                             {{ 'component.product.feature.label.weight'|trans|sw_sanitize }}
  156.                         </span>
  157.                     {% endblock %}
  159.                     {% block page_product_detail_weight %}
  160.                         <span class="product-detail-ordernumber">
  161.                             {{ page.product.weight|number_format(2, ',', '.') }} kg
  162.                         </span>
  163.                     {% endblock %}
  164.                 </div>
  165.             {% endif %}
  166.         {% endblock %}
  167.     </div>
  169.     {% block page_product_detail_collapses %}
  170.         {% if theme_config('atl-product-detail-tab-position') == 'buy-box' %}
  171.             <div class="cms-collapses">
  172.                 {% sw_include '@Storefront/storefront/skin/global/page/product-detail/collapses.html.twig' %}
  173.             </div>
  174.         {% endif %}
  175.     {% endblock %}
  177.     {% block page_product_detail_share %}
  178.         {% if theme_config('atl-product-detail-share') == 'buy-box-end' %}
  179.             {% if page.product.parentId %}
  180.                 {% set productUrl = seoUrl('frontend.detail.page', { productId: page.product.parentId }) %}
  181.             {% else %}
  182.                 {% set productUrl = seoUrl('frontend.detail.page', { productId: page.product.id }) %}
  183.             {% endif %}
  185.             <div class="product-detail-share">
  186.                 {% block page_product_detail_share_label %}
  187.                     <span>{{ "atl-katana-theme.detail.shareLabel"|trans|sw_sanitize }}</span>
  188.                 {% endblock %}
  190.                 {% block page_product_detail_share_facebook %}
  191.                     <a href="https://www.facebook.com/sharer.php?u={{ productUrl }}" title="Facebook" target="_blank" rel="noopener">
  192.                         {% sw_icon 'facebook' style {
  193.                             'namespace': 'AtlKatanaTheme',
  194.                             'pack':  theme_config('atl-icon-set'),
  195.                             'color': 'text-color',
  196.                             'size': 'sm'
  197.                         } %}
  198.                     </a>
  199.                 {% endblock %}
  201.                 {% block page_product_detail_share_twitter %}
  202.                     <a href="https://twitter.com/share?text=1952&url={{ productUrl }}" title="Twitter" target="_blank" rel="noopener">
  203.                         {% sw_icon 'twitter' style {
  204.                             'namespace': 'AtlKatanaTheme',
  205.                             'pack':  theme_config('atl-icon-set'),
  206.                             'color': 'text-color',
  207.                             'size': 'sm'
  208.                         } %}
  209.                     </a>
  210.                 {% endblock %}
  212.                 {% block page_product_detail_share_pinterest %}
  213.                     <a href="https://pinterest.com/pin/create/button/?url={{ productUrl }}" title="Pinterest" target="_blank" rel="noopener">
  214.                         {% sw_icon 'pinterest' style {
  215.                             'namespace': 'AtlKatanaTheme',
  216.                             'pack':  theme_config('atl-icon-set'),
  217.                             'color': 'text-color',
  218.                             'size': 'sm'
  219.                         } %}
  220.                     </a>
  221.                 {% endblock %}
  222.             </div>
  223.         {% endif %}
  224.     {% endblock %}
  225. {% endblock %}