appscms-tools-theme 3.8.0 → 3.8.2

data/_layouts/home.html

@@ -168,33 +168,37 @@
             <div class="row">
               {%- endif -%}
               <div class="col-md-6 order-0">
-                {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl -%}
+                {%- if homeData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
                 <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"
-                  >
+                  {% assign video_url = homeData.HOW_TO_CONTENT.YoutubeVideoUrl %}
+                  {% assign video_id = "" %}
+                  {% if video_url contains "youtu.be/" %}
+                  {% assign parts = video_url | split: "/" %}
+                  {% assign video_id = parts[3] %}
+                  {% elsif video_url contains "youtube.com/watch" %}
+                  {% assign params = video_url | split: "?" | last | split: "&" %}
+                  {% for param in params %}
+                  {% if param contains "v=" %}
+                  {% assign video_id = param | split: "=" | last %}
+                  {% endif %}
+                  {% endfor %}
+                  {% endif %}
+                  {%- 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="{{homeData.HOW_TO_CONTENT.logoImageUrl}}"
-                    loading="lazy"
-                    alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
-                    {%-
-                    if
-                    site.crossorigin
-                    -%}
-                    crossorigin
-                    {%-
-                    endif
-                    -%}
-                  />
+                  <img class="how-to-leftimg" height="180px" width="300px"
+                    src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
+                    alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
+                    -%} crossorigin {%- endif -%} />
                 </div>
                 {%- endif -%}
               </div>
@@ -206,7 +210,7 @@
                   </h3>
                   <ol class="how-to-list">
                     {% for data in homeData.HOW_TO_CONTENT.steps %}
-
+  
                     <li id="step{{forloop.index}}" class="how-to-list-item">
                       <span>{{forloop.index}}.</span>{{data | replace:
                       "$variable", page.value}}
@@ -215,7 +219,7 @@
                   </ol>
                 </div>
               </div>
-              {%- if site.monumetricId and page.url != '/' and page.lang == "en"
+              {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
               -%}
             </div>
           </div>
@@ -261,7 +265,12 @@
       </div>
     </section>
     {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
-    include Rating/rating.html -%} {%- if homeData.USPS -%} {%- include
+    include Rating/rating.html -%} 
+    {%- if homeData.infographics.size > 0 -%}
+    {%- include infographics/infographics.html -%} 
+    {%- endif -%}
+
+    {%- if homeData.USPS -%} {%- include
     /Usp/usp.html -%} {%- endif -%} {%- if homeData.display_formats -%}
     <div class="container file-detail-table">
       {%- include fileformat/fileformatdetail.html -%}

data/_layouts/post.html

@@ -143,6 +143,24 @@
                             <p class="mb-3"> <a class="featureLink" style="font-size: 13px"
                                     href="{{item.url}}">{{item.name}}</a></p>
                             {%- endfor -%}
+                            {%- elsif site.relatedPages -%}
+                            {% assign blogPostPath = page.path %}
+                           
+                            
+{% for entry in site.data.blog.relatedblogs %}
+    {% if entry.path == blogPostPath %}
+      <h2>Related Features:</h2>
+      <ul class="list-unstyled">
+        {% for feature in entry.relatedFeatures %}
+        {% assign parts = feature.webpageUrl | split: '/' %}
+          {% assign lastPart = parts | last %}
+          {% assign subParts = lastPart | split: '-' %}
+          <li><a class="featureLink" style="font-size: 13px" href="{{ site.baseurl }}{{ feature.webpageUrl }}">{{ subParts[0] | capitalize }} {{ subParts[1] }}</a></li>
+          
+        {% endfor %}
+      </ul>
+    {% endif %}
+{% endfor %}
                             {% else %}
                             <h3 class="font-weight-bolder">Checkout out these features</h3>
                             <br>