message: docs: getting started guide use pipe before introduction
  In "Getting started" guide pipes are not intoduced anywhere but are used in the guide.
  Added refrence to pipes for better consistency in the tutorial.
  Fixes
  PR Close
diff: @@ -102,6 +102,12 @@ This section walks you through using the cart service to add a product to the ca
  <code-example header="src/app/product-details/product-details.component.html" path="getting-started/src/app/product-details/product-details.component.html">
  </code-example>
  + <div class="alert is-helpful">
  +
  + The line, `<h4>{{ product.price | currency }}</h4>` uses the `currency` pipe to transform `product.price` from a number to a currency string. A pipe is a way you can transform data in your HTML template. For more information about Angular pipes, see [Pipes](guide/pipes "Pipes").
  +
  + </div>
  +
  1. To see the new "Buy" button, refresh the application and click on a product's name to display its details.
  <div class="lightbox">
  