_layouts/feature-1.html in appscms-tools-theme-2.5.4 vs _layouts/feature-1.html in appscms-tools-theme-2.5.5
- old
+ new
@@ -9,23 +9,13 @@
<body>
{% include header/index.html %}
<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">
- <div class="div-cont feature-img mr-2">
- <img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
- src="{{featureData.img}}" alt="{{featureData.imgalt}}" {%- if site.crossorigin -%}
- crossorigin {%- endif -%}>
- </div>
- </span>
- {%- else -%}
- {%- endif -%}
+ <div id="h1-img-wrapper" class="d-flex justify-content-center align-items-center">
{%- assign featureh1 = featureData.H1 | replace: "$variable", page.value -%}
- <h1 class="feature1-h1 pb-2">{%- for word in featureh1-%}
+ <h1 class="feature1-h1">{%- for word in featureh1-%}
{%- if forloop.first == true -%}
{{word }}
{%- else -%}
{{word}}
{%- endif -%}
@@ -52,13 +42,14 @@
{%- if page.noBox == true -%}
<div class="feature-content-box" id="theme-content-box">
{{content}}
</div>
{%- else -%}
- <div class="box-padding">
+ <div class="feature-content-box" id="theme-content-box">
<div class="container">
{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
+ {%- if page.removeBox != true -%}
<div class="custom-box" data-color="{{boxColor}}">
<div style="display: none;" id="file-loader">
<img src="/spinner.gif" alt="">
<p>Please Wait ,Loading Your file </p>
</div>
@@ -105,45 +96,51 @@
</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 -%}
+ {%- if page.workspace -%}
<div class="workspace" style="display: none">
<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 mx-auto">
- <div class="col-md-10 mx-auto">
+ <div class="row">
+ <div class="col-12">
<div class="download-wrapper mt-3">
- <div class="row">
+ <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="download-button-container d-flex align-items-center">
- <button id="download-button"
- style="background-color: {{featureData.color}};"><svg
+ <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>
@@ -151,33 +148,29 @@
</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-box-panel"></div>
- </div>
+ <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">Saving your
+ images...</span>
</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 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}}
\ No newline at end of file