added external link icon and removed price/dollar-sign

network-api/networkapi/wagtailpages/templates/buyersguide/product_page.html

@@ -51,7 +51,7 @@
       <div class="row intro mb-4">
         <h1 class="h1-heading col-12">{{product.title}}</h1>
         <div class="col-12 d-flex flex-column flex-md-row justify-content-between">
-          <a id="product-company-url" class="product-price pni-product-intro-large mb-2 mb-md-0" href="{{product.product_url}}" target="_blank">{{product.company}} {% if product.product_type == "general" %}${% endif %}{{product.price}}</a>
+          <a id="product-company-url" class="company-external-link pni-product-intro-large mb-2 mb-md-0" href="{{product.product_url}}" target="_blank">{{product.company}}</a>
           {% if product.uses_wifi or product.uses_bluetooth %}
             <div>
               {% if product.uses_wifi %}

source/sass/buyers-guide/views/product.scss

@@ -134,6 +134,19 @@
     }
   }
 
+  .company-external-link {
+    display: inline-flex;
+    align-items: center;
+
+    &::after {
+      content: " ";
+      width: 1em;
+      height: 1em;
+      background: url(../_images/buyers-guide/external-link.svg) no-repeat;
+      margin-left: 0.5em;
+    }
+  }
+
   .connectivity-requirement {
     display: inline-flex;
     align-items: center;