addons/website_mail/views/snippets.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <openerp>
   3 <data>
   4 <template id="email_designer_snippets">
   5
   6     <div class="scroll" t-ignore="1">
   7         <ul class="nav navbar-nav nav-tabs">
   8           <li class="active"><a href="#snippet_email_structure" data-toggle="tab">Email Design</a></li>
   9           <li><a href="#snippet_email_feature" data-toggle="tab">Advanced Email Features</a></li>
  10         </ul>
  11         <div class="tab-content">
  12
  13 <div id="snippet_email_structure" class="tab-pane fade in active">
  14
  15
  16     <div>
  17         <div class="oe_snippet_thumbnail">
  18             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_block.png"/>
  19             <span class="oe_snippet_thumbnail_title">Text Block</span>
  20         </div>
  21         <div class="oe_snippet_body" style="padding:0px; margin:0px">
  22             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px 5px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
  23                 <tbody>
  24                     <tr>
  25                         <td valign="top" style="width:600px">
  26                             <h2 style="text-align: center">
  27                                 A Great Headline
  28                             </h2>
  29                             <h3 style="text-align: center">
  30                                 A good subtitle
  31                             </h3>
  32                         </td>
  33                     </tr>
  34                     <tr>
  35                         <td valign="top" style="width:600px">
  36                             <div style="padding:0px 5px">
  37                                 <p style="overflow:hidden">
  38                                     A great way to catch your reader's attention is to tell a story.
  39                                     Everything you consider writing can be told as a story.
  40                                 </p>
  41                                 <p style="overflow:hidden">
  42                                     <strong>Great stories have personality.</strong> Consider telling
  43                                     a great story that provides personality. Writing a story
  44                                     with personality for potential clients will asist with
  45                                     making a relationship connection. This shows up in small
  46                                     quirks like word choices or phrases. Write from your point
  47                                     of view, not from someone else's experience.
  48                                 </p>
  49                                 <p style="overflow:hidden">
  50                                     <strong>Great stories are for everyone even when only written for
  51                                     just one person.</strong> If you try to write with a wide general
  52                                     audience in mind, your story will ring false and be bland.
  53                                     No one will be interested. Write for one person. If it’s genuine
  54                                     for the one, it’s genuine for the rest.
  55                                 </p>
  56
  57                             </div>
  58                         </td>
  59                     </tr>
  60                 </tbody>
  61             </table>
  62         </div>
  63     </div>
  64
  65
  66     <div>
  67         <div class="oe_snippet_thumbnail">
  68             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
  69             <span class="oe_snippet_thumbnail_title">Text-Image</span>
  70         </div>
  71         <div class="oe_snippet_body" style="padding:0px; margin:0px">
  72             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
  73                 <tbody>
  74                     <tr>
  75                         <td style="width:600px" valign="top">
  76                             <div style="padding:0px 5px">
  77                                 <table style="font-family:arial;font-size:12px;color:rgb(51,51,51)">
  78                                     <tbody>
  79                                         <tr>
  80                                             <td valign="top">
  81                                                 <h3 style="text-align: center; padding:0px 5px">A Section Subtitle</h3>
  82                                                 <p style="overflow:hidden; font-size:12px">
  83                                                     Write one or two paragraphs describing your product,
  84                                                     services or a specific feature. To be successful
  85                                                     your content needs to be useful to your readers.
  86                                                 </p><p style="overflow:hidden; font-size:12px">
  87                                                     Start with the customer – find out what they want
  88                                                     and give it to them.
  89                                                 </p>
  90                                             </td>
  91                                             <td width="10"></td>
  92                                             <td valign="top" width="290">
  93                                                 <img width="270" style="display:block;border:none;min-height:150px" src="/website/static/src/img/text_image.png"/>
  94                                             </td>
  95                                         </tr>
  96                                     </tbody>
  97                                 </table>
  98                             </div>
  99                         </td>
 100                     </tr>
 101                 </tbody>
 102             </table>
 103         </div>
 104     </div>
 105
 106
 107     <div>
 108         <div class="oe_snippet_thumbnail">
 109             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_text.png"/>
 110             <span class="oe_snippet_thumbnail_title">Image-Text</span>
 111         </div>
 112         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 113             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px 5px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 114                 <tbody>
 115                     <tr>
 116                         <td style="width:600px" valign="top">
 117                             <div style="padding:0px 5px">
 118                                 <table style="font-family:arial;font-size:12px;color:rgb(51,51,51)">
 119                                     <tbody>
 120                                         <tr>
 121                                             <td valign="top" width="290">
 122                                                 <img width="270" style="display:block;border:none;min-height:150px" alt="" src="/website/static/src/img/image_text.jpg"/>
 123                                             </td>
 124                                             <td width="10"></td>
 125                                             <td valign="top">
 126                                                 <h3 style="text-align: center; padding:0px 5px">A Section Subtitle</h3>
 127                                                 <p style="overflow:hidden; font-size:12px">
 128                                                     Write one or two paragraphs describing your product,
 129                                                     services or a specific feature. To be successful
 130                                                     your content needs to be useful to your readers.
 131                                                 </p><p style="overflow:hidden; font-size:12px">
 132                                                     Start with the customer – find out what they want
 133                                                     and give it to them.
 134                                                 </p>
 135                                             </td>
 136                                         </tr>
 137                                     </tbody>
 138                                 </table>
 139                             </div>
 140                         </td>
 141                     </tr>
 142                 </tbody>
 143             </table>
 144         </div>
 145     </div>
 146
 147
 148     <div>
 149         <div class="oe_snippet_thumbnail">
 150             <img class="oe_snippet_thumbnail_img" src="/website_mail/static/src/img/blocks/block_two_columns.png"/>
 151             <span class="oe_snippet_thumbnail_title">Two Columns</span>
 152         </div>
 153         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 154             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 155                 <tbody>
 156                     <tr>
 157                         <td valign="top" style="width:300px">
 158                             <img width="275" style="display:block;border:none;min-height:50px" src="/website/static/src/img/desert_thumb.jpg"/>
 159                         </td>
 160                         <td valign="top" style="width:300px">
 161                             <img width="275" style="display:block;border:none;min-height:50px" src="/website/static/src/img/deers_thumb.jpg"/>
 162                         </td>
 163                     </tr>
 164                     <tr>
 165                         <td valign="top" style="width:300px">
 166                             <h3 style="text-align: center; padding:0px 5px">Feature One</h3>
 167                             <p style="overflow:hidden">
 168                                 Choose a vibrant image and write an inspiring paragraph
 169                                 about it. It does not have to be long, but it should
 170                                 reinforce your image.
 171                             </p>
 172                         </td>
 173                         <td valign="top" style="width:300px">
 174                             <h3 style="text-align: center; padding:0px 5px">Feature Two</h3>
 175                             <p style="overflow:hidden">
 176                                 Choose a vibrant image and write an inspiring paragraph
 177                                 about it. It does not have to be long, but it should
 178                                 reinforce your image.
 179                             </p>
 180                         </td>
 181                     </tr>
 182                 </tbody>
 183             </table>
 184         </div>
 185     </div>
 186
 187
 188     <div>
 189         <div class="oe_snippet_thumbnail">
 190             <img class="oe_snippet_thumbnail_img" src="/website_mail/static/src/img/blocks/block_three_columns.png"/>
 191             <span class="oe_snippet_thumbnail_title">Three Columns</span>
 192         </div>
 193         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 194             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 195                 <tbody>
 196                     <tr>
 197                         <td valign="top" style="width:200px">
 198                             <img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/desert_thumb.jpg"/>
 199                         </td>
 200                         <td valign="top" style="width:200px">
 201                             <img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/deers_thumb.jpg"/>
 202                         </td>
 203                         <td valign="top" style="width:200px">
 204                             <img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/china_thumb.jpg"/>
 205                         </td>
 206                     </tr>
 207                     <tr>
 208                         <td valign="top" style="width:200px">
 209                             <h3 style="text-align: center; padding:0px 5px">Feature One</h3>
 210                             <p style="overflow:hidden">
 211                                 Choose a vibrant image and write an inspiring paragraph
 212                                 about it. It does not have to be long, but it should
 213                                 reinforce your image.
 214                             </p>
 215                         </td>
 216                         <td valign="top" style="width:200px">
 217                             <h3 style="text-align: center; padding:0px 5px">Feature Two</h3>
 218                             <p style="overflow:hidden">
 219                                 Choose a vibrant image and write an inspiring paragraph
 220                                 about it. It does not have to be long, but it should
 221                                 reinforce your image.
 222                             </p>
 223                         </td>
 224                         <td valign="top" style="width:200px">
 225                             <h3 style="text-align: center; padding:0px 5px">Feature Three</h3>
 226                             <p style="overflow:hidden">
 227                                 Choose a vibrant image and write an inspiring paragraph
 228                                 about it. It does not have to be long, but it should
 229                                 reinforce your image.
 230                             </p>
 231                         </td>
 232                     </tr>
 233                 </tbody>
 234             </table>
 235         </div>
 236     </div>
 237
 238
 239     <div>
 240         <div class="oe_snippet_thumbnail">
 241             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_separator.png"/>
 242             <span class="oe_snippet_thumbnail_title">Separator</span>
 243         </div>
 244         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 245             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 246                 <tbody>
 247                     <tr>
 248                         <td valign="top" style="width:600px">
 249                             <div style="padding:0px 5px">
 250                                 <hr width="100%" style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0"/>
 251                             </div>
 252                         </td>
 253                     </tr>
 254                 </tbody>
 255             </table>
 256         </div>
 257     </div>
 258
 259 </div>
 260
 261
 262 <div id="snippet_email_feature" class="tab-pane fade">
 263
 264
 265     <div>
 266         <div class="oe_snippet_thumbnail">
 267             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_big_picture.png"/>
 268             <span class="oe_snippet_thumbnail_title">Big Picture</span>
 269         </div>
 270         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 271             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 272                 <tbody>
 273                     <tr>
 274                         <td valign="top" style="width:600px">
 275                             <h2 style="text-align: center; padding:0px 5px">A Punchy Headline</h2>
 276                         </td>
 277                     </tr>
 278                     <tr>
 279                         <td valign="top" style="width:600px">
 280                             <img width="500" style="display:block;border:none;min-height:250px;margin:0 auto;" src="/website/static/src/img/big_picture.png"/>
 281                         </td>
 282                     </tr>
 283                     <tr>
 284                         <td valign="top" style="width:600px">
 285                             <p style="text-align: center; overflow:hidden">
 286                                 <h3 style="text-align: center; padding:0px 5px">A Small Subtitle</h3>
 287                             </p>
 288                             <p style="text-align: center; overflow:hidden">
 289                                 Choose a vibrant image and write an inspiring paragraph
 290                                 about it. It does not have to be long, but it should
 291                                 reinforce your image.
 292                             </p>
 293                         </td>
 294                     </tr>
 295                 </tbody>
 296             </table>
 297         </div>
 298     </div>
 299
 300
 301     <div>
 302         <div class="oe_snippet_thumbnail">
 303             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_comparison.png"/>
 304             <span class="oe_snippet_thumbnail_title">Comparisons</span>
 305         </div>
 306         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 307             <div style="width:600px">
 308                 <h2 style="text-align: center">Our Offers</h2>
 309             </div>
 310             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 311                 <tbody>
 312                     <tr>
 313                         <td valign="top" style="width:200px; bgcolor: #bce8f1; background-color: #bce8f1;">
 314                             <h2 style="text-align: center">Beginner</h2>
 315                             <p style="text-align: center; overflow:hidden">Starter Package</p>
 316                         </td>
 317                         <td valign="top" style="width:200px; bgcolor: #428bca; background-color: #428bca;">
 318                             <h2 style="text-align: center">Professional</h2>
 319                             <p style="text-align: center; overflow:hidden">Enterprise package</p>
 320                         </td>
 321                         <td valign="top" style="width:200px; bgcolor: #bce8f1; background-color: #bce8f1;">
 322                             <h2 style="text-align: center">Expert</h2>
 323                             <p style="text-align: center; overflow:hidden">The top of the top</p>
 324                         </td>
 325                     </tr>
 326                     <tr>
 327                         <td valign="top" style="width:200px">
 328                             <h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">450</strong><small>.00</small></h2>
 329                             <p style="text-align: center">per month</p>
 330                         </td>
 331                         <td valign="top" style="width:200px">
 332                             <h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">590</strong><small>.00</small></h2>
 333                             <p style="text-align: center">per month</p>
 334                         </td>
 335                         <td valign="top" style="width:200px">
 336                             <h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">890</strong><small>.00</small></h2>
 337                             <p style="text-align: center">per month</p>
 338                         </td>
 339                     </tr>
 340                     <tr>
 341                         <td valign="top" style="width:200px">
 342                             <ul>
 343                                 <li>Battery: 8 hours</li>
 344                                 <li>Screen: 2.5 inch</li>
 345                                 <li>Weight: 1.1 ounces</li>
 346                                 <li>No support</li>
 347                             </ul>
 348                         </td>
 349                         <td valign="top" style="width:200px">
 350                             <ul>
 351                                 <li>Battery: 12 hours</li>
 352                                 <li>Screen: 2.8 inch</li>
 353                                 <li>Weight: 1.2 ounces</li>
 354                                 <li>Limited support</li>
 355                             </ul>
 356                         </td>
 357                         <td valign="top" style="width:200px">
 358                             <ul>
 359                                 <li>Battery: 20 hours</li>
 360                                 <li>Screen: 2.8 inch</li>
 361                                 <li>Weight: 1.2 ounces</li>
 362                                 <li>Unlimited support</li>
 363                             </ul>
 364                         </td>
 365                     </tr>
 366                     <tr>
 367                         <td valign="top" style="width:200px">
 368                             <p style="text-align: center; overflow: hidden">
 369                                 <i>Free shipping, satisfied or reimbursed.</i><br/>
 370                                 <a href="/page/website.contactus">Order now</a>
 371                             </p>
 372                         </td>
 373                         <td valign="top" style="width:200px">
 374                             <p style="text-align: center; overflow: hidden">
 375                                 <i>Free shipping, satisfied or reimbursed.</i><br/>
 376                                 <a href="/page/website.contactus">Order now</a>
 377                             </p>
 378                         </td>
 379                         <td valign="top" style="width:200px">
 380                             <p style="text-align: center; overflow: hidden">
 381                                 <i>Free shipping, satisfied or reimbursed.</i><br/>
 382                                 <a href="/page/website.contactus">Contact us</a>
 383                             </p>
 384                         </td>
 385                     </tr>
 386                 </tbody>
 387             </table>
 388         </div>
 389     </div>
 390
 391
 392     <div>
 393         <div class="oe_snippet_thumbnail">
 394             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_jumbotron.png"/>
 395             <span class="oe_snippet_thumbnail_title">Big Message</span>
 396         </div>
 397         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 398             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px 5px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 399                 <tbody>
 400                     <tr>
 401                         <td valign="top" style="width:600px">
 402                             <div style="padding:0px 5px">
 403                                 <h1 style="text-align: center">Sell Online. Easily.</h1>
 404                                 <p style="overflow:hidden">
 405                                     Write one sentence to convince visitor about your message.
 406                                 </p>
 407                             </div>
 408                         </td>
 409                     </tr>
 410                 </tbody>
 411             </table>
 412         </div>
 413     </div>
 414
 415
 416     <div>
 417         <div class="oe_snippet_thumbnail">
 418             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
 419             <span class="oe_snippet_thumbnail_title">Button</span>
 420         </div>
 421         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 422             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 423                 <tbody>
 424                     <tr>
 425                         <td valign="top" style="width:200px">
 426                             <div style="padding:0px 5px">
 427                                 <table style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:rgb(153,153,153);border-collapse:collapse;width:70px;font-family:arial;font-size:12px;color:rgb(51,51,51);margin-left:60px" border="0" cellpadding="0" cellspacing="0">
 428                                     <tbody>
 429                                         <tr>
 430                                             <td style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:15px 5px;border-collapse:collapse;background-color:rgb(101,101,101)" align="center" valign="middle">
 431                                                 <a href="http://www.openerp.com" style="text-decoration:none;border:none rgb(221,221,221);font-weight:bold;line-height:100%;text-align:center;color:rgb(0,136,204);word-wrap:break-word!important;background-color:rgb(101,101,101)" target="_blank">
 432                                                     <span style="color:rgb(255,255,255);font-family:arial;font-size:12px;display:block;width:auto;text-align:center;white-space:nowrap">View Product</span>
 433                                                 </a>
 434                                             </td>
 435                                         </tr>
 436                                         <tr>
 437                                         </tr>
 438                                     </tbody>
 439                                 </table>
 440                             </div>
 441                         </td>
 442                         <td valign="top" style="width:200px">
 443                             <div style="padding:0px 5px">
 444                                 <table style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:rgb(153,153,153);border-collapse:collapse;width:70px;font-family:arial;font-size:12px;color:rgb(51,51,51);margin-left:60px" border="0" cellpadding="0" cellspacing="0">
 445                                     <tbody>
 446                                         <tr>
 447                                             <td style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:15px 5px;border-collapse:collapse;background-color:rgb(101,101,101)" align="center" valign="middle">
 448                                                 <a href="http://www.openerp.com" style="text-decoration:none;border:none rgb(221,221,221);font-weight:bold;line-height:100%;text-align:center;color:rgb(0,136,204);word-wrap:break-word!important;background-color:rgb(101,101,101)" target="_blank">
 449                                                     <span style="color:rgb(255,255,255);font-family:arial;font-size:12px;display:block;width:auto;text-align:center;white-space:nowrap">View Product</span>
 450                                                 </a>
 451                                             </td>
 452                                         </tr>
 453                                         <tr>
 454                                         </tr>
 455                                     </tbody>
 456                                 </table>
 457                             </div>
 458                         </td>
 459                         <td valign="top" style="width:200px">
 460                             <div style="padding:0px 5px">
 461                                 <table style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:rgb(153,153,153);border-collapse:collapse;width:70px;font-family:arial;font-size:12px;color:rgb(51,51,51);margin-left:60px" border="0" cellpadding="0" cellspacing="0">
 462                                     <tbody>
 463                                         <tr>
 464                                             <td style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:15px 5px;border-collapse:collapse;background-color:rgb(101,101,101)" align="center" valign="middle">
 465                                                 <a href="http://www.openerp.com" style="text-decoration:none;border:none rgb(221,221,221);font-weight:bold;line-height:100%;text-align:center;color:rgb(0,136,204);word-wrap:break-word!important;background-color:rgb(101,101,101)" target="_blank">
 466                                                     <span style="color:rgb(255,255,255);font-family:arial;font-size:12px;display:block;width:auto;text-align:center;white-space:nowrap">View Product</span>
 467                                                 </a>
 468                                             </td>
 469                                         </tr>
 470                                         <tr>
 471                                         </tr>
 472                                     </tbody>
 473                                 </table>
 474                             </div>
 475                         </td>
 476                     </tr>
 477                 </tbody>
 478             </table>
 479         </div>
 480     </div>
 481 </div>
 482
 483 <div id="snippet_options" class="hidden">
 484     <div data-snippet-option-id='content'
 485         data-selector="[data-oe-field='body_html'] > div, .oe_snippet_body"
 486         data-selector-siblings="[data-oe-field='body_html'] > *"
 487         data-selector-children="[data-oe-field='body_html']">
 488     </div>
 489 </div>
 490
 491         </div>
 492     </div>
 493
 494 </template>
 495
 496 </data>
 497 </openerp>