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

- old
+ new

@@ -52,10 +52,12 @@ {%- for word in featureh2 -%} {%- if forloop.first == true -%} {{word | capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%} </h2> </div> </div> + + {%- endif -%} {%- if site.noFeatureBox == true -%} <div class="feature-content-box" id="theme-content-box">{{content}}</div> {%- elsif site.newFeatureBox -%} <div class="feature-content-box" id="theme-content-box"> <div class="container"> @@ -106,76 +108,15 @@ </div> <p id="dropfile" class="text-dark">or drop your file here</p> <p id="error" class="p-3"></p> </div> </div> - {%- endif -%} {%- if page.workspace -%} - <div class="workspace" style="display: none"> + <div class="workspace"> <div class="row mx-auto"> <div class="col-md-10 mx-auto">{{content}}</div> </div> </div> - {%- else -%} - <div class="workspace" style="display: none"> - <div class="row"> - <div class="col-12"> - <div class="download-wrapper mt-3"> - <div class="row rowclass"> - <div class="col-7"> - <div class="d-flex align-items-center"> - <div class="select-format-title">image's format</div> - <div class="download-format"> - <select name="image-format" id="image-format"> - {%- if pageData.downloadFormats -%} {%- for item in - pageData.downloadFormats -%} - <option value="{{item}}">{{item}}</option> - {%- endfor -%} {%- else -%} - <option value="png">png</option> - <option value="jpg">jpg</option> - <option value="jpeg">jpeg</option> - <option value="webp">webp</option> - <option value="gif">gif</option> - {%- endif -%} - </select> - </div> - </div> - </div> - <div class="col-5"> - <div class="d-flex align-items-center"> - <button id="download-button" style="background-color: {{pageData.color}};"> - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> - <path - d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z" /> - </svg>Download - </button> - </div> - </div> - </div> - </div> - </div> - </div> - {%- if page.commonStructure != false -%} - <div class="row"> - <div class="col-md-7 mx-auto mb-2"> - <div class="select-img-panel"> - <div id="saving-data" style="display: none"> - <img loading="lazy" src="/assets/images/loader.gif" alt="saving" /> - <span class="ml-2" {%- if site.crossorigin -%} crossorigin {%- endif -%}>Saving your images...</span> - </div> - <div id="canvas-box-panel"></div> - </div> - </div> - <div class="col-md-5"> - <div class="options-panel"> - {%- if pageData.optionPanelTitle -%} - <div class="title">{{pageData.optionPanelTitle}}</div> - {%- endif -%} {{content}} - </div> - </div> - </div> - {%- else -%} {{content}} {%- endif -%} - </div> {%- endif -%} </div> </div> {%- else -%} {%- if page.noBox == true -%} <div class="feature-content-box" id="theme-content-box">{{content}}</div> @@ -196,54 +137,35 @@ </div> </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 -%} - {% 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 %} + {%- endif -%} {% 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> @@ -255,38 +177,18 @@ <div class="col-md-9 mx-auto"> <div class="row"> {%- endif -%} <div class="col-md-6 order-0"> - {%- 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 -%} + {%- if featureData.HOW_TO_CONTENT.logoImageUrl -%} <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", @@ -343,55 +245,31 @@ </div> </div> </div> </div> </section> - {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} - {%- include Rating/rating.html -%} - {%- if featureData.infographics.size > 0 -%} - {%- include infographics/infographics.html -%} - {%- endif -%} - {%- include /Usp/usp.html -%} {%- if + {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%- + include Rating/rating.html -%} {%- include /Usp/usp.html -%} {%- if featureData.display_formats -%} <div class="container compare-table"> {%- include fileformat/fileformatdetail.html -%} </div> {%- endif -%} {%- if featureData.compare_formats -%} <div class="container file-detail-table"> {%- include fileformat/comparisonfiles.html -%} </div> - - - {%- endif -%} - {%- assign langen = "en" -%} - {%- if site.data[folder][langen][file].categories -%} - {% assign categories= site.data[folder][langen][file].categories %} - {%- else -%} - {% assign categories= page.categories %} - {%- endif -%} - {%- if site.data[folder][langen][file].tags -%} - {% assign tags= site.data[folder][langen][file].tags %} - {%- else -%} - {% assign tags= 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 -%} - - - {%- if featureData.author.size > 0 -%} - {% include featurePageAuthors/featurePageAuthors.html %} - {%- endif -%} - {% include footer/index.html %} {% include script.html %} - + {%- endif -%} {%- assign langen = "en" -%} {%- if + site.data[folder][langen][file].categories -%} {% assign categories= + site.data[folder][langen][file].categories %} {%- else -%} {% assign + categories= page.categories %} {%- endif -%} {%- if + site.data[folder][langen][file].tags -%} {% assign tags= + site.data[folder][langen][file].tags %} {%- else -%} {% assign tags= + 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 + footer/index.html %} {% include script.html %} </body> </html> \ No newline at end of file