_layouts/feature.html in appscms-tools-theme-3.5.1 vs _layouts/feature.html in appscms-tools-theme-3.5.2

@@ -138,57 +138,85 @@
   </div>
   {%- endif -%} {%- endif -%} {%- if page.layout == "batch" -%}
   <div class="w-100 line" style="border-top: 1px solid rgb(224, 224, 224)"></div>
   {%- endif -%}
 
-
-
-
   <div class="container mt-4 mb-5">
     <div class="row px-0">
       {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
-
       <div class="col-md-9 mx-auto">
         <div class="row">
-          {%- endif -%} {% for data in featureData.TEXTUAL_CONTENT %}
+          {%- endif -%}
+          {% assign totalHeaderCount = 0 %}
+          {% for data in featureData.TEXTUAL_CONTENT %}
+          {% 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"
                 alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
               <div class="feature-card-title">
+                {%- if totalHeaderCount > site.count_of_words_in_headings -%}
+                {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word
+                | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
+                {%- else -%}
                 {{data.header | replace: "$variable", page.value}}
+                {%- endif -%}
               </div>
               <div class="feature-card-desc">
                 {{data.content | replace: "$variable", page.value}}
               </div>
             </div>
           </div>
-          {% endfor %} {%- if site.monumetricId and page.url != '/' and
+          {% endfor %}
+          {%- if site.monumetricId and page.url != '/' and
           page.lang == 'en' -%}
         </div>
       </div>
       {%- endif -%}
     </div>
   </div>
   <section class="how-to-section">
     <div class="container">
       <div class="row">
         {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
-
         <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.size > 0 -%}
+              <div class="how-to-video-wrapper">
+                {% assign video_url = featureData.HOW_TO_CONTENT.YoutubeVideoUrl %}
+                {% assign params = video_url | split: "?" | last | split: "&" %}
+                {% for param in params %}
+                {% if param contains "v=" %}
+                {% assign video_id = param | split: "=" | last %}
+                {% endif %}
+                {% endfor %}
+
+                {%- if site.monumetricId -%}
+                <iframe class="youtubeVideoPlayer mb-5" width="400" height="315" src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
+                </iframe>
+                {%- else -%}
+                <iframe class="youtubeVideoPlayer mb-5" width="500" height="315" src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
+                </iframe>
+                {%- endif -%}
+              
+              </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",
@@ -211,10 +239,12 @@
         </div>
         {%- endif -%}
       </div>
     </div>
   </section>
+
+
   {%- if page.layout == "feature" -%} {%- include bookmark.html -%} {%- endif
   -%} {%- assign showFaqs= true -%} {%- for item in site.noFaqsList -%} {%- if
   item == page.lang -%} {%- assign showFaqs = false -%} {%- break -%} {%- else
   -%} {%- assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if
   showFaqs == true -%} {%- if featureData.FAQ.size>0 -%}
@@ -246,11 +276,13 @@
         </div>
       </div>
     </div>
   </section>
   {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
-  include Rating/rating.html -%} {%- include /Usp/usp.html -%} {%- if
+  include Rating/rating.html -%}  {%- if featureData.infographics.size > 0 -%}
+  {%- include infographics/infographics.html -%}
+  {%- endif -%} {%- include /Usp/usp.html -%} {%- if
   featureData.display_formats -%}
   <div class="container compare-table">
     {%- include fileformat/fileformatdetail.html -%}
   </div>
   {%- endif -%} {%- if featureData.compare_formats -%}
@@ -266,10 +298,13 @@
   page.tags %} {%- endif -%} {%- if categories.size> 0 or tags.size>0-%} {%-
   include section/related_categories_post.html -%} {%- else -%} {%- include
   section/recent_posts.html -%} {% endif %} {%- if site.customblogdata -%} {%-
   if categories.size> 0 or tags.size>0-%} {%- include
   customblog/relatedposts.html -%} {%- else -%} {%- include
-  customblog/recentposts.html -%} {% endif %} {%- endif -%} {% include
+  customblog/recentposts.html -%} {% endif %} {%- endif -%}
+  {%- if featureData.author.size > 0 -%}
+  {% include featurePageAuthors/featurePageAuthors.html %}
+  {%- endif -%} {% include
   footer/index.html %} {% include script.html %}
 </body>
 
 </html>
\ No newline at end of file