feature.html in appscms-tools-theme-1.5.0

- old
+ new

@@ -9,28 +9,31 @@
 <body>
 	{% include header/index.html %}
 	{%- if site.safeui -%}
 	<div class="alert alert-{{featureData.variant | default: 'warning'}} alert-dismissible fade show text-center"
 		role="alert">
-		<img src="/assets/secure.svg" height="23px" width="18px" alt="secure"> &nbsp;
+		<img {%- if site.crossorigin -%} crossorigin {%- endif -%} src="/assets/secure.svg" height="23px" width="18px"
+			alt="secure"> &nbsp;
 		{%- if featureData.alertmsg -%}
 		{{featureData.alertmsg}}
 		{%- else -%}
 		We do not upload any files to server, hence your data is 100% secure.
 		{%- endif -%} &nbsp;
-		<img src="/assets/noserverupload.svg" height="23px" width="20px" alt="no server upload">
+		<img {%- if site.crossorigin -%} crossorigin {%- endif -%} src="/assets/noserverupload.svg" height="23px"
+			width="20px" alt="no server upload">
 		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
 			<span aria-hidden="true">&times;</span>
 		</button>
 	</div>
 	{%- endif -%}
 	<div class="flex-container pb-3">
 		<div class="flex-class py-4 mt-4 mt-md-0 ">
 			<div class="d-flex justify-content-center align-items-center"><span class="fHhdVc">
 					<div class="div-cont feature-img mr-2">
 						{%- if featureData.img -%}
-						<img style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
+						<img {%- if site.crossorigin -%} crossorigin {%- endif -%}
+							style=width:{{featureData.imgwidth}};height:{{featureData.imgheight}};
 							src="{{featureData.img}}" alt="{{featureData.imgalt}}">
 						{%- else -%}
 						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 							viewBox="0 0 36 36" fill="#000">
 							<path
@@ -64,12 +67,12 @@
 	</div>
 	<div class="container mt-4">
 		<div class="row px-0">
 			{% for data in featureData.TEXTUAL_CONTENT %}
 			<div class="col-lg-4 col-md-6 my-4">
-				<div><img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
-						alt={{data.header}}>
+				<div><img {%- if site.crossorigin -%} crossorigin {%- endif -%} class="feature-card-img"
+						src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px" alt={{data.header}}>
 					<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
 					<div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
 				</div>
 			</div>
 			{% endfor %}
@@ -78,10 +81,11 @@
 	<div class="d-flex justify-content-center mt-5 mb-5" id="__cond-1011327">
 		<div class="flex-container pb-5">
 			<div class="flex-class">
 				<div class=" d-flex flex-wrap justify-content-center">
 					{%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
-					<div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
+					<div class="how-to-img-wrapper "><img {%- if site.crossorigin -%} crossorigin {%- endif -%}
+							class="how-to-leftimg" height="180px" width="300px"
 							src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
 							alt="{{featureData.HOW_TO_CONTENT.logoImageAlt}}">
 					</div>
 					{%- endif -%}
 					<div class="how-to-right">
\ No newline at end of file