1 files changed, 41 insertions, 0 deletions
diff --git a/app/trading/templates/products/snippet.html b/app/trading/templates/products/snippet.html
new file mode 100644
index 0000000..3fc9f6f
--- /dev/null
+++ b/app/trading/templates/products/snippet.html
@@ -0,0 +1,41 @@
+{% load get_image_by_size %}
+{% load get_image_width %}
+{% with image=object.featured_image %}
+<div itemscope itemtype="http://schema.org/Product" class="product-card">
+    <meta itemprop="brand" content="{{object.brand.name}}" />
+    <figure itemscope itemtype="http://schema.org/ImageObject" class="picfull">
+        <a href="{% get_image_by_size image 'original' %}" title="view larger image">
+            <img class="u-photo" itemprop="contentUrl" sizes="(max-width: 750px) 100vw, (min-width: 751) 750px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.name %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}{% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.name%}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" >
+        </a>
+            <figcaption>{% if image.caption %}{{image.caption|safe}}{% endif %}{% if image.photo_credit_source %}{%if image.caption %} | {%endif%}image: {% if image.photo_credit_url %}<a href="{{image.photo_credit_url}}" itemprop="author">{%endif%}{{image.photo_credit_source|lower}}{% if image.photo_credit_url %}</a>{%endif%}{%endif%}
+        </figcaption>
+    </figure>
+    <div class="buy-btn-wrapper">
+        <h4 class="product-header" itemprop="name">{{object.get_full_name}}</h4>
+        <h5 class="product-link" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+            <a href="{{object.primary_offer_url}}" title="buy the {{object.get_full_name}} for ${{object.primary_offer_price}} from {{object.primary_offer_retailer.get_primary_offer_retailer_display}}" itemprop="url" rel="nofollow"> 
+                Buy Now ({{object.get_primary_offer_retailer_display}} 
+                <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="{{object.primary_offer_price}}">{{object.primary_offer_price}}</span>) 
+            </a>
+            <link itemprop="availability" href="http://schema.org/InStock" />
+        </h5>{% if object.secondary_offer_url %}
+        <h5 class="product-link" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+            <a href="{{object.secondary_offer_url}}" title="buy the {{object.get_full_name}} for ${{object.secondary_offer_price}} from {{object.secondary_offer_retailer.get_secondary_offer_retailer_display}}" itemprop="url">
+                Buy Now ({{object.get_secondary_offer_retailer_display}} 
+                <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="{{object.secondary_offer_price}}">{{object.secondary_offer_price}}</span>)
+            </a>
+            <link itemprop="availability" href="http://schema.org/InStock" />
+        </h5>{% endif %}
+    </div>
+    <span itemprop="review" itemscope itemtype="http://schema.org/Review">
+        <meta itemprop="name" content="{{object.get_full_name}}" />
+        <meta itemprop="author" content="Scott Gilbertson" />
+        <meta itemprop="datePublished" content="{{object.pub_date}}" />
+        <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
+        <meta itemprop="worstRating" content = "1"/>
+        <meta itemprop="ratingValue" content="{{object.rating}}" />
+        <meta itemprop="bestRating" content="10" />
+    </span>
+    <meta itemprop="description" content="{{object.body_markdown}}" />
+</div>
+{% endwith %}