Skip to main content
Question

Error found in Layout

Hello, I have a problem with the layout. 
"Error found in Layout", tell me what it can mean and how to fix it?

 

 

4 replies

Felix
Userlevel 4

Hey Ricky,

this means something went wrong with your liquid code. Doublecheck if it is correct. You can also use the “Add Liquid” function in order to insert clean liquid code without messing with the HMTL in case you use the editor.

 

If this doesn’t solve your problem feel free to paste the code or a screenshot so I can have a look 😁

 

Best,

Felix

More questions? Shoot me a message by clicking on my name. We are a certified customer.io agency. Happy to help!
R

<html><head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&amp;subset=cyrillic" rel="stylesheet">
  <style type="text/css">
    @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic');
    body {
      font-family: Roboto, sans-serif !important;
      background: #21071f;
    }
    h1 {
      display: block;
      font-size: 24px;
      line-height: 1.2;
      color: #2e212d;
      font-weight: bold;
      text-transform: none;
      letter-spacing: normal;
      margin-top: 26px;
      margin-right: 0px;
      margin-bottom: 30px;
      margin-left: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      text-align: center;
    }

    h2 {
      display: block;
      font-size: 22px;
      color: #2e212d;
      font-weight: bold;
      line-height: 24px;
      margin-top: 10px;
      margin-right: 0px;
      margin-bottom: 10px;
      margin-left: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      text-align: center;
    }

    h3 {
      display: block;
      color: #2e212d;
      font-size: 20px;
      line-height: 20px;
      text-align: center;
      font-weight: 400;
      margin-top: 20px;
      margin-right: 0px;
      margin-bottom: 15px;
      margin-left: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
    }

    .content a {
      color: #ff6a00 !important;
      text-decoration: none;
      font-weight: inherit;
      cursor: pointer;
    }
    .content a:hover {
      color: #ff6a00;
      text-decoration: underline;
    }

    p {
      font-size: 16px;
      color: #2e212d;
      line-height: 24px;
      font-weight: normal;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      margin-left: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      text-align: center;
    }

    .content {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 10px;
      padding-bottom: 20px;
      font-size: 16px;
      color: #2e212d;
      line-height: 24px;
      text-align: left;
      font-weight: normal;
      overflow: hidden;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      background-color: #fff;
    }

    a.btn,
    .content a.btn {
      display: block;
      font-size: 18px;
      color: #ffffff !important;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 24px;
      text-decoration: none;
      text-align: center;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
      border: none;
      background-color: transparent;
      transition: background-color 0.3s ease;
      width: auto;
      max-width: 258px;
      cursor: pointer;
      outline: none;
      letter-spacing: normal;
      background-image: url("https://www.casinonicslots.com/system/comfy/cms/files/files/000/000/106/original/email-template__button__bg.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 64px;
    }

    a.btn img,
    .content a.btn img {
      display: inline-block;
      vertical-align: top;
      margin-right: 5px;
    }

    a.btn:hover,
    .content a.btn:hover {
      background-color: transparent;
      color: #ffffff !important;
      cursor: pointer;
      border: none;
    }

    .content ol {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 0;
      list-style-position: inside;
      display: inline-block;
    }
    .content ol li {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 5px;
      padding-right: 0px;
      margin-top: 4px;
      margin-bottom: 4px;
      text-align: left;
      font-size: 16px;
      line-height: 24px;
      color: #2e212d;
      font-weight: 400;
    }
    .content ul {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 16px;
      list-style-position: outside;
      display: inline-block;
    }
    .content ul li {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 5px;
      padding-right: 0px;
      margin-top: 3px;
      margin-bottom: 3px;
      text-align: left;
      font-size: 16px;
      line-height: 24px;
      color: #2e212d;
      font-weight: 400;
    }

    .hint,
    .content .hint {
      display: inline-block;
      color: #948293 !important;
      font-size: 12px;
      line-height: 24px;
      font-weight: normal;
      text-decoration: none;
      text-align: left;
    }

    .apple-link a {
      color:#2e212d !important;
      text-decoration: none !important;
    }

    .banner {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      overflow: hidden;
      padding-top: 38px;
      padding-right: 20px;
      padding-bottom: 38px;
      padding-left: 20px;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100% auto;
    }
    .banner p {
      color: #ffffff;
      font-size: 46px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
      text-align: center;
      padding: 0;
      margin: 0;
    }

    .footer {
      padding: 26px 5px 10px;
      color: #997d97;
      font-size: 11px;
      line-height: 16px;
      text-align: center;
    }
    .footer p {
      padding: 0;
      margin: 0 0 16px 0;
      color: #997d97;
      font-size: 11px;
      line-height: 16px;
      text-align: center;
    }

    .unsubscribe {
      padding: 0;
      color: #e6cfe4;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
    }
    .unsubscribe a {
      display: inline-block;
      color: #e6cfe4;
      font-size: 14px;
      line-height: 16px;
      text-decoration: underline;
      cursor: pointer;
    }

    .promo,
    .content .promo {
      display: block;
      padding: 12px 20px;
      margin: 20px 0;
      color: #ff6a00;
      font-size: 32px;
      font-weight: 900;
      line-height: 48px;
      font-style: italic;
      text-transform: uppercase;
      text-align: center;
      border-radius: 3px;
      border: 1px solid #ff9f19;
    }
  </style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-family: Roboto, sans-serif; background-color:#21071f;" width="100%">
  <tbody>
    <tr>
      <td valign="middle" align="center" style="padding-top: 32px; padding-bottom: 32px;">
        <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; max-width: 600px !important;" width="100%">
          <tbody><tr>
            <td class="banner" valign="middle" align="center" style="background-image: url('https://www.casinonicslots.com/system/comfy/cms/files/files/000/000/105/original/email-template__banner__bg.png')">
              <a class="untracked" href="https://www.casinonicslots.com/" style="display: block; text-decoration: none; margin-bottom: 108px;">
               <img src="https://www.casinonicslots.com/system/comfy/cms/files/files/000/000/109/original/email-template__logo.png" alt="logo" width="125" height="43" style="display: block;">
              </a>
              <!--<p class="">
                €/$1200 Welcome Bonus
              </p>
              <br>
              <p>
                <a class="btn" href="https://www.casinonic.com/">
                  <img src="https://www.casinonic.com/system/comfy/cms/files/files/000/000/107/original/email-template__icon__bonus.png">
                  GET YOUR BONUS
                </a>
              </p>-->
            </td>
          </tr>
          <tr>
            <td class="content" bgcolor="#ffffff">
              {{content}}
              <br>
              <!--<a class="btn" href="https://www.casinonic.com/">Go To Website</a>-->
            </td>
          </tr>
          <tr>
            <td align="center" valign="middle" class="footer">
              <p>
            Copyright © 2023 The website www.casinonic.com is owned and operated by Dama N.V. that is incorporated under the laws of Curacao with company registration number 152125 and having its registered address at Scharlooweg 39, Willemstad, Curaçao. Dama N.V. is operating under E-gaming license No. 8048/JAZ2020-13 issued by Antillephone N.V. authorized by the government of Curacao.
Friolion Ltd. is a company incorporated under the laws of Cyprus with company registration number ΗΕ 419102 and having its registered address at Leandrou, 12A 3086, Limassol, Сyprus. Friolion Ltd. is a facilitating company within DAMA group. DAMA group is operating under E-gaming license of Curacao(8048/JAZ2020-13). </p>
              <p>Gambling can be addictive. Play responsibly.</p>
            </td>
          </tr>
          <tr>
            <td align="center" valign="middle" class="unsubscribe">
              If you don't want to receive emails like this anymore, <a href="{% if event.unsubscribe.size &gt; 0 %}{{event.unsubscribe}}{% else %}{% unsubscribe_url %}{% endif %}">unsubscribe here</a>
            </td>
          </tr>
        </tbody></table>
      </td>
    </tr>
  </tbody>
</table>

</body></html>

Felix
Userlevel 4

Hey Rick,

it seems like the unsubscribe link is not what CIO would except when using Liquid:

{% if event.unsubscribe.size &gt; 0 %}

I guess this should be

{% if event.unsubscribe.size > 0 %} 

More questions? Shoot me a message by clicking on my name. We are a certified customer.io agency. Happy to help!
R

Thank you, so much

Reply


Terms & ConditionsCookie settings