feat: add banner to footer on settings

eduardovillao · Jan 4, 2025 · ef35389 · ef35389
1 parent 1e1240f
commit ef35389
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/assets/css/admin/admin-style.min.css b/assets/css/admin/admin-style.min.css
diff --git a/src/css/admin/admin-style.css b/src/css/admin/admin-style.css
@@ -27,3 +27,16 @@ p.omw-description {
 	font-size: 13px !important;
 	color: #7d7d7d !important;
 }
+
+.owm-offer-banner__image {
+	width: 100%;
+	height: auto;
+	max-width: 900px;
+    object-fit: contain;
+	border-radius: 16px;
+}
+
+.owm-offer-banner__link {
+	display: block;
+	margin-block-start: 20px;
+}
diff --git a/templates/admin/tab-footer.php b/templates/admin/tab-footer.php
@@ -4,6 +4,13 @@
 	exit;
 }
 ?>
+		<a class="owm-offer-banner__link" href="https://codecanyon.net/item/order-on-whatsapp-for-woocommerce/25824812" target="_blank">
+			<picture>
+				<source srcset="https://eduardovillao.me/wp-content/uploads/2025/01/own-offer-banner.webp" type="image/webp">
+				<img src="https://eduardovillao.me/wp-content/uploads/2025/01/own-offer-banner.png" alt="<?php esc_html_e( 'Order on WhatsApp for WooCommerce', 'woo-order-on-whatsapp' );?>" class="owm-offer-banner__image" decoding="async">
+			</picture>
+		</a>
+
 		<p class="submit">
 			<button type="submit" name="submit_dados_update" id="submit_evwapp" class="button button-primary"><?php esc_html_e( 'Save settings', 'woo-order-on-whatsapp' );?></button>
 		</p>