Modification du code Liquid | courriel de confirmation

chalifom · ‎01-05-2021

Bonjour,

Étant (très) débutant au niveau du code, j'espère que vous pardonnerez mon manque de connaissance au niveau des termes utilisées.

La capture d'écran ci-dessous est (en partie) mon courriel de confirmation.

La portion sur font blanc est constitué du code existant de Shopify (Liquid, je crois).
La portion sur font gris, donc sous le long trait jaune horizontale, est le résultat du code html que j'ai ajouté.

Je ne sais pas du tout comment faire pour retirer le «cadre» et le «font» de la section du bas pour que celle-ci s'harmonise mieux avec celle du haut.

Merci d'avance pour votre aide.

JHKCreate · ‎01-11-2021

Bonjour,

Ne vous inquietez pas.. Bienvenue au forum 🙂

Pouvez-vous sil vous plait , coller le code dans votre prochaine reponse pour qu on puisse vous dire comment ajuster tout ca

Merci

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

chalifom · ‎01-11-2021

Bonjour,

Merci pour votre réponse.

Voici le code:

<!DOCTYPE html>
<html>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding: 10px 0 30px 0;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border: 1px solid #cccccc; border-collapse: collapse;">
<tr>
<td align="center" bgcolor="#fff200" style="padding: 0 0 7px 0;">

</td>
</tr>
<tr>
<td bgcolor="#F6F6F7" style="padding: 30px 30px 40px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="color: #000000; font-family: Avenir; font-size: 24px;">

<b>Before you get started</b>
</td>
<tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>NEW NOTIO APP</strong>
<br/>
In the latest version of the Notio App 1.1.6, wheel circumference and total weight values in the Profile section are required to complete the Setup Assistant.
</td>
</tr>
</table>
</td>
<td style="font-size: 0; line-height: 0;" width="20">
 
</td>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>

</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>MANDATORY SENSORS</strong>
<br/>
Ensure you have a power and speed sensor—any speed sensor transmitting ANT+ signals works, whether it is a Garmin or Wahoo device.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#F6F6F7" style="padding: 0px 30px 0px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="color: #000000; font-family: Avenir; font-size: 24px;">
<b>App</b>
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 5px 0 10px 0; color: #000000; font-family: font-family: Avenir; font-size: 14px; line-height: 20px;">
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<a href="https://apps.apple.com/ca/app/notio/id1463217936">
<img src="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/Thumbnail_Notio-App.jpg?v=1608316105" alt="" width="100%" height="140" style="display: block;" />
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>NOTIO</strong>
<br/>
Download the Notio App. You'll use it to set up and control your aero sensor.
</td>
</tr>
</table>
</td>
<td style="font-size: 0; line-height: 0;" width="20">
 
</td>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<a href="https://apps.garmin.com/en-US/apps/4b04996e-bb52-4c28-aa02-0b9f7f4512ca">
<img src="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/Thumbnail_Garmin-IQ.jpg?v=1608316105" alt="" width="100%" height="140" style="display: block;" />
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>GARMIN NOTIO DATA FIELD</strong>
<br/>
Download the Garmin Notio Data field App to install. It will allow you to see the Cda live on your Garmin device.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#F6F6F7" style="padding: 40px 30px 0px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="color: #000000; font-family: Avenir; font-size: 24px;">
<b>Quick start user guide</b>
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 5px 0 10px 0; color: #000000; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px;">
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<a href="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/Notio_Quick_Start_Guide.pdf?v=1608301592">
<img src="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/Thumbnail_User-guide.jpg?v=1608314680" alt="" width="100%" height="140" style="display: block;">

</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>NOTIO DEVICE</strong>
<br/>
To get started, please consult the most recent version of our user guide.
</td>
</tr>
</table>
</td>
<td style="font-size: 0; line-height: 0;" width="20">
 
</td>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<a href="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/V2.10_GC_Notio_Quick_start_guide.pdf?v=158653...">
<img src="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/Thumbnail_GC-Notio.jpg?v=1608314680" alt="" width="100%" height="140" style="display: block;" />
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>GOLDEN CHEETAH NOTIO</strong>
<br/>
Learn about GC Notio basics like how to use the software and analyze training data.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#F6F6F7" style="padding: 40px 30px 0px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="color: #000000; font-family: Avenir; font-size: 24px;">
<b>How-to videos</b>
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 5px 0 10px 0; color: #153643; font-family: Avenir; font-size: 14px; line-height: 20px;">
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<a href="https://www.youtube.com/watch?v=0_Lb42qxyfo">
<img src="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/Thumbnail_How-to_SConfiguration.jpg?v=1608315..." alt="" width="100%" height="140" style="display: block;" />
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>NOTIO PAIRING</strong>
<br/>
This video shows you how to go through the setup assistant to complete your device's pairing with the App.
</td>
</tr>
</table>
</td>
<td style="font-size: 0; line-height: 0;" width="20">
 
</td>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<a href="https://www.youtube.com/watch?v=kDJmB9rhbAc">
<img src="https://cdn.shopify.com/s/files/1/0267/2643/2816/files/Thumbnail_How-to-Calibration.jpg?v=1608315469" alt="" width="100%" height="140" style="display: block;" />
</td>
</tr>
<tr>
<td style="text-align: justify;padding: 25px 0 0 0; color: #000000; font-family: Avenir; font-size: 14px; line-height: 20px;">
<strong>CALIBRATION</strong>
<br/>
This last video explains how to calibrate the Notio and why calibration is crucial to collect useful data.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br/>
<br/>
</td>
</tr>
<tr>
<td bgcolor="#000000" style="padding: 30px 10px 30px 10px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" width="100%" style="font-family: Avenir; font-size: 12px; color: #D6D6D6;">Have any questions? Please <u><a style="color: #fff200;" href="https://notio.ai/apps/help-center">contact us</a></u>.
<br/>
<em> © 2021 Notio Technologies, All rights reserved.</em>
<br/>
<tr/>
<td align="center" width="100%">
<table border="0" cellpadding="0" cellspacing="0">
<br/>
<tr>
<td align="center" valign="middle" width="24" class="mcnFollowIconContent" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<a href="https://www.facebook.com/NotioAI" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-light-facebook-48.png" alt="Facebook" style="display: block;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" height="24" width="24" class=""></a>

<td style="font-size: 0; line-height: 0;" width="20"> </td>
<td align="center" valign="middle" width="24" class="mcnFollowIconContent" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<a href="https://www.instagram.com/notio.ai/?hl=en" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-light-instagram-48.png" alt="Link" style="display: block;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" height="24" width="24" class=""></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

chalifom · ‎01-27-2021

Bonjour,

Est-ce que quelqu'un peut m'aider à modifier mon code s'il vous plaît?

Merci d'avance pour votre aide.

Martin

Modification du code Liquid | courriel de confirmation

Modification du code Liquid | courriel de confirmation

Articles du Blog de la Communauté