custom/plugins/Theme3S/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/block/cms-block-gallery-buybox.html.twig' %}
  4. {% block block_gallery_buybox %}
  6.     {% block block_gallery_buybox_column_left %}
  8.         {% set element = block.slots.getSlot('left') %}
  9.         {% set config = element.fieldConfig.elements %}
  10.         {% set values = block.slots.getSlot('right') %}
  12.         <div class="pagecutline"></div>
  13.         <div class="bottomPageCut"></div>
  18.         <div class="leftProductSide">
  20.             <div id="articleheader"></div>
  23.             <div class="col-lg-7 product-detail-media" data-cms-element-id="{{ element.id }}">
  24.                 {% block block_gallery_buybox_column_left_inner %}
  25.                     {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing
  26.                         with {
  27.                         'isProduct': config.sliderItems.value == 'product.media' and config.sliderItems.source == 'mapped',
  28.                         'startIndexThumbnails': 1,
  29.                         'startIndexSlider': 1
  30.                     } %}
  31.                 {% endblock %}
  32.             </div>
  34.             <div class="clearingItem"></div>
  36.         </div>
  39.         <div class="rightProductSide">
  41.             <div id="articleheader2"></div>
  43.             <div class="product-breadcrumb breadcrumb">
  45.                 {% block cms_breadcrumb %}
  46.                     <div class="breadcrumb cms-breadcrumb container">
  47.                         {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  48.                             context: context,
  49.                             category: page.product.seoCategory
  50.                         } only %}
  51.                         <div class="breadcrump-produktname">
  52.                             <div class="breadcrumb-placeholder">
  53.                                 <span class="icon icon-arrow-medium-right icon-fluid">
  54.                                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><defs><path id="icons-solid-arrow-medium-right" d="M4.7071 5.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l4 4c.3905.3905 1.0237.3905 1.4142 0l4-4c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0L8 8.5858l-3.2929-3.293z"></path></defs><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#758CA3" fill-rule="evenodd"></use></svg>
  55.                                 </span>
  56.                             </div>
  58.                             <div class="breadcrump-singleproduktname">
  60.                                 {% set variation = values.data.product.variation %}
  61.                                 {% set sizeoption = variation[0].option %}
  62.                                 {% set coloroption = variation[1].option %}
  63.                                 {% set gloveoption = variation[2].option %}
  64.                                 {% set blank = "" %}
  65.                                 {% set size = " " ~ sizeoption %}
  67.                                 {% set newname = values.data.product.translated.name %}
  69.                                 {% if size != "" %}
  70.                                     {% set newname = newname|replace({(size): blank}) %}
  71.                                 {% endif %}
  73.                                 {% if coloroption != "" %}
  74.                                     {% set newname = newname|replace({(coloroption): blank}) %}
  75.                                 {% endif %}
  77.                                 {% if gloveoption != "" %}
  78.                                     {% set newname = newname|replace({(gloveoption): blank}) %}
  79.                                 {% endif %}
  81.                                 {{ newname }}
  83.                                 {#
  84.                                 {{ values.data.product.translated.name }}
  85.                                 #}
  87.                             </div>
  88.                         </div>
  89.                     </div>
  93.                 {% endblock %}
  95.             </div>
  98.             {% block block_gallery_buybox_column_right %}
  99.                 {% set element = block.slots.getSlot('right') %}
  102.                 <div class="col-lg-5 product-detail-buy" data-cms-element-id="{{ element.id }}">
  103.                     {% block block_gallery_buybox_column_right_inner %}
  104.                         {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
  105.                     {% endblock %}
  106.                 </div>
  107.             {% endblock %}
  110.             <!--<div class="prodcttitle"><h1>{{ values.data.product.translated.name }}</h1></div>-->
  112.             <div class="clearingItem"></div>
  114.         </div>
  116.         <div class="clearingItem"></div>
  118.         <script>
  120.             var IsTablet = false;
  122.             replaceArticleheader();
  124.             $( window ).resize(function() {
  125.                 replaceArticleheader();
  126.             });
  129.             function replaceArticleheader(){
  133.                 var WindowWith = $(window).width();
  135.                 if(WindowWith <= 1300){
  137.                     var breadcrumContent = $(".product-breadcrumb").html();
  138.                     var productlogoContent = $(".productLogoContainer").html();
  139.                     var prodcttitleContent = $(".prodcttitle").html();
  140.                     var ArticleHeaderContent = $("#articleheader2").html();
  142.                     if(prodcttitleContent != ""){
  144.                         $("#articleheader").append(breadcrumContent);
  145.                         $("#articleheader").append(productlogoContent);
  146.                         $("#articleheader").append(prodcttitleContent);
  148.                     } else {
  150.                         $("#articleheader").append(ArticleHeaderContent);
  152.                     }
  155.                     $(".product-breadcrumb").html("");
  156.                     $(".productLogoContainer").html("");
  157.                     $(".prodcttitle").html("");
  158.                     $("#articleheader2").html("");
  160.                     IsTablet = true;
  162.                 } else {
  164.                     if(IsTablet){
  165.                         var ArticleheaderContent = $("#articleheader").html();
  166.                         $("#articleheader2").prepend(ArticleheaderContent);
  167.                         $("#articleheader").html("");
  168.                         IsTablet = false;
  169.                     }
  171.                 }
  174.             }
  177.         </script>
  182.     {% endblock %}
  185. {% endblock %}