title: MVC Areas and routing
body: <p>I'd like to have an area called "Products", where I can use routes such as </p>
  
  <blockquote>
    <p><a href="http://localhost/products/foo" rel="nofollow noreferrer">http://localhost/products/foo</a></p>
    
    <p><a href="http://localhost/products/bar" rel="nofollow noreferrer">http://localhost/products/bar</a></p>
  </blockquote>
  
  <p>I would like to have the views and other assets organized into a folder structure like</p>
  
  <pre><code>/areas/products/views/foo/index.aspx
  /areas/products/views/bar/index.aspx
  </code></pre>
  
  <p>I'd like to keep images, etc specifically related to each product (foo, bar) in their respective /area/products/views/(foo|bar)/ folder.</p>
  
  <p>I also do not want to have to add a controller action for each product. </p>
  
  <p>If I declare a route like</p>
  
  <pre><code>context.MapRoute(
      "products-show-product"
      , "Products/{id}"
      , new { controller = "Products", action = "Index", id=UrlParameter.Optional }
      );
  </code></pre>
  
  <p>and request the url</p>
  
  <blockquote>
    <p><a href="http://localhost/products/foo" rel="nofollow noreferrer">http://localhost/products/foo</a></p>
  </blockquote>
  
  <p>then <code>ProductsController.Index()</code> is called, as I would expect. However, since the view "foo" is not in the views/products or views/shared folder, it isn't being found.</p>
  
  <p>How can I do this so that I can keep each product's pages in a separate folder?</p>