Added additional information to Comparison List page [CLONE OF /pull/1674]

src/marketing/product-compare.md

@@ -11,11 +11,15 @@ Unlike the [Recently Viewed / Compared Products ]({% link marketing/products-vie
 
 ## Compare products on the storefront
 
+There are a few ways navigate to comparison list on the storefront.
+
+### From catalog pages
+
 1. The customer finds the products that they want to compare and clicks the **Add to Compare** link for each.
 
 1. Navigates to an associated category page.
 
-    Depending on the theme and page layout, there might be a Compare Products block in the sidebar. If so, the items in the category that are marked for comparison are listed.
+    Depending on the theme and page layout, there might be a _Compare Products_ block in the sidebar. If so, the items in the category that are marked for comparison are listed.
 
     The customer can click **Delete** (![Delete icon]({% link assets/icon-delete-x.png %})) for any product to remove it from the comparison report, or click **Clear All** to remove all items and start over with your compare selections.
 
@@ -27,3 +31,41 @@ Unlike the [Recently Viewed / Compared Products ]({% link marketing/products-vie
 
     ![Example storefront - compare products]({% link marketing/assets/storefront-compare-products.png %}){: .zoom}
     _Compare Products_
+
+## From a notification message
+
+1. After a customer adds a product to a comparison list, the page displays a notification message.
+
+1. In the displayed top message notification, clicks the _comparison list_ link.
+
+   ![Compare Products Notification]({% link catalog/assets/notification-comparison-list.png %}){: .zoom}
+   _Compare Products notification_
+
+This action redirects the customer to the comparison list where they can access additional actions.
+
+### From the Compare Products block
+
+1. The customer finds the products that they want to compare and clicks the **Add to Compare** link for each.
+
+1. In the header near the search field, clicks the _Compare Products_ link.
+
+   ![Compare Products Header]({% link catalog/assets/compare-products-header.png %}){: .zoom}
+   _Compare Products header_
+
+### From the My Account dashboard
+
+1. The customer adds needed products to the comparison list.
+
+1. Navigates to **My Account**.
+
+1. In the _Compare Products_ block, clicks <span class="btn">Compare</span>.
+
+   ![Compare Products block in customer account dashboard]({% link customers/assets/my-account-compare-block.png %}){: .zoom}
+   _Customer account dashboard - Compare Products block_
+
+## Additional comparison list actions
+
+(![Delete icon]({% link assets/icon-delete-x.png %})) | Deletes a single item from comparison list.
+<span class="btn">Add to Cart</span> | Adds product into shopping cart. If the product has any configurations, the page redirects the customer to the product page where they select the configurable options and then click <span class="btn">Add to Cart</span>.
+_Wishlist icon_ | Adds product into wishlist (requires wishlist functionality enabled in store configuration).
+_Print This Page_ | Prints comparison list page.