The following changes have been made to handle showing of
freight prices for selected quantities on the quote letter, when new freight
has been turned on.
Some new fields have been added to the quote letter object
that can now be used
SubTotalPriceForSelectedQuantities_Formatted
Sub total for all the selected
quantities, including sales items
TotalPriceForSelectedQuantities_Formatted
Total price for all the selected
quantities, including sales items
ShowPricesForSelectedQuantities
This is set to true when at least one
quantity on a product is selected OR a sales item exists on the quote. Use to
show the selected items totals at the bottoms along with freight. (Useful for
situations where no quantity is selected for products)
HighlightSelectedQuantities
This is set to true when
ShowPricesForSelectedQuantities is true, AND a product with more than one
quantity exists on the quote. When it’s true, its used to add highlighting to
the selected quantities, and shows the message “Based on selected items”
Here is an example of html you
can add to the bottom of the body in the template
{{#ShowPricesForSelectedQuantities}} <div style="position:relative;"> <div class="total-prices-container"> <table class="total-prices"> <tr> <th>Subtotal:</th> <td>{{SubTotalPriceForSelectedQuantities_Formatted}}</td> </tr> <tr> <th>Freight:</th> <td>{{QuoteFreightPrice_Formatted}}</td> </tr> <tr> <th>GST:</th> <td>{{TotalGSTForSelectedQuantities_Formatted}}</td> </tr> <tr> <th>Total:</th> <td>{{TotalPriceForSelectedQuantities_Formatted}}</td> </tr> </table> </div> <div class="clear"></div> <div class="based-on-selected-text">based on selected items</div> </div> {{/ShowPricesForSelectedQuantities}} |
For the “HighlightSelectedQuantities” to take effect, please
wrap the entire body in a div which looks at that setting, and adds the class “allow-quantity-highlight”
<div class="{{#HighlightSelectedQuantities}}allow-quantity-highlight{{/HighlightSelectedQuantities}}"> |
Here is an example of CSS you can add to the StyleSheet to style the
totals, and also highlight selected quantity rows. (Note: To get rows to
highlight, please add the “selected-quantity” class to “tr” of quantities using
<tr class="{{#IsSelected}}selected-quantity{{/IsSelected}}"
>
.allow-quantity-highlight .selected-quantity { background-color: #ddd; } .allow-quantity-highlight .selected-quantity td { background-color: #ddd; outline: 2px solid #ddd; } .total-prices { width: 900px!important; } .total-prices th { font-weight: bold; text-align: left; width: 400px; } .total-prices th, .total-prices td { padding-top: 15px; padding-bottom: 15px; } .total-prices-container { border: 8px solid #bfbfbf; padding: 15px; float: left; padding: 65px; margin-top: 45px; } .based-on-selected-text { position: absolute; text-align: Center; padding: 25px; padding-left: 35px; padding-right: 35px; background-color: white; bottom: -42px; left: 145px; color: #aaa; display: block; font-size: 62px; display: none; font-weight: bold; } .allow-quantity-highlight .based-on-selected-text { display: block; } |
Example quote letter for 1 product with multiple
quantities (With one quantity selected)
Example of quote letter with only 1 quantity on product (Based on selected and
highlighting removed)
Example of quote letter where no quantities have been
selected (Quantity totals hidden).
Note: You can unselect all quantities by clicking the “x” on
the checkout screen next to the product, and again to re-select it. (At that
point all quantities will be unselected)