Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Email And Document Template Editor In Cs-Cart 4.4.1 Rate Topic   - - - - -

 
  • imac
  • Head of Product
  • CS-Cart Architects
  • Join Date: 22-Nov 05
  • 2046 posts

Posted 13 December 2016 - 12:05 PM #61

Thanks EZ, You would think they would include that in the documentation.

 

Alan

Yes, we will.

Unfortunately documentation was not ready for the release. Going to be there soon.

For now you can use this video as a tutorial.


Ilya Makarov,
CS-Cart Architect Team
Suggest and vote for new features | Report a bug

 
  • Takestock
  • Senior Member
  • Members
  • Join Date: 08-Nov 13
  • 482 posts

Posted 13 December 2016 - 12:33 PM #62

Yes, we will.

Unfortunately documentation was not ready for the release. Going to be there soon.

For now you can use this video as a tutorial.

Thanks imac, But it still does not tell anyone that the editor is not visible unless enabled in the setting/appearance menu

 

Alan



 
  • automatednow
  • Advanced Member
  • Members
  • Join Date: 18-Aug 14
  • 58 posts

Posted 13 December 2016 - 01:08 PM #63

After I reported this, it is confirmed by CS-Cart Help Desk that these e-mail templates are broken for Microsoft Outlook 2016, the formatting is all over the place or missing in many cases. Estimated fix time no more than 45 days :/  Use with caution as Outlook 2016 is one of the most popular desktop e-mail clients in the world. 



 
  • remoteone
  • Member
  • Members
  • Join Date: 06-Oct 09
  • 707 posts

Posted 13 December 2016 - 02:11 PM #64

Some email clients dont like <style> and can only reliably render emails containing inline-css.

Maybe thats the issue with Outlook?

Its a bit clunky to use inline styles, so maybe the css could be "injected" inline using variables?

Just my two bobs worth.....



 
  • ikoshkin
  • Tech Writer
  • CS-Cart Architects
  • Join Date: 25-Nov 15
  • 290 posts

Posted 14 December 2016 - 07:25 AM #65

Thanks EZ, You would think they would include that in the documentation.


I'm sorry for the delay with the documentation, but now it's available:The information about activating the editors is included.

 
  • imac
  • Head of Product
  • CS-Cart Architects
  • Join Date: 22-Nov 05
  • 2046 posts

Posted 14 December 2016 - 12:45 PM #66

After I reported this, it is confirmed by CS-Cart Help Desk that these e-mail templates are broken for Microsoft Outlook 2016, the formatting is all over the place or missing in many cases. Estimated fix time no more than 45 days :/  Use with caution as Outlook 2016 is one of the most popular desktop e-mail clients in the world. 

Hi automatednow, thank you for the report.

We will provide the fix for this bug within next few days.


Ilya Makarov,
CS-Cart Architect Team
Suggest and vote for new features | Report a bug

 
  • automatednow
  • Advanced Member
  • Members
  • Join Date: 18-Aug 14
  • 58 posts

Posted 14 December 2016 - 11:33 PM #67

Hi automatednow, thank you for the report.
We will provide the fix for this bug within next few days.


That would be great, thank you.

 
  • lmiftakhov
  • Newbie
  • CS-Cart Architects
  • Join Date: 08-Aug 13
  • 3 posts

Posted 15 December 2016 - 01:56 PM #68

After I reported this, it is confirmed by CS-Cart Help Desk that these e-mail templates are broken for Microsoft Outlook 2016, the formatting is all over the place or missing in many cases. Estimated fix time no more than 45 days :/  Use with caution as Outlook 2016 is one of the most popular desktop e-mail clients in the world. 

 

Hi automatednow.
 
Here is the solution. We checked it in Outlook 2016. Please try the solution and let us know about the results:
 
1. Go to Design → Email templates.
2. Switch to the "Code Snippets" tab.
3. Open the "Header" snippet.
4. Change CSS styles and save your changes:
 
Replace this:
 
.message-header__title h1 {
  padding: 20px 30px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: #Fff;
}
 
with this:
.message-header__title > td {
  padding: 20px 30px;
}


.message-header__title h1 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: #Fff;
}
 
Replace this:
.footer-social a {
  padding-right: 10px;
}
with this:
.footer-social a > img {
  padding-right: 10px;
}
 
We will be testing this solution more thoroughly as well.

Linar Miftakhov,

CS-Cart Architect Team

Suggest and vote for new features | Report a bug


 
  • crazyshark20
  • Junior Member
  • Members
  • Join Date: 19-Aug 09
  • 243 posts

Posted 18 December 2016 - 08:42 PM #69

Hi we pay shipment. But in invoice template if we chose free shipping, shipment cost in invoice is zero price.

Can we add in invoice shipment price for calculate?

Because i pay shipment and if i print invoice document my purser wants to see there.



 
  • automatednow
  • Advanced Member
  • Members
  • Join Date: 18-Aug 14
  • 58 posts

Posted 19 December 2016 - 03:53 AM #70

Hi Linar,

 

I applied the code and it fixed the top half of the document, but the bottom half did not fix, so formatting and social icons of footer section still messed up. 

 

Here is my code: Can you see if any problems?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{{ company_name }}: Message title</title>
  <style type="text/css">
    #outlook a {
      padding: 0;
    }
     
    body {
      width: 100% !important;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      margin: 0;
      padding: 0;
    }
     
    img {
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

    a {
      outline: none;
    }
     
    a img {
      border: none;
    }
     
    .image_fix {
      display: block;
    }
     
    .message-header > td {
      padding: 10px 30px 20px 30px;
    }

    .message-header__title {
      background-color: {% if styles.links %}{{styles.links}}{% else %}#999{% endif %}
    }

.message-header__title > td {
  padding: 20px 30px;
}

.message-header__title h1 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: #Fff;
}


    .message-title > td,
    .message-body > td {
      padding: 30px;
    }

    .message-footer > td {
      padding: 20px 30px;
      background-color: #757f83;
    }

    .message-copyright > td {
      padding: 0px 30px 10px;
    }
     
    .message-header td,
    .message-title td,
    .message-body th, .message-body td,
    .message-footer th, .message-footer td,
    .message-copyright th, .message-copyright td {
      color: {{styles.font}};
      font-size: {{styles.body_font_size}};
      font-family: {{styles.body_font}};
    }
    
    .message-footer {
      border-top: 1px solid {{styles.base}}
    }

    .message-body table th,
    .message-footer table th {
      text-transform: uppercase;
      border-bottom: 1px solid {{styles.base}};
      text-align: left;
    }
     
    .message-body table td,
    .message-footer table td {
      padding: 5px;
    }
     
    .message-footer table th{
       border: none;
    }

    .message-footer td {
      color: #fff;
    }

    .footer-contact__title {
      margin: 0px;
      text-transform: uppercase;
      font-size: 16px !important;
      font-weight: 600;
      color: #fff !important;
    }

    .footer-social__title {
      margin: 0px;
      text-transform: uppercase;
      font-size: 16px !important;
      font-weight: 600;
      color: #fff !important;
    }

.footer-social a > img {
  padding-right: 10px;
}
    
    .email-preview{
      display:none;
      font-size:1px;
      color:#333333;
      line-height:1px;
      max-height:0px;
      max-width:0px;
      opacity:0;
      overflow:hidden;
    }

    .with-subline {
      color: {{styles.font}};
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1em;
      padding-bottom: 10px;
      border-bottom: 1px solid #D4D4D4;
    }
       
    p {
      margin: 1em 0;
    }
     
    h1,h2,h3,h4,h5,h6 {
      color: {{styles.font}};
    }
     
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
      color: {{styles.links}};
    }
     
    h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active {
      color: red;
    }
     
    h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {
      color: purple;
    }
     
    table td,
    table th {
      border-collapse: collapse;
    }
     
    table {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    address {
      margin: 0px;
    }
     
    .content-wrapper {
      border: 1px solid {{ styles.base    }}
    }
     
    .copyright td{
      padding: 10px 0 0 !important;
    }
     
    a {
      color: {{styles.links}};
    }
 </style>
</head>

<body>
   <style>
      @media only screen and (max-device-width: 480px){
        .content-wrapper{width: 100% !important;border: 3px solid #ccc !important; }
          
        table[width]{
          width: 100%! important;
        }
         
        .message-header > td,
        .message-title > td,
        .message-body > td,
        .message-footer > td,
        .message-copyright > td {
          padding: 10px !important;
        }
         
        .message-header td,
        .message-title td,
        .message-body th, .message-body td,
        .message-footer th, .message-footer td,
        .message-copyright th, .message-copyright td {
          font-size: 16px !important;
        }
     }
     
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
        
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {}
     
      @media only screen and (-webkit-device-pixel-ratio:.75) {}
        
      @media only screen and (-webkit-device-pixel-ratio:1) {}
      
      @media only screen and (-webkit-device-pixel-ratio:1.5) {}
    </style>
  <!-- Targeting Windows Mobile -->
 <!--[if IEMobile 7]>
  <style type="text/css">

  </style>
  <![endif]-->

  <!--[if gte mso 9]>
   <style>
       /* Target Outlook 2007 and 2010 */
    </style>
  <![endif]-->
  <table class="main-wrapper" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{ styles.base }}" style="    background-color: {{ styles.base }}">
    <tr>
      <td style="padding: 40px 10px 40px 10px;">
        <table class="content-wrapper" cellpadding="0" cellspacing="0" align="center" width="600" style="background-color:#fff;" >
          <tr class="message-header">
            <td>
              <table cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  <td><a href="{{ company_data.company_website }}"><img src="{{logos.mail.image.image_path}}" alt="{{ company_data.company_name }}" /></a></td>
                </tr>
              </table>
            </td>
          </tr>
          {% if title %}
          <tr class="message-header__title">
            <td>
              <h1>{{title}}</h1>
            </td>
          </tr>
          {% endif %}

          <tr class="message-body">

<td>

Please let me know would like to get this all fixed, looks very unprofessional as is.



 
  • lmiftakhov
  • Newbie
  • CS-Cart Architects
  • Join Date: 08-Aug 13
  • 3 posts

Posted 22 December 2016 - 08:17 AM #71

Hi Linar,

 

I applied the code and it fixed the top half of the document, but the bottom half did not fix, so formatting and social icons of footer section still messed up. 

 

Here is my code: Can you see if any problems?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{{ company_name }}: Message title</title>
  <style type="text/css">
    #outlook a {
      padding: 0;
    }
     
    body {
      width: 100% !important;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      margin: 0;
      padding: 0;
    }
     
    img {
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

    a {
      outline: none;
    }
     
    a img {
      border: none;
    }
     
    .image_fix {
      display: block;
    }
     
    .message-header > td {
      padding: 10px 30px 20px 30px;
    }

    .message-header__title {
      background-color: {% if styles.links %}{{styles.links}}{% else %}#999{% endif %}
    }

.message-header__title > td {
  padding: 20px 30px;
}

.message-header__title h1 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: #Fff;
}


    .message-title > td,
    .message-body > td {
      padding: 30px;
    }

    .message-footer > td {
      padding: 20px 30px;
      background-color: #757f83;
    }

    .message-copyright > td {
      padding: 0px 30px 10px;
    }
     
    .message-header td,
    .message-title td,
    .message-body th, .message-body td,
    .message-footer th, .message-footer td,
    .message-copyright th, .message-copyright td {
      color: {{styles.font}};
      font-size: {{styles.body_font_size}};
      font-family: {{styles.body_font}};
    }
    
    .message-footer {
      border-top: 1px solid {{styles.base}}
    }

    .message-body table th,
    .message-footer table th {
      text-transform: uppercase;
      border-bottom: 1px solid {{styles.base}};
      text-align: left;
    }
     
    .message-body table td,
    .message-footer table td {
      padding: 5px;
    }
     
    .message-footer table th{
       border: none;
    }

    .message-footer td {
      color: #fff;
    }

    .footer-contact__title {
      margin: 0px;
      text-transform: uppercase;
      font-size: 16px !important;
      font-weight: 600;
      color: #fff !important;
    }

    .footer-social__title {
      margin: 0px;
      text-transform: uppercase;
      font-size: 16px !important;
      font-weight: 600;
      color: #fff !important;
    }

.footer-social a > img {
  padding-right: 10px;
}
    
    .email-preview{
      display:none;
      font-size:1px;
      color:#333333;
      line-height:1px;
      max-height:0px;
      max-width:0px;
      opacity:0;
      overflow:hidden;
    }

    .with-subline {
      color: {{styles.font}};
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1em;
      padding-bottom: 10px;
      border-bottom: 1px solid #D4D4D4;
    }
       
    p {
      margin: 1em 0;
    }
     
    h1,h2,h3,h4,h5,h6 {
      color: {{styles.font}};
    }
     
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
      color: {{styles.links}};
    }
     
    h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active {
      color: red;
    }
     
    h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {
      color: purple;
    }
     
    table td,
    table th {
      border-collapse: collapse;
    }
     
    table {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    address {
      margin: 0px;
    }
     
    .content-wrapper {
      border: 1px solid {{ styles.base    }}
    }
     
    .copyright td{
      padding: 10px 0 0 !important;
    }
     
    a {
      color: {{styles.links}};
    }
 </style>
</head>

<body>
   <style>
      @media only screen and (max-device-width: 480px){
        .content-wrapper{width: 100% !important;border: 3px solid #ccc !important; }
          
        table[width]{
          width: 100%! important;
        }
         
        .message-header > td,
        .message-title > td,
        .message-body > td,
        .message-footer > td,
        .message-copyright > td {
          padding: 10px !important;
        }
         
        .message-header td,
        .message-title td,
        .message-body th, .message-body td,
        .message-footer th, .message-footer td,
        .message-copyright th, .message-copyright td {
          font-size: 16px !important;
        }
     }
     
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
        
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {}
     
      @media only screen and (-webkit-device-pixel-ratio:.75) {}
        
      @media only screen and (-webkit-device-pixel-ratio:1) {}
      
      @media only screen and (-webkit-device-pixel-ratio:1.5) {}
    </style>
  <!-- Targeting Windows Mobile -->
 <!--[if IEMobile 7]>
  <style type="text/css">

  </style>
  <![endif]-->

  <!--[if gte mso 9]>
   <style>
       /* Target Outlook 2007 and 2010 */
    </style>
  <![endif]-->
  <table class="main-wrapper" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{ styles.base }}" style="    background-color: {{ styles.base }}">
    <tr>
      <td style="padding: 40px 10px 40px 10px;">
        <table class="content-wrapper" cellpadding="0" cellspacing="0" align="center" width="600" style="background-color:#fff;" >
          <tr class="message-header">
            <td>
              <table cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  <td><a href="{{ company_data.company_website }}"><img src="{{logos.mail.image.image_path}}" alt="{{ company_data.company_name }}" /></a></td>
                </tr>
              </table>
            </td>
          </tr>
          {% if title %}
          <tr class="message-header__title">
            <td>
              <h1>{{title}}</h1>
            </td>
          </tr>
          {% endif %}

          <tr class="message-body">

<td>

Please let me know would like to get this all fixed, looks very unprofessional as is.

 

Hi automatednow.
 
Sorry for the inconvenience. Here is the solution for footer:
 
1. Go to Design → Email templates.
2. Switch to the "Code Snippets" tab.
3. Open the "Header" snippet.
4. Change CSS styles and save your changes:
 
Replace this:
.footer-social a {
  padding-right: 10px;
}
with this:
.message-footer table td.footer-social td {
  padding: 0px;
  padding-right: 10px;
}
 
Replace this:
.copyright td{
  padding: 10px 0 0 !important;
}
with this:
.copyright td {
  padding: 10px 0 0 0;
  padding-bottom: 0 !important;
}
 
5. Open the "Footer" snippet.
6. Change HTML code and save your changes:
 
Replace this:
<a href="http://www.facebook.com"><img width="30" height="30" src="design/themes/responsive/mail/media/images/social/facebook.png"></a>
<a href="https://twitter.com"><img width="30" height="30" src="design/themes/responsive/mail/media/images/social/twitter.png"></a>
with this:
<table cellspacing="0" cellpadding="0" align="left">
    <tr>
        <td>
            <a href="http://www.facebook.com"><img width="30" height="30" src="design/themes/responsive/mail/media/images/social/facebook.png"></a>
        </td>
        <td>
            <a href="https://twitter.com"><img width="30" height="30" src="design/themes/responsive/mail/media/images/social/twitter.png"></a>
        </td>
    </tr>
</table>

Linar Miftakhov,

CS-Cart Architect Team

Suggest and vote for new features | Report a bug


 
  • automatednow
  • Advanced Member
  • Members
  • Join Date: 18-Aug 14
  • 58 posts

Posted 24 December 2016 - 12:49 AM #72

Dear Linar,

 

Unfortunately your most recent changes made this much worse.  Now the footer is completely messed up and no social icons at all.  Are you guys testing this code first with Outlook 2016 that you are suggesting to me?

 

http://imgur.com/aoHKRkA

 

Can you please fix and test on my server or provide accurate code?  Thank you.



 
  • lmiftakhov
  • Newbie
  • CS-Cart Architects
  • Join Date: 08-Aug 13
  • 3 posts

Posted 27 December 2016 - 06:31 AM #73

Dear Linar,

 

Unfortunately your most recent changes made this much worse.  Now the footer is completely messed up and no social icons at all.  Are you guys testing this code first with Outlook 2016 that you are suggesting to me?

 

http://imgur.com/aoHKRkA

 

Can you please fix and test on my server or provide accurate code?  Thank you.

 

Hi automatednow.
 
We did test the code in Outlook 2016 (and in Outlook 2013, just to be sure).
Could you give me the HTML code from your Footer snippet?

Linar Miftakhov,

CS-Cart Architect Team

Suggest and vote for new features | Report a bug


 
  • mokeshop
  • Senior Member
  • Members
  • Join Date: 27-Jul 12
  • 999 posts

Posted 02 January 2017 - 05:24 PM #74

Hello

 

is it possible to use fontawesome in the editor



 
  • lastpixel
  • Member
  • Trial users
  • Join Date: 25-Feb 16
  • 36 posts

Posted 05 January 2017 - 09:59 PM #75

Hi, is it somehow possible to include images in invoices/emails?



 
  • lastpixel
  • Member
  • Trial users
  • Join Date: 25-Feb 16
  • 36 posts

Posted 06 January 2017 - 03:25 PM #76

Hi, is it somehow possible to include images in invoices/emails?

Sorry, silly question... I haven't seen all the invoice editor functions.



 
  • lastpixel
  • Member
  • Trial users
  • Join Date: 25-Feb 16
  • 36 posts

Posted 06 January 2017 - 03:27 PM #77

Hi, is it somehow possible to include images in invoices/emails?

I've seen this video  and it's self explanatory.



 
  • mokeshop
  • Senior Member
  • Members
  • Join Date: 27-Jul 12
  • 999 posts

Posted 17 January 2017 - 02:35 PM #78

q9Z4cdO.png

 

Hi!

 

The alpha version of CS-Cart 4.4.1 is coming in the closest time, and the production release will be available this fall. Two main changes in the new version are the new logic of theme functioning and the updated email and document template editor.

 

In this post, we’d like to share with you the information about the updated email and document template editor. The editor has been a prototype for a long time. Now, it will be released as a ready-to-go feature built into CS-Cart 4.4.1. Store administrators will be able to edit email notifications, plus these documents via the new editor:

  • Invoices
  • Packing slips
  • Packing slips of the RMA add-on
  • Supplier invoices of the Suppliers add-on
  • Gift certificates of the Gift certificates add-on

Read general information about the editor in our old post.

 

 

Quick Introduction to the Editor

In CS-Cart 4.4.1, store administrators will be able to edit and construct email notifications, invoices, packing slips, and gift certificates right in their admin panels using a visual text editor.

Basically, two key elements of the editor are variables and snippets:

  • A variable is a dynamic component of a template. A template fetches all the necessary information through variables. For example, the {{ order.total }} variable added to the invoice template displays the total order price in the invoice. Developers will be able to expand the list of available variables via add-ons.

R4UuJKY.png

 

  • A snippet is a separate part of a template to quickly insert the same information to different invoices or email notifications. Often the footer and header of email notifications or invoices must look the same. Store admins construct a snippet in the Code snippets tab when editing an invoice or email and then add the whole snippet by simply inserting the function to the invoice or email. For example, this function {{ snippet("footer") }} fetches the footer snippet to email notifications. Developers will be able to expand the list of available snippets via add-ons.

nxm3Nhf.png

 

The new template editor works on the template engine called Twig (version 1.24). Developers can take advantage of all the Twig features.

 

 

 

Key Insights for Developers

  • Since the editor is based on WYSIWYG, you won’t be able to insert conditions, loops, or other logical constructions to invoices and email notifications—WYSIWYG cuts them off.
  • Use snippets to add conditions, loops, and that kind of constructions to templates. Snippet editing window doesn’t use WYSIWYG—you’ll be able to work with snippets just like with SMARTY templates.
  • There will be no hooks for documents—use snippets instead.
  • You’ll be able to add new variables, snippets, and, probably, invoices via add-ons.
  • Store administrators will manually insert variables and snippets to documents.
  • Backward compatibility will be fine—if your add-on uses email notifications or invoices, it will still work in CS-Cart 4.4.1. Templates will be fetched same as before.
  • After the upgrade to CS-Cart 4.4.1, the new template editor will be disabled. Store admins will be able to activate it on the Settings → Appearance page of their admin panels. After a clean CS-Cart 4.4.1 installation, the new editor will be active by default. Store admins will also be able to choose the old template editor on the clean installation.

 

We’ve prepared detailed developer docs describing the whole workflow and examples. Check them out.

 

For now, you can test the new editor in our developer demo stores: CS-Cart and Multi-Vendor. To edit email notifications or documents, go to Design in the admin panel and select Email templates or Documents:

 

hBRsMoa.png

 

Please ask any questions about new document template editor in this topic, our developers will kindly answer them.

 

hello,

can you consider for future releases to add tax groups options to the invoices

example: tax 1 (19%), tax 2 (17%), tax3 (10%)

product a has tax1, product 2 has tax 2, product 3 has tax 3

 

one scanerio of  the invoice can look like :

 

product, qty, price, tax, tax amount, total without, total with taxes

a , 1 , 10 , 19%, 1,90, 10,00 11,90

b, 1, 1, 17%, 0,17, 1,10,17 

c, 1, 1, 10%, 0,10,1 1,10%

 

total without taxes = yy.xx

 

taxes 

19% 0,19

17% 0,17

10% 0,10

total with taxes  = xx.yy

 

probably some fields above are not essential but i have added it to get more clarification

 

best wishes

dzemal



 
  • imac
  • Head of Product
  • CS-Cart Architects
  • Join Date: 22-Nov 05
  • 2046 posts

Posted 23 January 2017 - 08:12 AM #79

hello,

can you consider for future releases to add tax groups options to the invoices

example: tax 1 (19%), tax 2 (17%), tax3 (10%)

product a has tax1, product 2 has tax 2, product 3 has tax 3

 

one scanerio of  the invoice can look like :

 

product, qty, price, tax, tax amount, total without, total with taxes

a , 1 , 10 , 19%, 1,90, 10,00 11,90

b, 1, 1, 17%, 0,17, 1,10,17 

c, 1, 1, 10%, 0,10,1 1,10%

 

total without taxes = yy.xx

 

taxes 

19% 0,19

17% 0,17

10% 0,10

total with taxes  = xx.yy

 

probably some fields above are not essential but i have added it to get more clarification

 

best wishes

dzemal

demeldoo, 

I did not understand where would you like these tax groups to be added. 

taxes assigned to the products are based on the product settings and document editor has nothing to do with it


Ilya Makarov,
CS-Cart Architect Team
Suggest and vote for new features | Report a bug

 
  • mokeshop
  • Senior Member
  • Members
  • Join Date: 27-Jul 12
  • 999 posts

Posted 23 January 2017 - 12:42 PM #80

demeldoo, 
I did not understand where would you like these tax groups to be added. 
taxes assigned to the products are based on the product settings and document editor has nothing to do with it


Yes you're right. The different taxes are setup in cs directly under taxes option.
But if there are different taxes enabled then the documents editor we is called now should jump in to display such options like above described.
Can you please retry to add different tax rates and check the posssible output.
Best wishes