8000 update theme docs (build) · ecomplus/ecomplus.github.io@aecfb29 · GitHub
[go: up one dir, main page]
Skip to content
8000

Commit aecfb29

Browse files
leomp12leomp12
committed
update theme docs (build)
1 parent d46e385 commit aecfb29

File tree

1 file changed

+26
-26
lines changed

1 file changed

+26
-26
lines changed

‎docs/themes/index.html

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -143,26 +143,26 @@
143143
<a href="https://ecomsearch.docs.apiary.io/#reference/items" target="_blank">API reference</a>.</p><p>The <code>._ecom-el</code> element must also have the following attributes:</p><table><thead><tr><th style="text-align: center;">Attribute</th><th style="text-align: center;">Description</th></tr></thead><tbody><tr><td style="text-align: center;"><code>data-type</code></td><td style="text-align: center;">Equal to <code>items</code></td></tr><tr><td style="text-align: center;"><code>data-term</code></td><td style="text-align: center;">Searched keyword <em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-from</code></td><td style="text-align: center;">Results offset number <em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-size</code></td><td style="text-align: center;">Maximum number of results <em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-sort</code></td><td style="text-align: center;">Results ordering, one of <a href="#sort-items-search-result">these enumered values</a><em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-ids</code></td><td style="text-align: center;">Filter by specific products IDs separated by <code>,</code><em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-brands</code></td><td style="text-align: center;">Filter by list of brands IDs separated by <code>,</code><em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-categories</code></td><td style="text-align: center;">Filter by list of categories IDs separated by <code>,</code><em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-price-min</code></td><td style="text-align: center;">Filter by minimum price <em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-price-max</code></td><td style="text-align: center;">Filter by maximum price <em>(optional)</em></td></tr><tr><td style="text-align: center;"><code>data-spec-*</code></td><td style="text-align: center;">Filter by product specification <em>(optional)</em></td></tr></tbody></table><h4>Products list sample</h4><p>The example below is a simple implementation of a list of trending products,
144144
using <a href="https://vuejs.org/v2/guide/list.html" target="_blank">Vue list</a>:</p><pre><code class="language-html">&lt;div class="row _ecom-el" data-type="items"&gt;
145145
&lt;div class="col-md-2" v-for="item in body.hits.hits"&gt;
146-
&lt;div v-if="body = item._source" class="item"&gt;
147-
&lt;div v-if="body.pictures &amp;&amp; body.pictures[0] &amp;&amp; body.pictures[0].normal" class="item-img"&gt;
148-
&lt;img v-bind:src="body.pictures[0].normal.url" v-bind:alt="body.pictures[0].normal.alt" /&gt;
146+
&lt;div v-if="item = item._source" class="item"&gt;
147+
&lt;div v-if="item.pictures &amp;&amp; item.pictures[0] &amp;&amp; item.pictures[0].normal" class="item-img"&gt;
148+
&lt;img v-bind:src="item.pictures[0].normal.url" v-bind:alt="item.pictures[0].normal.alt" /&gt;
149149
&lt;/div&gt;
150-
&lt;a v-bind:href="body.slug"&gt;
151-
&lt;h3&gt; {{ name(body) }} &lt;/h3&gt;
150+
&lt;a v-bind:href="item.slug"&gt;
151+
&lt;h3&gt; {{ name(item) }} &lt;/h3&gt;
152152
&lt;/a&gt;
153153
&lt;p class="price-block"&gt;
154-
&lt;span v-if="onPromotion(body)"&gt;
155-
{{ body.currency_symbol }}
156-
&lt;strong class="price"&gt; {{ formatMoney(body.price) }} &lt;/strong&gt;
157-
&lt;span class="base-price"&gt; {{ formatMoney(body.base_price) }} &lt;/span&gt;
154+
&lt;span v-if="onPromotion(item)"&gt;
155+
{{ item.currency_symbol }}
156+
&lt;strong class="price"&gt; {{ formatMoney(item.price) }} &lt;/strong&gt;
157+
&lt;span class="base-price"&gt; {{ formatMoney(item.base_price) }} &lt;/span&gt;
158158
&lt;/span&gt;
159159
&lt;span v-else&gt;
160-
{{ body.currency_symbol }}
161-
&lt;strong class="price"&gt; {{ formatMoney(price(body)) }} &lt;/strong&gt;
160+
{{ item.currency_symbol }}
161+
&lt;strong class="price"&gt; {{ formatMoney(price(item)) }} &lt;/strong&gt;
162162
&lt;/span&gt;
163163
&lt;/p&gt;
164-
&lt;span v-if="body.available"&gt;
165-
&lt;button v-if="inStock()" class="buy"&gt; Buy &lt;/button&gt;
164+
&lt;span v-if="item.available"&gt;
165+
&lt;button v-if="inStock(item)" class="buy"&gt; Buy &lt;/button&gt;
166166
&lt;span class="no-stock" v-else&gt; Out of stock &lt;/span&gt;
167167
&lt;/span&gt;
168168
&lt;/div&gt;
@@ -187,26 +187,26 @@
187187
&lt;/a&gt;
188188
&lt;ul&gt;
189189
&lt;li v-for="item in body.hits.hits"&gt;
190-
&lt;div v-if="body = item._source" class="item"&gt;
191-
&lt;div v-if="body.pictures &amp;&amp; body.pictures[0] &amp;&amp; body.pictures[0].normal" class="item-img"&gt;
192-
&lt;img v-bind:src="body.pictures[0].normal.url" v-bind:alt="body.pictures[0].normal.alt" /&gt;
190+
&lt;div v-if="item = item._source" class="item"&gt;
191+
&lt;div v-if="item.pictures &amp;&amp; item.pictures[0] &amp;&amp; item.pictures[0].normal" class="item-img"&gt;
192+
&lt;img v-bind:src="item.pictures[0].normal.url" v-bind:alt="item.pictures[0].normal.alt" /&gt;
193193
&lt;/div&gt;
194-
&lt;a v-bind:href="body.slug"&gt;
195-
&lt;h4&gt; {{ name(body) }} &lt;/h4&gt;
194+
&lt;a v-bind:href="item.slug"&gt;
195+
&lt;h4&gt; {{ name(item) }} &lt;/h4&gt;
196196
&lt;/a&gt;
197-
&lt;p&gt; SKU: {{ body.sku }} &lt;/p&gt;
197+
&lt;p&gt; SKU: {{ item.sku }} &lt;/p&gt;
198198
&lt;p class="price-block"&gt;
199-
&lt;span v-if="onPromotion(body)"&gt;
200-
{{ body.currency_symbol }}
201-
&lt;strong class="price"&gt; {{ formatMoney(body.price) }} &lt;/strong&gt;
202-
&lt;span class="base-price"&gt; {{ formatMoney(body.base_price) }} &lt;/span&gt;
199+
&lt;span v-if="onPromotion(item)"&gt;
200+
{{ item.currency_symbol }}
201+
&lt;strong class="price"&gt; {{ formatMoney(item.price) }} &lt;/strong&gt;
202+
&lt;span class="base-price"&gt; {{ formatMoney(item.base_price) }} &lt;/span&gt;
203203
&lt;/span&gt;
204204
&lt;span v-else&gt;
205-
{{ body.currency_symbol }}
206-
&lt;strong class="price"&gt; {{ formatMoney(price(body)) }} &lt;/strong&gt;
205+
{{ item.currency_symbol }}
206+
&lt;strong class="price"&gt; {{ formatMoney(price(item)) }} &lt;/strong&gt;
207207
&lt;/span&gt;
208208
&lt;/p&gt;
209-
&lt;button v-if="inStock()" class="buy"&gt; Buy &lt;/button&gt;
209+
&lt;button v-if="inStock(item)" class="buy"&gt; Buy &lt;/button&gt;
210210
&lt;span class="no-stock" v-else&gt; Out of stock &lt;/span&gt;
211211
&lt;/div&gt;
212212
&lt;/li&gt;

0 commit comments

Comments
 (0)
0