_layouts/feature-1.html in appscms-tools-theme-2.3.6 vs _layouts/feature-1.html in appscms-tools-theme-2.3.7
- old
+ new
@@ -6,29 +6,11 @@
<html lang="{{page.lang}}">
{% include head/index.html %}
<body>
{% include header/index.html %}
- <!-- {%- if site.safeui -%}
- <div class="alert alert-{{featureData.variant | default: 'info'}} alert-dismissible fade show text-center"
- role="alert" id="safeui-alert">
- <div class="container">
- <img src="/assets/secure.svg" height="23px" width="18px" alt="secure" {%- if site.crossorigin -%}
- crossorigin {%- endif -%}>
- {%- if featureData.alertmsg -%}
- {{featureData.alertmsg}}
- {%- else -%}
- We do not upload any files to server, hence your data is 100% secure.
- {%- endif -%}
- <img src="/assets/noserverupload.svg" height="23px" width="20px" alt="no server upload" {%- if
- site.crossorigin -%} crossorigin {%- endif -%}>
- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- </div>
- {%- endif -%} -->
+
<div class="flex-container feature1-flex-container">
<div class="flex-class">
<div class="d-flex justify-content-center align-items-center">
{%- if featureData.img -%}
<span class="fHhdVc">
@@ -59,10 +41,11 @@
{%- endif -%}
{%- endfor -%}
</h2>
</div>
</div>
+
{%- if site.noFeatureBox == true -%}
<div class="feature-content-box" id="theme-content-box">
{{content}}
</div>
{%- else -%}
@@ -73,11 +56,11 @@
{%- else -%}
<div class="box-padding" id="theme-content-box">
<div class="container">
{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
<div class="feature-content-box">
- <div style="display:none;" id="file-loader">
+ <div style="display: none;" id="file-loader">
<img src="/spinner.gif" alt="">
<p>Please Wait ,Loading Your file </p>
</div>
<div class="saving-file-download-wrap" style="display: none;">
<img loading="lazy" class="trust-img" src="/trust.svg" alt="trust">
@@ -123,53 +106,118 @@
<p id="dropfile" class="text-dark">or drop your file here</p>
<p id="error" class="p-3"></p>
</div>
</div>
<div class="workspace" style="display: none;">
+ <div class="row mx-auto">
+ <div class="col-md-10 mx-auto">
+ <div class="download-wrapper mt-3">
+ <div class="row">
+ <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">
+ <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>
+ </select>
+ </div>
+ </div>
+ </div>
+ <div class="col-5">
+ <div class="download-button-container d-flex align-items-center">
+ <button id="download-button"
+ style="background-color: {{featureData.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 mx-auto">
+ <div class="col-md-10 mx-auto">
+ <div class="row">
+ <div class="col-md-7 col-12">
+ <div class="select-img-panel">
+ <div id="saving-data" style="display: none;">
+ <img loading="lazy" src="/img/save.gif" alt="saving">
+ <span class="ml-2">
+ Saving your images...
+ </span>
+ </div>
+ <div id="canvas-panel"> </div>
+ </div>
+ </div>
+ <div class="col-md-5 col-12">
+ <div class="options-panel">
+ {%- if featureData.optionPanelTitle -%}
+ <div class="title">
+ {{featureData.optionPanelTitle}}
+ </div>
+ {%- endif -%}
+ {{content}}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ {%- else -%}
{{content}}
+ {%- endif -%}
</div>
</div>
<input class="d-none" onchange="fileOnChange()" type="file" id="file" accept=".jpg,.jpeg,.png,.webp"
class="file" />
</div>
{%- endif -%}
{%- endif -%}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {%- if featureData.TEXTUAL_CONTENT -%}
<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="col-md-12 mx-auto">
<div class="row">
- {%- 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">{{data.header | replace: "$variable", page.value}}</div>
- <div class="feature1-card-desc">{{data.content | replace: "$variable", page.value}}</div>
- </div>
+ <div class="col-md-4 my-4">
+ <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">{{data.header | replace: "$variable", page.value}}</div>
+ <div class="feature1-card-desc">{{data.content | replace: "$variable", page.value}}</div>
</div>
{% endfor %}
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
-
</div>
</div>
- {%- endif -%}
</div>
</div>
+ {%- endif -%}
+
+ {%- if featureData.HOW_TO_CONTENT -%}
<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="col-md-12 mx-auto">
<div class="row">
- {%- endif -%}
<h4 class="feature1-how-to-heading w-100 text-center mb-5">
{{featureData.HOW_TO_CONTENT.mainHeading |
replace:
"$variable",
page.value}}</h4>
@@ -191,19 +239,18 @@
</ol>
</div>
</div>
{%- endfor -%}
- {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
-
</div>
</div>
- {%- endif -%}
</div>
-
</div>
</section>
+ {%- endif -%}
+
+
{%- assign showFaqs= true -%}
{%- for item in site.noFaqsList -%}
{%- if item == page.lang -%}
{%- assign showFaqs = false -%}
{%- break -%}
@@ -219,41 +266,27 @@
<div class="col-md-8 mx-auto">
<main class="faqs">
<h3 class="feature-h1 text-left mb-4" style="font-weight:900">{{featureData.faqheading |
default: "FAQ's"}}</h3>
{% for data in featureData.FAQ %}
-
-
<details open>
<summary>{{data.question | replace: "$variable",page.value}}</summary>
<div class="faq__content">
<p style="color:#5c5e60; font-size:14px">{{data.answer | replace: "$variable",
page.value}}</p>
</div>
</details>
-
-
{% endfor %}
</main>
</div>
</div>
</div>
</section>
{%- 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 %}
\ No newline at end of file