For Adding company field on the Ship To section and shipping address follow below steps :
To add Company/New field in shipping address section, override:
vendor/magento/module-checkout/view/frontend/web/template/shipping-address/address-renderer/default.html
To add Company/New field field in sidebar Ship To section override:
vendor/magento/module-checkout/view/frontend/web/template/shipping-information/address-renderer/default.html
To override create requirejs-config.js at
app/code/Vendor/Module/view/frontend/requirejs-config.js
var config = {
map: {
'*': {
'Magento_Checkout/template/shipping-address/address-renderer/default.html':
'Vendor_Module/template/shipping-address/address-renderer/default.html',
'Magento_Checkout/template/shipping-information/address-renderer/default.html':
'Vendor_Module/template/shipping-information/address-renderer/default.html'
}
}
};
After that add this line of code in overridden file where you want to display company field.
<!-- ko text: address().company --><!-- /ko -->
For example
app/code/Vendor/Module/view/frontend/web/template/shipping-information/address-renderer/default.html
<div class="shipping-address-item" data-bind="css: isSelected() ? 'selected-item' : 'not-selected-item'">
<!-- ko text: address().prefix --><!-- /ko --> <!-- ko text: address().firstname --><!-- /ko -->
<!-- ko text: address().lastname --><!-- /ko --> <!-- ko text: address().suffix --><!-- /ko --><br/>
<!-- ko text: address().street --><!-- /ko --><br/>
<!-- ko text: address().company -->
<!-- ko text: address().city --><!-- /ko -->, <!-- ko text: address().region --><!-- /ko --> <!-- ko text: address().postcode --><!-- /ko --><br/>
<!-- ko text: getCountryName(address().countryId) --><!-- /ko --><br/>
<!-- ko text: address().telephone --><!-- /ko --><br/>
<!-- ko foreach: { data: address().customAttributes, as: 'element' } -->
<!-- ko foreach: { data: Object.keys(element), as: 'attribute' } -->
<!-- ko text: element[attribute].value --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: (address().isEditable()) -->
<button type="button"
class="action edit-address-link"
data-bind="click: editAddress, visible: address().isEditable()">
<span data-bind="i18n: 'Edit'"></span>
</button>
<!-- /ko -->
<button type="button" data-bind="click: selectAddress" class="action action-select-shipping-item">
<span data-bind="i18n: 'Ship Here'"></span>
</button>
</div>
Then run necessary commands , hope this should help you out.
