feature.html in appscms-tools-theme-3.3.7

- old
+ new

@@ -1,10 +1,11 @@
 {% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
 = page.folderName %} {% assign featureData= site.data[folder][lang][file] %}
 <!DOCTYPE html>
 <html lang="{{page.lang}}">
 {% include head/index.html %}
+
 <body>
   {% include header/index.html %} {%- if site.safeui -%}
   <div class="alert alert-{{featureData.variant | default: 'info'}} fade show text-center" role="alert"
     id="safeui-alert">
     <div class="container">
@@ -204,12 +205,16 @@
       <div class="col-md-9 mx-auto">
         <div class="row">
           {%- endif -%}
           {% assign totalHeaderCount = 0 %}
           {% for data in featureData.TEXTUAL_CONTENT %}
-          {% assign totalHeaderCount = totalHeaderCount | plus: data.header.size %}
+          {% assign words = data.header | split: " " %}
+          {% assign word_count = words | size %}
+          {% assign totalHeaderCount = totalHeaderCount | plus: word_count %}
           {% endfor %}
+
+
           {% for data in featureData.TEXTUAL_CONTENT %}
           <div
             class="{%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%} col-md-6 my-4 {%- else -%} col-md-4 my-4 {%- endif -%}">
             <div>
               <img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
@@ -250,17 +255,23 @@
 
         <div class="col-md-9 mx-auto">
           <div class="row">
             {%- endif -%}
             <div class="col-md-6 order-0">
-              {%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
+              {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl -%}
+              <div class="how-to-video-wrapper">
+                <iframe width="500" height="315" src="https://www.youtube.com/embed/{{featureData.HOW_TO_CONTENT.YoutubeVideoUrl}}?autoplay=1&mute=1">
+                </iframe>
+              </div>
+              {%- else -%}
               <div class="how-to-img-wrapper">
                 <img class="how-to-leftimg" height="180px" width="300px"
                   src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
                   alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
                   -%} crossorigin {%- endif -%} />
               </div>
               {%- endif -%}
+
             </div>
             <div class="col-md-6 order-1">
               <div class="how-to-right">
                 <h3 class="how-to-title text-left">
                   {{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
\ No newline at end of file