RetailCRM-Mirror/woocommerce-module
1
0
Fork 0
mirror of synced 2025-03-24 17:13:54 +03:00
Code Issues Projects Releases Wiki Activity

Add label for whatsapp icon and update style

Browse Source
This commit is contained in:
Dima Uryvskiy 2021-07-21 10:34:41 +03:00 committed by GitHub
parent bb0c17a0a8
commit 31c24aad34
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/assets/css/whatsapp-icon.css
View File

@ -1,7 +1,7 @@
.whatsapp-icon {
position: fixed;
left: 0;
bottom: 20px;
bottom: 55px;
width: 60px;
height: 60px;
box-sizing: border-box;
@ -21,3 +21,12 @@
width: 100%;
height: 100%;
}
.chat-btn__text {
color: #8A96A6;
font-weight: 600;
font-size: 12px;
line-height: 14px;
text-align: center;
margin: 8px 0 0;
}

2
src/assets/css/whatsapp-icon.min.css vendored
View File

@ -1 +1 @@
.whatsapp-icon{position:fixed;left:0;bottom:20px;width:60px;height:60px;box-sizing:border-box}.whatsapp-icon_left{left:32px;right:auto}.whatsapp-icon_right{right:32px;left:auto}.whatsapp-icon__icon{width:100%;height:100%}
.whatsapp-icon{position:fixed;left:0;bottom:55px;width:60px;height:60px;box-sizing:border-box}.whatsapp-icon_left{left:32px;right:auto}.whatsapp-icon_right{right:32px;left:auto}.whatsapp-icon__icon{width:100%;height:100%}.chat-btn__text{color:#8A96A6;font-weight:600;font-size:12px;line-height:14px;text-align:center;margin:8px 0 0}

6
src/include/class-wc-retailcrm-base.php
View File

@ -502,6 +502,12 @@ if (!class_exists('WC_Retailcrm_Base')) {
<a class="whatsapp-icon__link" href="https://api.whatsapp.com/send/?phone=%s&text&app_absent=0" target="_blank">
<svg class="whatsapp-icon__icon" fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z" fill="#25D366"/><path d="M12.396 18.677h-.003a7.13 7.13 0 01-3.41-.869L5.2 18.8l1.013-3.697a7.123 7.123 0 01-.953-3.567C5.262 7.6 8.463 4.4 12.396 4.4c1.909.001 3.7.744 5.047 2.093a7.093 7.093 0 012.088 5.048c-.001 3.934-3.201 7.134-7.135 7.136zm-3.238-2.16l.217.128c.91.54 1.954.826 3.018.827h.003a5.94 5.94 0 005.93-5.931 5.895 5.895 0 00-1.735-4.196 5.89 5.89 0 00-4.193-1.74 5.94 5.94 0 00-5.933 5.931c0 1.12.313 2.212.907 3.156l.14.225-.599 2.188 2.245-.588zm6.588-3.44c.125.06.209.101.245.161.044.074.044.431-.104.848-.15.416-.861.796-1.204.848a2.443 2.443 0 01-1.123-.071 10.223 10.223 0 01-1.016-.376c-1.672-.721-2.801-2.341-3.015-2.648l-.031-.044-.002-.002c-.094-.126-.726-.97-.726-1.842 0-.821.403-1.252.589-1.45l.035-.038a.655.655 0 01.475-.223c.12 0 .238.001.342.007h.04c.104 0 .233-.001.361.306.05.118.121.293.197.478.154.373.323.786.353.846.044.089.074.193.015.312l-.025.05c-.045.092-.078.159-.153.247l-.092.11c-.061.075-.123.15-.176.203-.09.089-.182.185-.078.364.104.178.462.762.992 1.235.57.508 1.065.723 1.316.832.049.02.088.038.118.053.178.089.282.074.386-.045.104-.119.446-.52.564-.7.12-.178.238-.148.402-.088.163.06 1.04.49 1.218.58l.097.048z" fill="#FDFDFD"/></svg>
</a>
<div class="chat-btn__wrapper">
<p class="chat-btn__text">
Powered<br>by
<a href="https://www.simla.com?utm_source=woocommerce&utm_medium=home_button&utm_campaign=whatsapp_link" target="_blank" class="chat-btn__link">Simla.com</a>
</p>
</div>
</div>';
echo sprintf($whatsAppHtml, $positionIcon, $phoneNumber);