Adding a custom product attribut ti tier price template?

Question

I am trying to modify tier_price.phtml to add a custom product attribute called "unit". No idea how to do that ... can anyone point me to the right direction?

Current code:

<script type="text/x-magento-template" id="tier-prices-template">

    <ul class="prices-tier items">
        <% var basePriceTemplate = '<span>'
        + '<span>&nbsp;%1</span>'
        + '</span>'
        %>

        <% _.each(tierPrices, function(item, key) { %>
        <% var itemBasePrice = item.hasOwnProperty('basePrice')
        ? basePriceTemplate.replace('%1', priceUtils.formatPrice(item['basePrice'], currencyFormat))
        : ''
        %>

        <% var priceStr = '<span>' + priceUtils.formatPrice(item.price, currencyFormat) + '</span>'
                    + '</span>' + itemBasePrice + '</span>';
        %>
        <li class="item">
            <%= '<?= $block->escapeHtml(__('Buy %1 for %2 each and', '%1', '%2')) ?>'
            .replace('%1', '<span>' + item.qty + '</span>')
            .replace('%2', priceStr)
            %>
            <strong class="benefit">
                <?= $block->escapeHtml(__('start saving')) ?><span class="percent tier-<%= key %>">&nbsp;<%= item.percentage %></span>%
            </strong>
        </li>
        <% }); %>
    </ul>
    
</script>

<div data-role="tier-price-block"></div>

Thanks :)!

Answer 1

Please try this code

<li class="item">
            <%= '<?= $block->escapeHtml(__('Buy %1 for %2 each and', '%1', '%2')) ?>'
            .replace('%1', item.qty)
            .replace('%2', priceStr)
            %> <span class="unit">Unit: <%= item.unit %></span>
            <strong class="benefit">
                <?= $block->escapeHtml(__('save')) ?><span
                    class="percent tier-<%= key %>">&nbsp;<%= item.percentage %></span>%
           </strong>
</li>