Product List Example

<products-loader (loaded)="products = $event"/>
                <div class="product-grid">
                    <loop [data]="products" let="product">
                        <a [href]="product.pageURL" class="product-link">
                            <div class="product-card">
                                <div class="product-image-container">
                                    <img class="product-image" [src]="product.imageURL"/>
                                </div>
                                <div class="product-info">
                                    <span class="product-name">{{ product.name }}</span>
                                    <span class="product-price">{{ product.price }} {{ product.currency }}</span>
                                </div>
                            </div>
                        </a>
                    </loop>
            </div>