Announcement

Collapse
No announcement yet.

Sales order templetes modification

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Sales order templetes modification

    Hello team,

    I hope this message finds you well. I am in need of assistance regarding the sales order templates. Specifically, I require help in modifying the current sales order template. The task at hand involves hiding certain column borders within the items table. To provide a clearer understanding of the desired outcome, I have attached the format that I would like to achieve.

    I would greatly appreciate it if someone could lend their expertise to help me accomplish this formatting objective.

    Thank you for your attention to this matter.


    Click image for larger version

Name:	Sales order design.jpg
Views:	180
Size:	62.1 KB
ID:	94522








  • #2
    <table style="line-height: 1.36; width: 100%;">
    <tbody>
    <tr>
    <td style="width: 50%; vertical-align: top;">
    <p><span style="font-size: 1.4em;">Company Name</span></p>
    <p><br></p>
    <p>
    {{accountName}}
    </p>
    <p>
    {{{billingAddressStreet}}}
    <br>
    {{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}<br>{{billingAddressCo untry}}
    </p>
    </td>
    <td style="width: 50%; vertical-align: top; text-align: right;">
    <p><span style="font-size: 1.2em;">Sales Order</span></p>
    <p>Date: {{dateOrdered}}</p>
    </td>
    </tr>
    </tbody>
    </table>
    <p><span style="font-size: 1.2em;">{{name}}</span></p>
    <p>Currency: {{amountCurrency}}</p>

    <table style="border: 0.5pt; border-spacing: 0; border-collapse: collapse; width: 100%;" cellpadding="2" border="0.5pt">
    <tbody>
    <tr>
    <th width="5%" align="left">#</th>
    <th width="37%" align="left">Name</th>
    <th width="8%" align="left">Qty</th>
    <th width="16%" align="left">List Price</th>
    <th width="16%" align="left">Unit Price</th>
    <th width="16%" align="left">Amount</th>
    </tr>
    <!-- {{#each itemList}} --> <tr>
    <td>{{order}}</td>
    <td>{{name}}</td>
    <td>{{quantity}}</td>
    <td align="right">{{listPrice}}</td>
    <td align="right">{{unitPrice}}</td>
    <td align="right">{{amount}}</td>
    </tr>
    <!-- {{#if description}} -->
    <tr><td colspan="6">{{{description}}}</td></tr>
    <!-- {{/if}} -->
    <!-- {{/each}} --> <tr>
    <td colspan="6">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Pre-Discounted Amount</td>
    <td align="right">{{preDiscountedAmount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Discount Amount</td>
    <td align="right">{{discountAmount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Amount</td>
    <td align="right">{{amount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Tax Amount</td>
    <td align="right">{{taxAmount}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Shipping Cost</td>
    <td align="right">{{shippingCost}}</td>
    </tr>
    <tr>
    <td colspan="5" align="right">Grand Total Amount</td>
    <td align="right"><b>{{grandTotalAmount}}</b></td>
    </tr>
    </tbody>
    </table>
    <p><br></p>
    <p align="center">Thank you for your business.</p>




    this is the default code .​

    Comment


    • #3
      try this, this should be easy to achieve:

      HTML Code:
      <table class="table table-bordered" style="line-height: 1.36; background-color: rgb(255, 255, 255);">
          <tbody>
              <tr>
                  <td width="50%">
                      <p><span style="font-size: 18px;">Company Name</span></p>
                      <p>
                          <span style="font-size: 12px;">{{accountName}}</span><br>
                          <span style="font-size: 12px;">{{{billingAddressStreet}}}</span><br>
                          <span style="font-size: 12px;">{{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}</span><br>
                          <span style="font-size: 12px;">{{billingAddressCountry}}<br></span><span style="font-size: 18px;"><br></span>
                      </p>
                  </td>
                  <td width="50%">
                      <p style="text-align: right;"><span style="color: rgb(156, 156, 148); font-size: 18px; line-height: 24.4799995422363px;">Sales Order</span></p>
                      <p></p>
                      <div style="text-align: right;"><span style="font-size: 12px; line-height: 24.4799995422363px; color: rgb(0, 0, 0);">Date: {{dateOrdered}}</span></div>
                      <br>
                      <p></p>
                  </td>
              </tr>
          </tbody>
      </table>
      <p><span style="font-size: 18px; line-height: 32.6399993896484px;">{{name}}</span></p>
      <p>
          <span style="font-size: 18px; line-height: 32.6399993896484px;"><br></span>
      </p>
      <p>Currency: {{amountCurrency}}</p>
      
      <table border="0.5pt" cellpadding="2" class="table table-bordered">
          <tbody>
              <tr>
                  <th width="5%" align="left">#</th>
                  <th width="37%" align="left">Name</th>
                  <th width="8%" align="left">Qty</th>
                  <th width="16%" align="left">List Price</th>
                  <th width="16%" align="left">Unit Price</th>
                  <th width="16%">Amount</th>
              </tr>
              <!-- {{#each itemList}} -->
              <tr>
                  <td style="border: none;">{{order}}</td>
                  <td style="border: none;">{{name}}</td>
                  <td style="border: none;">{{quantity}}</td>
                  <td style="border: none;" align="right">{{listPrice}}</td>
                  <td style="border: none;" align="right">{{unitPrice}}</td>
                  <td style="border: none;" align="right">{{amount}}</td>
              </tr>
              <!-- {{#if description}} -->
              <tr>
                  <td style="border: none;" colspan="7">{{{description}}}</td>
              </tr>
              <!-- {{/if}} -->
              <!-- {{/each}} -->
              <tr>
                  <td style="border: none;" colspan="7"></td>
              </tr>
              <tr>
                  <td style="border: none;" colspan="4"></td>
                  <td colspan="2">
                      <table border="0.5pt" class="table table-bordered">
                          <tbody>
                          <tr>
                              <td colspan="2" align="right">Pre-Discounted Amount</td>
                              <td colspan="1" align="right">{{preDiscountedAmount}}</td>
                          </tr>
                          <tr>
                              <td colspan="2" align="right">Discount Amount</td>
                              <td colspan="1" align="right">{{discountAmount}}</td>
                          </tr>
                          <tr>
                              <td colspan="2" align="right">Amount</td>
                              <td colspan="1" align="right">{{amount}}</td>
                          </tr>
                          <tr>
                              <td colspan="2" align="right">Tax Amount</td>
                              <td colspan="1" align="right">{{taxAmount}}</td>
                          </tr>
                          <tr>
                              <td colspan="2" align="right">Shipping Cost</td>
                              <td colspan="1" align="right">{{shippingCost}}</td>
                          </tr>
                          <tr>
                              <td colspan="2" align="right">Grand Total Amount</td>
                              <td colspan="1" align="right"><b>{{grandTotalAmount}}</b></td>
                          </tr>
                        </tbody>
                      </table>
                  </td>
              </tr>
              
          </tbody>
      </table>
      
      <p><br></p>
      <p align="center">Thank you for your business.</p>
      Rabii
      Web Dev

      Comment


      • #4
        Originally posted by yubrajkafle View Post
        Hello team,

        I hope this message finds you well. I am in need of assistance regarding the sales order templates. Specifically, I require help in modifying the current sales order template. The task at hand involves hiding certain column borders within the items table. To provide a clearer understanding of the desired outcome, I have attached the format that I would like to achieve.

        I would greatly appreciate it if someone could lend their expertise to help me accomplish this formatting objective.

        Thank you for your attention to this matter.


        Click image for larger version  Name:	Sales order design.jpg Views:	70 Size:	62.1 KB ID:	94522






        Hey, How you are getting the row numbers? you have commented the each loop ?

        Comment

        Working...
        X