mc: повторяемый цвет фона mailchimp - PullRequest
Новая
       16

mc: повторяемый цвет фона mailchimp

0 голосов
/ 13 сентября 2018

В моем html-шаблоне MailChimp есть повторяющиеся разделы, но я не могу понять, как дать клиенту возможность изменить цвет фона между белым или зеленым.

Пока я пробовал это 

/*
@tab background-test
@section background-Colour
*/

    .background-test {
        /*@editable*/background-color:#000000 !important;
    }

А это в теле 

<table width="650" border="1" cellspacing="0" cellpadding="0" align="center" class="wrapper" style="margin-left:auto; margin-right:auto; table-layout:fixed;" mc:repeatable mc:variant="test color">
  <tr>
    <td align="center" valign="top" class="background-test">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" mc:edit="change-background">
        <tr>
          <td width="30" class="hide"> </td>
          <td align="center" valign="top" class="pad_side">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td height="30" class="fix_height"> </td>
              </tr>
              <tr>
                <td class="white" align="center" valign="top" style="font-family:Arial, sans-serif;font-size:24px;line-height:27px;color:#ffffff;" mc:edit="section2_maintitle">Neque porro quisquam est qui dolorem ipsum</td>
              </tr>
              <tr>
                <td height="7" style="line-height:1px;font-size:1px;"> </td>
              </tr>
              <tr>
                <td class="white" align="center" valign="top" style="font-family:Arial, sans-serif;font-size:14px;letter-spacing:1px;line-height:17px;color:#ffffff;" mc:edit="section2_semititle">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
              </tr>
              <tr>
                <td height="30" class="fix_height"> </td>
              </tr>
            </table>
          </td>
          <td width="30" class="hide"> </td>
        </tr>
      </table>
    </td>
  </tr>

</table>

Но я хочу иметь возможность изменять цвет фона для каждого раздела, а не для всех повторяющихся.

Кроме того, есть ли способ сделать так, чтобы они могли выбирать только между 2 цветами - в данном случае, белым или зеленым (# 82c9c2)?

Спасибо

1 Ответ

0 голосов
/ 13 сентября 2018

Можете ли вы добавить дополнительный класс?Вот так: 

/*
@tab background-test
@section background-Colour
*/

    .background-green {
        /*@editable*/background-color:green !important;
    }
    .background-white {
        /*@editable*/background-color:white !important;
    }

А в теле: 

<table width="650" border="1" cellspacing="0" cellpadding="0" align="center" class="wrapper" style="margin-left:auto; margin-right:auto; table-layout:fixed;" mc:repeatable mc:variant="test color">
  <tr>
    <td align="center" valign="top" class="background-green">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" mc:edit="change-background">
        <tr>
          <td width="30" class="hide background-white"> </td>
          <td align="center" valign="top" class="pad_side">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td height="30" class="fix_height"> </td>
              </tr>
              <tr>
                <td class="white" align="center" valign="top" style="font-family:Arial, sans-serif;font-size:24px;line-height:27px;color:#ffffff;" mc:edit="section2_maintitle">Neque porro quisquam est qui dolorem ipsum</td>
              </tr>
              <tr>
                <td height="7" style="line-height:1px;font-size:1px;"> </td>
              </tr>
              <tr>
                <td class="white" align="center" valign="top" style="font-family:Arial, sans-serif;font-size:14px;letter-spacing:1px;line-height:17px;color:#ffffff;" mc:edit="section2_semititle">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
              </tr>
              <tr>
                <td height="30" class="fix_height"> </td>
              </tr>
            </table>
          </td>
          <td width="30" class="hide"> </td>
        </tr>
      </table>
    </td>
  </tr>

</table>
...