title: How to show price of product on non shop page
body: <p>I would like to show the prices of all available products for users on a non-shop page.</p>
  
  <p>If I look into the code of the display of products on the shop page it gives me this line:</p>
  
  <pre><code>&lt;span t-if="product.price" t-esc="product.price" t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/&gt;
  </code></pre>
  
  <p>On my other page I call my products using this code:</p>
  
  <pre><code>&lt;t t-set="products" t-value="request.env['product.template'].search([])"/&gt;
  &lt;t t-foreach="products" t-as="product_template"&gt;
      &lt;span t-if="product_template.price" t-esc="product_template.price" t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/&gt;
  &lt;/t&gt;
  </code></pre>
  
  <p>This doesn't display the products price. If I remove the <code>t-if="product_template.price"</code> it displays <code>0.00 $</code>. So the <code>product_template.price</code> is not set?</p>
  
  <p>Should I call something like <code>&lt;t t-call="website_sale"/></code> or something similar? </p>
  
  <p>Thanks for your help!</p>
  
  <p><strong>Edit</strong>:</p>
  
  <p>On other product pages the classes <code>js_sale</code> <code>oe_website_sale</code> <code>oe_product</code> <code>oe_product_price</code> <code>oe_price_h4</code> are called. So I've tried this:</p>
  
  <pre><code>&lt;div id="wrap" class="js_sale"&gt;
    &lt;div class="oe_website_sale"&gt;
          &lt;t t-set="products" t-value="request.env['product.product'].search([['id', '=', 135]])"/&gt;
          &lt;div t-foreach="products" t-as="product" class="oe_product oe_grid"&gt;
            &lt;div class="oe_product_price product_price"&gt;
               &lt;h4 class="oe_price_h4"&gt;
                  &lt;span t-esc="product.price"/&gt;
              &lt;/h4&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But this still doesn't work. Any help please?</p>