refactor: product selector memoization

e2e/cypress/integration/pages/account/order-templates-details.page.ts

@@ -19,7 +19,7 @@ export class OrderTemplatesDetailsPage {
   get listItemLink() {
     return cy
       .get('ish-account-order-template-detail-line-item')
-      .find('a[data-testing-id="order-template-product-link"]');
+      .find('[data-testing-id="order-template-product"] a[data-testing-id="product-name-link"]');
   }
 
   get OrderTemplateTitle() {

e2e/cypress/integration/pages/account/wishlists-details.page.ts

@@ -17,7 +17,7 @@ export class WishlistsDetailsPage {
   }
 
   get listItemLinks() {
-    return this.listItems.find('a[data-testing-id="wishlist-product-link"]');
+    return this.listItems.find('[data-testing-id="wishlist-product"] a[data-testing-id="product-name-link"]');
   }
 
   get wishlistTitle() {

src/app/core/directives/product-context.directive.ts

@@ -31,6 +31,11 @@ export class ProductContextDirective implements OnInit, OnChanges {
     this.context.set('sku', () => sku);
   }
 
+  @Input()
+  set categoryId(categoryId: string) {
+    this.context.set('categoryId', () => categoryId);
+  }
+
   @Input()
   set quantity(quantity: number) {
     this.context.set('quantity', () => quantity);
@@ -44,6 +49,10 @@ export class ProductContextDirective implements OnInit, OnChanges {
   @Input()
   set parts(parts: SkuQuantityType[]) {
     this.context.set('parts', () => parts);
+    this.context.set('displayProperties', () => ({
+      readOnly: true,
+      addToBasket: true,
+    }));
   }
 
   @Input()