.thumbnail(500, 500, 'a') or url_for('nereid.webshop.send_static_file', filename='images/no-image.jpg') }})
37 |
13 |
58 |
97 |
98 |
133 | {% endblock main %}
134 |
135 |
136 | {% block script_tags %}
137 | {{ super() }}
138 |
141 | {% endblock script_tags %}
142 |
143 |
144 | {% block scripts %}
145 | {{ super() }}
146 |
160 | {% endblock scripts %}
161 |
--------------------------------------------------------------------------------
/static/js/imagesloaded.pkgd.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * imagesLoaded PACKAGED v3.1.8
3 | * JavaScript is all like "You images are done yet or what?"
4 | * MIT License
5 | */
6 |
7 | (function(){function e(){}function t(e,t){for(var n=e.length;n--;)if(e[n].listener===t)return n;return-1}function n(e){return function(){return this[e].apply(this,arguments)}}var i=e.prototype,r=this,o=r.EventEmitter;i.getListeners=function(e){var t,n,i=this._getEvents();if("object"==typeof e){t={};for(n in i)i.hasOwnProperty(n)&&e.test(n)&&(t[n]=i[n])}else t=i[e]||(i[e]=[]);return t},i.flattenListeners=function(e){var t,n=[];for(t=0;e.length>t;t+=1)n.push(e[t].listener);return n},i.getListenersAsObject=function(e){var t,n=this.getListeners(e);return n instanceof Array&&(t={},t[e]=n),t||n},i.addListener=function(e,n){var i,r=this.getListenersAsObject(e),o="object"==typeof n;for(i in r)r.hasOwnProperty(i)&&-1===t(r[i],n)&&r[i].push(o?n:{listener:n,once:!1});return this},i.on=n("addListener"),i.addOnceListener=function(e,t){return this.addListener(e,{listener:t,once:!0})},i.once=n("addOnceListener"),i.defineEvent=function(e){return this.getListeners(e),this},i.defineEvents=function(e){for(var t=0;e.length>t;t+=1)this.defineEvent(e[t]);return this},i.removeListener=function(e,n){var i,r,o=this.getListenersAsObject(e);for(r in o)o.hasOwnProperty(r)&&(i=t(o[r],n),-1!==i&&o[r].splice(i,1));return this},i.off=n("removeListener"),i.addListeners=function(e,t){return this.manipulateListeners(!1,e,t)},i.removeListeners=function(e,t){return this.manipulateListeners(!0,e,t)},i.manipulateListeners=function(e,t,n){var i,r,o=e?this.removeListener:this.addListener,s=e?this.removeListeners:this.addListeners;if("object"!=typeof t||t instanceof RegExp)for(i=n.length;i--;)o.call(this,t,n[i]);else for(i in t)t.hasOwnProperty(i)&&(r=t[i])&&("function"==typeof r?o.call(this,i,r):s.call(this,i,r));return this},i.removeEvent=function(e){var t,n=typeof e,i=this._getEvents();if("string"===n)delete i[e];else if("object"===n)for(t in i)i.hasOwnProperty(t)&&e.test(t)&&delete i[t];else delete this._events;return this},i.removeAllListeners=n("removeEvent"),i.emitEvent=function(e,t){var n,i,r,o,s=this.getListenersAsObject(e);for(r in s)if(s.hasOwnProperty(r))for(i=s[r].length;i--;)n=s[r][i],n.once===!0&&this.removeListener(e,n.listener),o=n.listener.apply(this,t||[]),o===this._getOnceReturnValue()&&this.removeListener(e,n.listener);return this},i.trigger=n("emitEvent"),i.emit=function(e){var t=Array.prototype.slice.call(arguments,1);return this.emitEvent(e,t)},i.setOnceReturnValue=function(e){return this._onceReturnValue=e,this},i._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},i._getEvents=function(){return this._events||(this._events={})},e.noConflict=function(){return r.EventEmitter=o,e},"function"==typeof define&&define.amd?define("eventEmitter/EventEmitter",[],function(){return e}):"object"==typeof module&&module.exports?module.exports=e:this.EventEmitter=e}).call(this),function(e){function t(t){var n=e.event;return n.target=n.target||n.srcElement||t,n}var n=document.documentElement,i=function(){};n.addEventListener?i=function(e,t,n){e.addEventListener(t,n,!1)}:n.attachEvent&&(i=function(e,n,i){e[n+i]=i.handleEvent?function(){var n=t(e);i.handleEvent.call(i,n)}:function(){var n=t(e);i.call(e,n)},e.attachEvent("on"+n,e[n+i])});var r=function(){};n.removeEventListener?r=function(e,t,n){e.removeEventListener(t,n,!1)}:n.detachEvent&&(r=function(e,t,n){e.detachEvent("on"+t,e[t+n]);try{delete e[t+n]}catch(i){e[t+n]=void 0}});var o={bind:i,unbind:r};"function"==typeof define&&define.amd?define("eventie/eventie",o):e.eventie=o}(this),function(e,t){"function"==typeof define&&define.amd?define(["eventEmitter/EventEmitter","eventie/eventie"],function(n,i){return t(e,n,i)}):"object"==typeof exports?module.exports=t(e,require("wolfy87-eventemitter"),require("eventie")):e.imagesLoaded=t(e,e.EventEmitter,e.eventie)}(window,function(e,t,n){function i(e,t){for(var n in t)e[n]=t[n];return e}function r(e){return"[object Array]"===d.call(e)}function o(e){var t=[];if(r(e))t=e;else if("number"==typeof e.length)for(var n=0,i=e.length;i>n;n++)t.push(e[n]);else t.push(e);return t}function s(e,t,n){if(!(this instanceof s))return new s(e,t);"string"==typeof e&&(e=document.querySelectorAll(e)),this.elements=o(e),this.options=i({},this.options),"function"==typeof t?n=t:i(this.options,t),n&&this.on("always",n),this.getImages(),a&&(this.jqDeferred=new a.Deferred);var r=this;setTimeout(function(){r.check()})}function f(e){this.img=e}function c(e){this.src=e,v[e]=this}var a=e.jQuery,u=e.console,h=u!==void 0,d=Object.prototype.toString;s.prototype=new t,s.prototype.options={},s.prototype.getImages=function(){this.images=[];for(var e=0,t=this.elements.length;t>e;e++){var n=this.elements[e];"IMG"===n.nodeName&&this.addImage(n);var i=n.nodeType;if(i&&(1===i||9===i||11===i))for(var r=n.querySelectorAll("img"),o=0,s=r.length;s>o;o++){var f=r[o];this.addImage(f)}}},s.prototype.addImage=function(e){var t=new f(e);this.images.push(t)},s.prototype.check=function(){function e(e,r){return t.options.debug&&h&&u.log("confirm",e,r),t.progress(e),n++,n===i&&t.complete(),!0}var t=this,n=0,i=this.images.length;if(this.hasAnyBroken=!1,!i)return this.complete(),void 0;for(var r=0;i>r;r++){var o=this.images[r];o.on("confirm",e),o.check()}},s.prototype.progress=function(e){this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded;var t=this;setTimeout(function(){t.emit("progress",t,e),t.jqDeferred&&t.jqDeferred.notify&&t.jqDeferred.notify(t,e)})},s.prototype.complete=function(){var e=this.hasAnyBroken?"fail":"done";this.isComplete=!0;var t=this;setTimeout(function(){if(t.emit(e,t),t.emit("always",t),t.jqDeferred){var n=t.hasAnyBroken?"reject":"resolve";t.jqDeferred[n](t)}})},a&&(a.fn.imagesLoaded=function(e,t){var n=new s(this,e,t);return n.jqDeferred.promise(a(this))}),f.prototype=new t,f.prototype.check=function(){var e=v[this.img.src]||new c(this.img.src);if(e.isConfirmed)return this.confirm(e.isLoaded,"cached was confirmed"),void 0;if(this.img.complete&&void 0!==this.img.naturalWidth)return this.confirm(0!==this.img.naturalWidth,"naturalWidth"),void 0;var t=this;e.on("confirm",function(e,n){return t.confirm(e.isLoaded,n),!0}),e.check()},f.prototype.confirm=function(e,t){this.isLoaded=e,this.emit("confirm",this,t)};var v={};return c.prototype=new t,c.prototype.check=function(){if(!this.isChecked){var e=new Image;n.bind(e,"load",this),n.bind(e,"error",this),e.src=this.src,this.isChecked=!0}},c.prototype.handleEvent=function(e){var t="on"+e.type;this[t]&&this[t](e)},c.prototype.onload=function(e){this.confirm(!0,"onload"),this.unbindProxyEvents(e)},c.prototype.onerror=function(e){this.confirm(!1,"onerror"),this.unbindProxyEvents(e)},c.prototype.confirm=function(e,t){this.isConfirmed=!0,this.isLoaded=e,this.emit("confirm",this,t)},c.prototype.unbindProxyEvents=function(e){n.unbind(e.target,"load",this),n.unbind(e.target,"error",this)},s});
--------------------------------------------------------------------------------
/templates/webshop/checkout/shipping_address.jinja:
--------------------------------------------------------------------------------
1 | {% extends 'checkout/base.jinja' %}
2 |
3 | {% from '_helpers.jinja' import render_field, render_address %}
4 |
5 | {% set checkout_step = 2 %}
6 | {% set checkout_step_name = _('Shipping Address') %}
7 |
8 |
9 | {% block main %}
10 |
11 |
112 | {% endblock main %}
113 |
114 | {% block scripts %}
115 | {{ super() }}
116 |
137 | {% endblock scripts %}
138 |
139 |
140 | {% block ga_page_view %}
141 | {{ google_analytics_add_product() }}
142 | ga('ec:setAction', 'checkout', {'step': 2});
143 | {% endblock ga_page_view %}
144 |
--------------------------------------------------------------------------------
/product.py:
--------------------------------------------------------------------------------
1 | # -*- coding: utf-8 -*-
2 | '''
3 | product
4 |
5 | :copyright: (c) 2014 by Openlabs Technologies & Consulting (P) Ltd.
6 | :license: GPLv3, see LICENSE for more details
7 |
8 | '''
9 | from decimal import Decimal
10 |
11 | from trytond.pool import Pool, PoolMeta
12 | from jinja2.filters import do_striptags
13 | from werkzeug.exceptions import NotFound
14 |
15 | from nereid import jsonify, flash, request, url_for, route, redirect, \
16 | render_template, abort
17 | from nereid.contrib.locale import make_lazy_gettext
18 |
19 | _ = make_lazy_gettext('gift_card')
20 |
21 | from forms import GiftCardForm
22 |
23 |
24 | __all__ = ['Product']
25 |
26 | __metaclass__ = PoolMeta
27 |
28 |
29 | class Product:
30 | "Product extension for Nereid"
31 | __name__ = "product.product"
32 |
33 | def get_default_image(self, name):
34 | "Returns default product image"
35 | ModelData = Pool().get('ir.model.data')
36 |
37 | # Get default image from default_image_set of product template
38 | # or product variant.
39 | if self.use_template_images:
40 | if self.template.default_image_set:
41 | return self.template.default_image_set.image.id
42 | elif self.default_image_set:
43 | return self.default_image_set.image.id
44 |
45 | # Fallback condition if there is no default_image_set defined
46 | images = self.get_images()
47 | if images:
48 | return images[0].id
49 | else:
50 | return ModelData.get_id("nereid_webshop", "mystery_box")
51 |
52 | def ga_product_data(self, **kwargs):
53 | '''
54 | Return a dictionary of the product information as expected by Google
55 | Analytics
56 |
57 | Other possible values for kwargs include
58 |
59 | :param list: The name of the list in which this impression is to be
60 | recorded
61 | :param position: Integer position of the item on the view
62 | '''
63 | rv = {
64 | 'id': self.code or unicode(self.id),
65 | 'name': self.name,
66 | 'category': self.category and self.category.name or None,
67 | }
68 | rv.update(kwargs)
69 | return rv
70 |
71 | def json_ld(self, **kwargs):
72 | '''
73 | Returns a JSON serializable dictionary of the product with the Product
74 | schema markup.
75 |
76 | See: http://schema.org/Product
77 |
78 | Any key value pairs passed to kwargs overwrites default information.
79 | '''
80 | sale_price = self.sale_price(1)
81 |
82 | return {
83 | "@context": "http://schema.org",
84 | "@type": "Product",
85 |
86 | "name": self.name,
87 | "sku": self.code,
88 | "description": do_striptags(self.description),
89 | "offers": {
90 | "@type": "Offer",
91 | "availability": "http://schema.org/InStock",
92 | "price": str(sale_price),
93 | "priceCurrency": request.nereid_currency.code,
94 | },
95 | "image": self.default_image.transform_command().thumbnail(
96 | 500, 500, 'a').url(_external=True),
97 | "url": self.get_absolute_url(_external=True),
98 | }
99 |
100 | @classmethod
101 | @route('/product/')
102 | @route('/product//')
103 | def render(cls, uri, path=None):
104 | """
105 | Render gift card template if product is of type gift card
106 | """
107 | render_obj = super(Product, cls).render(uri, path)
108 |
109 | if not isinstance(render_obj, NotFound) \
110 | and render_obj.context['product'].is_gift_card:
111 | # Render gift card
112 | return redirect(
113 | url_for('product.product.render_gift_card', uri=uri)
114 | )
115 | return render_obj
116 |
117 | @classmethod
118 | @route('/gift-card/', methods=['GET', 'POST'])
119 | def render_gift_card(cls, uri):
120 | """
121 | Add gift card as a new line in cart
122 | Request:
123 | 'GET': Renders gift card page
124 | 'POST': Buy Gift Card
125 | Response:
126 | 'OK' if X-HTTPRequest
127 | Redirect to shopping cart if normal request
128 | """
129 | SaleLine = Pool().get('sale.line')
130 | Cart = Pool().get('nereid.cart')
131 |
132 | try:
133 | product, = cls.search([
134 | ('displayed_on_eshop', '=', True),
135 | ('uri', '=', uri),
136 | ('template.active', '=', True),
137 | ('is_gift_card', '=', True)
138 | ], limit=1)
139 | except ValueError:
140 | abort(404)
141 |
142 | form = GiftCardForm(product)
143 |
144 | if form.validate_on_submit():
145 | cart = Cart.open_cart(create_order=True)
146 |
147 | # Code to add gift card as a line to cart
148 | values = {
149 | 'product': product.id,
150 | 'sale': cart.sale.id,
151 | 'type': 'line',
152 | 'sequence': 10,
153 | 'quantity': 1,
154 | 'unit': None,
155 | 'description': None,
156 | 'recipient_email': form.recipient_email.data,
157 | 'recipient_name': form.recipient_name.data,
158 | 'message': form.message.data,
159 | }
160 | values.update(SaleLine(**values).on_change_product())
161 |
162 | # Here 0 means the default option to enter open amount is
163 | # selected
164 | if form.selected_amount.data != 0:
165 | values.update({'gc_price': form.selected_amount.data})
166 | values.update(SaleLine(**values).on_change_gc_price())
167 | else:
168 | values.update({'unit_price': Decimal(form.open_amount.data)})
169 |
170 | order_line = SaleLine(**values)
171 | order_line.save()
172 |
173 | message = 'Gift Card has been added to your cart'
174 | if request.is_xhr: # pragma: no cover
175 | return jsonify(message=message)
176 |
177 | flash(_(message), 'info')
178 | return redirect(url_for('nereid.cart.view_cart'))
179 |
180 | return render_template(
181 | 'catalog/gift-card.html', product=product, form=form
182 | )
183 |
184 | def get_absolute_url(self, **kwargs):
185 | """
186 | Return gift card URL if product is a gift card
187 | """
188 | if self.is_gift_card:
189 | return url_for(
190 | 'product.product.render_gift_card', uri=self.uri, **kwargs
191 | )
192 | return super(Product, self).get_absolute_url(**kwargs)
193 |
--------------------------------------------------------------------------------
/tests/test_website.py:
--------------------------------------------------------------------------------
1 | '''
2 |
3 | Test Website
4 |
5 | :copyright: (c) 2014 by Openlabs Technologies & Consulting (P) LTD
6 | :license: GPLv3, see LICENSE for more details
7 | '''
8 | from decimal import Decimal
9 | from random import choice
10 | import json
11 |
12 | from trytond.tests.test_tryton import USER, DB_NAME, CONTEXT
13 | from trytond.transaction import Transaction
14 | from test_base import BaseTestCase
15 |
16 |
17 | class TestWebsite(BaseTestCase):
18 | """
19 | Test case for website.
20 | """
21 |
22 | def create_test_products(self):
23 | # Create product templates with products
24 | self._create_product_template(
25 | 'product 1',
26 | [{
27 | 'category': self.category.id,
28 | 'type': 'goods',
29 | 'salable': True,
30 | 'list_price': Decimal('10'),
31 | 'cost_price': Decimal('5'),
32 | 'account_expense': self._get_account_by_kind('expense').id,
33 | 'account_revenue': self._get_account_by_kind('revenue').id,
34 | }],
35 | uri='product-1',
36 | )
37 | self._create_product_template(
38 | 'product 2',
39 | [{
40 | 'category': self.category2.id,
41 | 'type': 'goods',
42 | 'salable': True,
43 | 'list_price': Decimal('20'),
44 | 'cost_price': Decimal('5'),
45 | 'account_expense': self._get_account_by_kind('expense').id,
46 | 'account_revenue': self._get_account_by_kind('revenue').id,
47 | }],
48 | uri='product-2',
49 | )
50 | self._create_product_template(
51 | 'product 3',
52 | [{
53 | 'category': self.category3.id,
54 | 'type': 'goods',
55 | 'list_price': Decimal('30'),
56 | 'cost_price': Decimal('5'),
57 | 'account_expense': self._get_account_by_kind('expense').id,
58 | 'account_revenue': self._get_account_by_kind('revenue').id,
59 | }],
60 | uri='product-3',
61 | )
62 | self._create_product_template(
63 | 'product 4',
64 | [{
65 | 'category': self.category3.id,
66 | 'type': 'goods',
67 | 'list_price': Decimal('30'),
68 | 'cost_price': Decimal('5'),
69 | 'account_expense': self._get_account_by_kind('expense').id,
70 | 'account_revenue': self._get_account_by_kind('revenue').id,
71 | }],
72 | uri='product-4',
73 | )
74 |
75 | def _create_product_template(
76 | self, name, vlist, uri, uom=u'Unit', displayed_on_eshop=True
77 | ):
78 | """
79 | Create a product template with products and return its ID
80 |
81 | :param name: Name of the product
82 | :param vlist: List of dictionaries of values to create
83 | :param uri: uri of product template
84 | :param uom: Note it is the name of UOM (not symbol or code)
85 | :param displayed_on_eshop: Boolean field to display product
86 | on shop or not
87 | """
88 | _code_list = []
89 | code = choice('ABCDEFGHIJK')
90 | while code in _code_list:
91 | code = choice('ABCDEFGHIJK')
92 | else:
93 | _code_list.append(code)
94 |
95 | for values in vlist:
96 | values['name'] = name
97 | values['default_uom'], = self.Uom.search(
98 | [('name', '=', uom)], limit=1
99 | )
100 | values['sale_uom'], = self.Uom.search(
101 | [('name', '=', uom)], limit=1
102 | )
103 | values['products'] = [
104 | ('create', [{
105 | 'uri': uri,
106 | 'displayed_on_eshop': displayed_on_eshop,
107 | 'code': code,
108 | }])
109 | ]
110 | return self.ProductTemplate.create(vlist)
111 |
112 | def test_0010_sitemap(self):
113 | """
114 | Tests the rendering of the sitemap.
115 | """
116 | with Transaction().start(DB_NAME, USER, context=CONTEXT):
117 | self.setup_defaults()
118 | app = self.get_app()
119 |
120 | node1, = self.Node.create([{
121 | 'name': 'Node1',
122 | 'type_': 'catalog',
123 | 'slug': 'node1',
124 | }])
125 |
126 | node2, = self.Node.create([{
127 | 'name': 'Node2',
128 | 'type_': 'catalog',
129 | 'slug': 'node2',
130 | 'display': 'product.template',
131 | }])
132 |
133 | node3, = self.Node.create([{
134 | 'name': 'Node3',
135 | 'type_': 'catalog',
136 | 'slug': 'node3',
137 | }])
138 |
139 | node4, = self.Node.create([{
140 | 'name': 'Node4',
141 | 'type_': 'catalog',
142 | 'slug': 'node4',
143 | }])
144 |
145 | node5, = self.Node.create([{
146 | 'name': 'Node5',
147 | 'type_': 'catalog',
148 | 'slug': 'node5',
149 | }])
150 |
151 | self.Node.write([node2], {
152 | 'parent': node1
153 | })
154 |
155 | self.Node.write([node3], {
156 | 'parent': node1,
157 | })
158 |
159 | self.Node.write([node4], {
160 | 'parent': node3,
161 | })
162 |
163 | self.Node.write([node5], {
164 | 'parent': node4,
165 | })
166 |
167 | with app.test_client() as c:
168 | rv = c.get('/sitemap')
169 | self.assertEqual(rv.status_code, 200)
170 |
171 | self.assertIn('Node1', rv.data)
172 | self.assertIn('Node2', rv.data)
173 | self.assertIn('Node3', rv.data)
174 | self.assertIn('Node4', rv.data)
175 |
176 | # Beyond depth of 2, will not show.
177 | self.assertNotIn('Node5', rv.data)
178 |
179 | def test_0020_search_data(self):
180 | """
181 | Tests that the auto-complete search URL returns JSON product data.
182 | """
183 | with Transaction().start(DB_NAME, USER, context=CONTEXT):
184 | self.setup_defaults()
185 | app = self.get_app()
186 |
187 | with app.test_client() as c:
188 | self.create_test_products()
189 |
190 | rv = c.get('/search-auto-complete?q=product')
191 | self.assertEqual(rv.status_code, 200)
192 |
193 | data = json.loads(rv.data)
194 |
195 | self.assertEquals(data['results'], [])
196 |
--------------------------------------------------------------------------------
/static/css/owl.carousel.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Core Owl Carousel CSS File
3 | * v1.24
4 | */
5 |
6 | /* clearfix */
7 | .owl-carousel .owl-wrapper:after {
8 | content: ".";
9 | display: block;
10 | clear: both;
11 | visibility: hidden;
12 | line-height: 0;
13 | height: 0;
14 | }
15 | /* display none until init */
16 | .owl-carousel{
17 | display: none;
18 | position: relative;
19 | width: 100%;
20 | -ms-touch-action: pan-y;
21 | }
22 | .owl-carousel .owl-wrapper{
23 | display: none;
24 | position: relative;
25 | -webkit-transform: translate3d(0px, 0px, 0px);
26 | }
27 | .owl-carousel .owl-wrapper-outer{
28 | overflow: hidden;
29 | position: relative;
30 | width: 100%;
31 | }
32 | .owl-carousel .owl-wrapper-outer.autoHeight{
33 | -webkit-transition: height 500ms ease-in-out;
34 | -moz-transition: height 500ms ease-in-out;
35 | -ms-transition: height 500ms ease-in-out;
36 | -o-transition: height 500ms ease-in-out;
37 | transition: height 500ms ease-in-out;
38 | }
39 |
40 | .owl-carousel .owl-item{
41 | float: left;
42 | }
43 | .owl-controls .owl-page,
44 | .owl-controls .owl-buttons div{
45 | cursor: pointer;
46 | }
47 | .owl-controls {
48 | -webkit-user-select: none;
49 | -khtml-user-select: none;
50 | -moz-user-select: none;
51 | -ms-user-select: none;
52 | user-select: none;
53 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54 | }
55 |
56 | /* mouse grab icon */
57 | .grabbing {
58 | cursor:url(../images/grabbing.png) 8 8, move;
59 | }
60 |
61 | /* fix */
62 | .owl-carousel .owl-wrapper,
63 | .owl-carousel .owl-item{
64 | -webkit-backface-visibility: hidden;
65 | -moz-backface-visibility: hidden;
66 | -ms-backface-visibility: hidden;
67 | -webkit-transform: translate3d(0,0,0);
68 | -moz-transform: translate3d(0,0,0);
69 | -ms-transform: translate3d(0,0,0);
70 | }
71 |
72 | /* CSS3 Transitions */
73 |
74 | .owl-origin {
75 | -webkit-perspective: 1200px;
76 | -webkit-perspective-origin-x : 50%;
77 | -webkit-perspective-origin-y : 50%;
78 | -moz-perspective : 1200px;
79 | -moz-perspective-origin-x : 50%;
80 | -moz-perspective-origin-y : 50%;
81 | perspective : 1200px;
82 | }
83 | /* fade */
84 | .owl-fade-out {
85 | z-index: 10;
86 | -webkit-animation: fadeOut .7s both ease;
87 | -moz-animation: fadeOut .7s both ease;
88 | animation: fadeOut .7s both ease;
89 | }
90 | .owl-fade-in {
91 | -webkit-animation: fadeIn .7s both ease;
92 | -moz-animation: fadeIn .7s both ease;
93 | animation: fadeIn .7s both ease;
94 | }
95 | /* backSlide */
96 | .owl-backSlide-out {
97 | -webkit-animation: backSlideOut 1s both ease;
98 | -moz-animation: backSlideOut 1s both ease;
99 | animation: backSlideOut 1s both ease;
100 | }
101 | .owl-backSlide-in {
102 | -webkit-animation: backSlideIn 1s both ease;
103 | -moz-animation: backSlideIn 1s both ease;
104 | animation: backSlideIn 1s both ease;
105 | }
106 | /* goDown */
107 | .owl-goDown-out {
108 | -webkit-animation: scaleToFade .7s ease both;
109 | -moz-animation: scaleToFade .7s ease both;
110 | animation: scaleToFade .7s ease both;
111 | }
112 | .owl-goDown-in {
113 | -webkit-animation: goDown .6s ease both;
114 | -moz-animation: goDown .6s ease both;
115 | animation: goDown .6s ease both;
116 | }
117 | /* scaleUp */
118 | .owl-fadeUp-in {
119 | -webkit-animation: scaleUpFrom .5s ease both;
120 | -moz-animation: scaleUpFrom .5s ease both;
121 | animation: scaleUpFrom .5s ease both;
122 | }
123 |
124 | .owl-fadeUp-out {
125 | -webkit-animation: scaleUpTo .5s ease both;
126 | -moz-animation: scaleUpTo .5s ease both;
127 | animation: scaleUpTo .5s ease both;
128 | }
129 | /* Keyframes */
130 | /*empty*/
131 | @-webkit-keyframes empty {
132 | 0% {opacity: 1}
133 | }
134 | @-moz-keyframes empty {
135 | 0% {opacity: 1}
136 | }
137 | @keyframes empty {
138 | 0% {opacity: 1}
139 | }
140 | @-webkit-keyframes fadeIn {
141 | 0% { opacity:0; }
142 | 100% { opacity:1; }
143 | }
144 | @-moz-keyframes fadeIn {
145 | 0% { opacity:0; }
146 | 100% { opacity:1; }
147 | }
148 | @keyframes fadeIn {
149 | 0% { opacity:0; }
150 | 100% { opacity:1; }
151 | }
152 | @-webkit-keyframes fadeOut {
153 | 0% { opacity:1; }
154 | 100% { opacity:0; }
155 | }
156 | @-moz-keyframes fadeOut {
157 | 0% { opacity:1; }
158 | 100% { opacity:0; }
159 | }
160 | @keyframes fadeOut {
161 | 0% { opacity:1; }
162 | 100% { opacity:0; }
163 | }
164 | @-webkit-keyframes backSlideOut {
165 | 25% { opacity: .5; -webkit-transform: translateZ(-500px); }
166 | 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
167 | 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
168 | }
169 | @-moz-keyframes backSlideOut {
170 | 25% { opacity: .5; -moz-transform: translateZ(-500px); }
171 | 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
172 | 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
173 | }
174 | @keyframes backSlideOut {
175 | 25% { opacity: .5; transform: translateZ(-500px); }
176 | 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
177 | 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
178 | }
179 | @-webkit-keyframes backSlideIn {
180 | 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
181 | 75% { opacity: .5; -webkit-transform: translateZ(-500px); }
182 | 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
183 | }
184 | @-moz-keyframes backSlideIn {
185 | 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
186 | 75% { opacity: .5; -moz-transform: translateZ(-500px); }
187 | 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
188 | }
189 | @keyframes backSlideIn {
190 | 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
191 | 75% { opacity: .5; transform: translateZ(-500px); }
192 | 100% { opacity: 1; transform: translateZ(0) translateX(0); }
193 | }
194 | @-webkit-keyframes scaleToFade {
195 | to { opacity: 0; -webkit-transform: scale(.8); }
196 | }
197 | @-moz-keyframes scaleToFade {
198 | to { opacity: 0; -moz-transform: scale(.8); }
199 | }
200 | @keyframes scaleToFade {
201 | to { opacity: 0; transform: scale(.8); }
202 | }
203 | @-webkit-keyframes goDown {
204 | from { -webkit-transform: translateY(-100%); }
205 | }
206 | @-moz-keyframes goDown {
207 | from { -moz-transform: translateY(-100%); }
208 | }
209 | @keyframes goDown {
210 | from { transform: translateY(-100%); }
211 | }
212 |
213 | @-webkit-keyframes scaleUpFrom {
214 | from { opacity: 0; -webkit-transform: scale(1.5); }
215 | }
216 | @-moz-keyframes scaleUpFrom {
217 | from { opacity: 0; -moz-transform: scale(1.5); }
218 | }
219 | @keyframes scaleUpFrom {
220 | from { opacity: 0; transform: scale(1.5); }
221 | }
222 |
223 | @-webkit-keyframes scaleUpTo {
224 | to { opacity: 0; -webkit-transform: scale(1.5); }
225 | }
226 | @-moz-keyframes scaleUpTo {
227 | to { opacity: 0; -moz-transform: scale(1.5); }
228 | }
229 | @keyframes scaleUpTo {
230 | to { opacity: 0; transform: scale(1.5); }
231 | }
232 |
--------------------------------------------------------------------------------
14 |
15 |
53 |
54 | {% endif %}
55 | {% endblock banner %}
56 |
57 |
16 |
52 |
17 |
18 |
23 |
51 |
24 | {% for banner in home_page_banners %}
25 |
44 |
47 |
50 |
26 | {% if banner.type == 'custom_code' %}
27 | {{ banner.custom_code|safe }}
28 | {% else %}
29 |
30 | {% if banner.type == 'image' %}
31 | 
32 | {% elif banner.type == 'remote_image' %}
33 | 
34 | {% endif %}
35 |
42 | {% endfor %}
43 |
36 |
39 |
40 | {% endif %}
41 | {{ banner.name }}
37 |{{ banner.description }}
38 |
59 | {% set featured_products = request.nereid_website.featured_products_node and request.nereid_website.featured_products_node.get_products(per_page=3) %}
60 | {% if featured_products %}
61 |
78 | {% endif %} 79 |
96 |
62 |
77 | Featured Products
63 | {% for product in featured_products %} 64 | 65 |
66 | .thumbnail(400, 400, 'a') }} "{{ product.name }}")
69 |
74 |
75 | {% endfor %}
76 |
70 |
73 | {{ product.name }}
71 |{{ product.get_description()|truncate(70, end="...View Details") }}
72 |78 | {% endif %} 79 |
80 |
95 |
81 | 
82 |
87 |
83 |
86 | Product Name
84 |Description
85 |
88 |
89 |
94 |
90 |
93 | Product Name
91 |Description
92 |
99 |
132 |
100 |
131 | -
101 |
-
102 | 103 |107 |
 }})
104 | SECURE PAYMENT
105 |Payment via credit card or Paypal
106 |
108 | -
109 | 110 |114 |
 }})
111 | WARRANTY & SERVICE
112 |Our customer service is simple and effective.
113 |
115 | -
116 | 117 |121 |
 }})
118 | QUALITY
119 |We are Certified Quality and Environment. And Living Heritage Company.
120 |
122 | -
123 | 124 |128 |
 }})
125 | CUSTOMER SERVICE
126 |A doubt, a question? reach us at 0000-000-0000.
127 |
129 |
12 |
13 |
111 |
14 |
110 |
15 |
105 |
16 |
104 |
17 | {% if not current_user.is_anonymous() and addresses %}
18 |
103 | {{ _('Choose an existing Shipping Address') }}
19 |
20 | {% for address in addresses %}
21 |
37 |
22 |
35 | {% if loop.index is divisibleby(2) %}
36 |
23 |
34 |
24 | {{ render_address(address, edit=False) }}
25 |
26 |
33 |
38 | {% endif %}
39 | {% endfor %}
40 |
41 |
42 | {#
43 |
44 |
45 |
46 |
50 | #}
51 |
52 |
47 | {{ _('Proceed to Payment') }}
48 |
49 |
53 |
55 | {% endif %}
56 |
57 | {{ _('or') }}
54 | 58 | {% if addresses %} 59 | {{ _('Add a new address below') }} 60 | {% else %} 61 | {{ _('Enter your shipping address') }} 62 | {% endif %} 63 |
64 |
65 |
102 |
66 |
67 |
100 |
101 |
106 |
107 | {{ cart_summary() }}
108 |
109 |
{{ _('Add Note') }}
99 | 102 | 103 |