how to add product link on the checkout page order summary magento 2?

Question

I want to add link on the product which is showing in order summary on checkout page.

I have found HTML code in the file:

module-checkout\view\frontend\web\template\summary\item\details.html

Code:

<div class="product-item-name-block">
            <strong class="product-item-name" data-bind="text: $parent.name"></strong>
            <div class="details-qty">
                <span class="label"><!-- ko i18n: 'Qty' --><!-- /ko --></span>
                <span class="value" data-bind="text: $parent.qty"></span>
            </div>
        </div>

How to add href for the product name?

Answer 1

You need plugin for for class for class

Magento\Checkout\Block\Checkout\LayoutProcessor

On your plugin class ,you need pass product url as parameter of json object which is used at checkout summary

Please follow the folder and file from the blog http://www.blogtreat.com/magento-2-display-custom-product-attribute-checkout-summary/

Then you need to some changes at

$result['quoteItemData'][$index]['brand'] = $product->getResource()->getAttribute('brand')->getFrontend()->getValue($product);

to

$result['quoteItemData'][$index]['url'] = $product->getProductUrl().

Also on new summary.html you need to put url

<strong class="product-item-name" data-bind="text: $parent.name"></strong>

Answer 2

It is working.

In details.js I replaced

getBrand: function(quoteItem) {
    var item = this.getItem(quoteItem.item_id);
    return item.brand;
},

with

getUrl: function(quoteItem) {
    var item = this.getItem(quoteItem.item_id);
    return item.url;
},

In details.html file changed the

<strong class="product-item-name" data-bind="text: $parent.name"></strong>

to

<a target="_blank" data-bind="attr: { href: getUrl($parent) }">
    <strong class="product-item-name" data-bind="text: $parent.name"></strong>
</a>

and removed the code

<!-- ko if: (getBrand($parent)) -->
<div class="product-item-brand">
    <span class="label"><!-- ko i18n: 'Brand:' --><!-- /ko --></span>
    <span class="value" data-bind="text: getBrand($parent)"></span>
</div>
<!-- /ko -->