diff --git a/theme_alan/__init__.py b/theme_alan/__init__.py new file mode 100644 index 000000000..c3d410ea1 --- /dev/null +++ b/theme_alan/__init__.py @@ -0,0 +1,4 @@ +# -*- coding: utf-8 -*- + +from . import models +from . import controllers diff --git a/theme_alan/__manifest__.py b/theme_alan/__manifest__.py new file mode 100644 index 000000000..bdab36be4 --- /dev/null +++ b/theme_alan/__manifest__.py @@ -0,0 +1,93 @@ +# -*- coding: utf-8 -*- +{ + 'name': "Theme Alan", + 'category': 'Theme/eCommerce', + 'version': '1.0', + 'license': 'OPL-1', + 'author': 'Atharva System', + 'support': 'support@atharvasystem.com', + 'website' : 'https://www.atharvasystem.com', + 'live_test_url': 'https://alan-v17.atharvasystem.com', + 'description': """Theme Alan is one of the most powerful, amazing and flexible theme on Odoo store.""", + 'summary': 'Theme Alan is one of the most powerful, amazing and flexible theme on Odoo store.', + 'depends': ['atharva_theme_base'], + 'data': [ + 'views/headers_footers/header.xml', + 'views/headers_footers/footer.xml', + 'views/headers_footers/options.xml', + 'views/shop/shop.xml', + 'views/shop/templates.xml', + 'views/mixins.xml', + 'views/product/product.xml', + 'views/snippets/s_img_hotspot.xml', + 'views/snippets/snippets.xml', + 'views/snippets/s_website_builder.xml', + + # Frame Builder + 'views/snippets/s_blog_slider.xml', + 'views/snippets/s_brand_product.xml', + 'views/snippets/s_brand_slider.xml', + 'views/snippets/s_category_product.xml', + 'views/snippets/s_category_slider.xml', + 'views/snippets/s_dynamic.xml', + 'views/snippets/s_product_banner.xml', + 'views/snippets/s_product_slider.xml', + 'views/snippets/s_megamenu.xml' + ], + 'assets': { + 'web._assets_primary_variables': [ + '/theme_alan/static/src/scss/base/*', + ], + 'web.assets_frontend': [ + '/theme_alan/static/src/js/frontend/**/*.js', + '/theme_alan/static/src/js/snippets/Hotspot/000.js', + '/theme_alan/static/src/xml/templates.xml', + '/theme_alan/static/src/scss/feather/*', + '/theme_alan/static/src/scss/general/*', + '/theme_alan/static/src/scss/dynamic/*', + '/theme_alan/static/src/scss/product-details/*', + '/theme_alan/static/src/scss/shop/*', + '/theme_alan/static/src/scss/header/*', + '/theme_alan/static/src/scss/footer/*', + ], + 'web._assets_frontend_helpers': [], + 'web.assets_backend': [ + '/theme_alan/static/src/scss/dynamic/*', + '/theme_alan/static/src/scss/feather/*', + '/theme_alan/static/src/scss/backend.scss', + ], + 'website.assets_editor':[ + '/theme_alan/static/src/js/AlanTouch/*', + '/theme_alan/static/src/js/components/Menus/*' + ], + 'website.assets_wysiwyg':[ + '/theme_alan/static/src/js/snippets/Hotspot/options.js', + '/theme_alan/static/src/xml/templates.xml', + '/theme_alan/static/src/xml/website_builder/*.xml', + '/theme_alan/static/src/xml/website_builder/**/*.xml', + '/theme_alan/static/src/js/snippets/WebsiteBuilder/*', + # Frame Builder + '/theme_alan/static/src/xml/frame_static_snippets/**/*', + '/theme_alan/static/src/xml/mixins/*', + '/theme_alan/static/src/js/frontend/base/mixins.js', + '/theme_alan/static/src/js/frontend/registries.js', + '/theme_alan/static/src/js/components/UserInfo/*', + '/theme_alan/static/src/js/snippets/DynamicSnippets/**/*', + '/theme_alan/static/src/js/snippets/StaticSnippets/*', + '/theme_alan/static/src/js/components/SelectData/*', + '/theme_alan/static/src/js/snippets/Megamenu/**/*', + '/theme_alan/static/src/js/components/SnippetPicker/*', + '/theme_alan/static/src/js/components/SnippetBox/*', + '/theme_alan/static/src/js/components/FramePreview/*', + '/theme_alan/static/src/js/components/FrameData/*', + '/theme_alan/static/src/js/components/FrameMaker/*', + '/theme_alan/static/src/js/components/SnippetBuilder/*', + '/theme_alan/static/src/js/snippet_config.js', + + ], + }, + 'price': 222.00, + 'currency': 'EUR', + 'images': ['static/description/alan_description.jpg','static/description/alan_screenshot.gif'], + 'application': False, +} diff --git a/theme_alan/controllers/__init__.py b/theme_alan/controllers/__init__.py new file mode 100644 index 000000000..58c8a5cba --- /dev/null +++ b/theme_alan/controllers/__init__.py @@ -0,0 +1,4 @@ +# -*- coding: utf-8 -*- + +from . import controllers +from . import snippets \ No newline at end of file diff --git a/theme_alan/controllers/controllers.py b/theme_alan/controllers/controllers.py new file mode 100644 index 000000000..f4623b93c --- /dev/null +++ b/theme_alan/controllers/controllers.py @@ -0,0 +1,404 @@ +# -*- coding: utf-8 -*- + +import logging + +import odoo +from odoo import http, _, fields +from odoo.http import request, route +from odoo.tools import lazy +from odoo.osv import expression + +from odoo.exceptions import UserError +from odoo.addons.web.controllers.home import Home +from odoo.addons.web.controllers.utils import ensure_db +from odoo.addons.website.controllers.main import QueryURL +from odoo.addons.auth_oauth.controllers.main import OAuthLogin +from odoo.addons.auth_signup.models.res_users import SignupError +from odoo.addons.website_sale.controllers.main import WebsiteSale, TableCompute +from odoo.addons.website_sale.controllers.variant import WebsiteSaleVariantController +from odoo.addons.website.controllers.main import Website +from odoo.addons.http_routing.models.ir_http import slug + +_logger = logging.getLogger(__name__) + +class WebsiteSaleAlanVariant(WebsiteSaleVariantController): + @route() + def get_combination_info_website(self, *args, **kwargs): + res = super().get_combination_info_website(*args, **kwargs) + res.update({'bulk_save': False}) + if "product_id" in res.keys(): + product_id = request.env['product.product'].sudo().browse(res.get("product_id", 0)) + current_pricelist = request.website._get_current_pricelist() + if current_pricelist: + pricelist_item_ids = current_pricelist.sudo()._get_applicable_rules(product_id, fields.Date.today()) + template = request.env['ir.ui.view']._render_template("theme_alan.bulk_save_offers",{ + 'product': product_id, + 'pricelist_item_ids': pricelist_item_ids }) + + get_offer_date = product_id._get_offer_timing(current_pricelist) + res.update({'bulk_save': template, 'offer_timer':get_offer_date}) + res.update({'default_code':product_id.default_code, 'last_month_count': product_id.get_sale_count_last_month()}) + return res + +class WebsiteSaleAlanShop(WebsiteSale): + + def hide_out_of_stock(self, product): + combination = product.sudo()._get_first_possible_combination() + combination = product.sudo()._get_combination_info(combination, add_qty=1) + product_id = request.env['product.product'].sudo().browse([combination['product_id']]) + website = request.env['website'].get_current_website() + if not product_id.sudo().allow_out_of_stock_order and product_id.sudo().with_context(warehouse=website._get_warehouse_available()).virtual_available < 1: + return False + else: + return product.id + + def _shop_lookup_products(self, attrib_set, options, post, search, website): + # No limit because attributes are obtained from complete product list + product_count, details, fuzzy_search_term = website._search_with_fuzzy("products_only", search, + limit=None, + order=self._get_search_order(post), + options=options) + search_result = details[0].get('results', request.env['product.template']).with_context(bin_size=True) + + only_stock = request.session.get("stock", False) + if only_stock: + search_result = request.env["product.template"].sudo().browse(list([prod_id for prod_id in map(self.hide_out_of_stock, search_result) if prod_id != False])) + + return fuzzy_search_term, product_count, search_result + + def _rbt_count(self, search_product, brand_list, tag_list, attributes): + tag_count = { tag.id: len(tag.product_template_ids.sudo().filtered(lambda x: x in search_product)) for tag in tag_list} + attr_count = { attr.id : len(attr.pav_attribute_line_ids.mapped('product_tmpl_id').sudo().filtered(lambda x: x in search_product)) for attr in attributes.mapped('value_ids')} + brand_count = { brand.id : len(brand.brand_product_ids.sudo().filtered(lambda x: x in search_product)) for brand in brand_list} + return tag_count, attr_count, brand_count + + def _count_category_products(self): + category_count = {} + all_categs = request.env['product.public.category'].search([('website_id', 'in', [False, request.website.id])]).sudo() + for rec in all_categs: + child_ids = all_categs.search([('id', 'child_of', rec.ids), ('website_id', 'in', [False, request.website.id])]) + category_count[rec.id] = len(child_ids.mapped('product_tmpl_ids').sudo().filtered(lambda x: x.is_published)) + return category_count + + @route() + def shop(self, page=0, category=None, search='', min_price=0.0, max_price=0.0, ppg=False, **post): + # Session based PPG + if ppg: + request.session['ppg'] = ppg + else: + if request.session.get('ppg', False): + ppg = request.session['ppg'] + else: + ppg = False + + only_stock = request.session.get("stock", False) + if post.get("stock", False) == 'active': + only_stock = True + elif post.get("stock", False) == 'inactive': + only_stock = False + request.session["stock"] = only_stock + + brand_list = request.httprequest.args.getlist('brand') + rating_list = request.httprequest.args.getlist('rating') + env_context = dict(request.env.context) + env_context.update({ 'brands':brand_list, 'rating':rating_list}) + request.env.context = env_context + + # Calling Super + res = super(WebsiteSaleAlanShop, self).shop(page, category, search, min_price, max_price, ppg, **post) + url = '/shop' + if category: + url = "/shop/category/%s" % slug(category) + as_search_prds = res.qcontext['search_product'] + # Load More + if request.website.active_load_more: + as_ppg = res.qcontext['ppg'] + ofst = 0 + alan_pager = request.website.pager(url=url, total=res.qcontext['search_count'], page=page, step=as_ppg, scope=res.qcontext['search_count'], url_args=post) + for page in alan_pager.get('pages'): + page.update(prd_ids=as_search_prds[ofst:ofst + as_ppg].ids) + ofst += as_ppg + res.qcontext.update({'alan_pager':alan_pager}) + + # For Brands Filters + brand_ids = as_search_prds.mapped("product_brand_id") + brand_set = [int(brand) for brand in brand_list] + + # For Rating Filters + rating_max = 1 + if len(as_search_prds.sudo().mapped("rating_avg")): + rating_max = int(max(as_search_prds.sudo().mapped("rating_avg"))) + 1 + rating_set = [int(rating) for rating in rating_list] + + tag_count, attr_count, brand_count = self._rbt_count(res.qcontext.get('search_product'), brand_ids, res.qcontext.get('all_tags', False), res.qcontext.get('attributes', False)) + category_count = self._count_category_products() + + res.qcontext.update({ + 'stock_only':request.session["stock"], + 'ppg_list':request.env['as.ppg'].search([]), + 'as_shop':True, + 'brands':brand_ids, + 'brand_set': brand_set, + 'ratings':rating_max, + 'rating_set': rating_set, + 'category_count': category_count, + 'tag_count': tag_count, + 'attr_count': attr_count, + 'brand_count': brand_count, + 'selected_brands': request.env['as.product.brand'].browse(brand_set), + 'selected_tags' : request.env['product.tag'].browse(res.qcontext.get('tags')), + }) + return res + + @route('/nextpage/products', auth='public', type="json", website=True) + def nextpage_products(self, **kw): + if kw.get('product_ids'): + products = request.env['product.template'].sudo() + if kw.get('products'): + products = request.env['product.template'].sudo().browse(kw.get('products')) + website = request.env['website'].get_current_website() + pricelist = website.pricelist_id + ppg = int(request.session.get('ppg') or 20) + ppr = int(kw.get('ppr') or 4) + product_ids = request.env['product.template'].sudo().browse(kw.get('product_ids')) + products |= product_ids + fiscal_position_sudo = website.fiscal_position_id.sudo() + products_prices = lazy(lambda: product_ids._get_sales_prices(pricelist, fiscal_position_sudo)) + keep = QueryURL('/shop',) + + return request.env['ir.ui.view']._render_template("theme_alan.shop_page_next_products",{ + 'bins': lazy(lambda: TableCompute().process(product_ids.sudo(), ppg, ppr)), + 'ppg':ppg, + 'ppr':ppr, + 'keep': keep, + 'products': products, + 'products_prices': products_prices, + 'get_product_prices': lambda product: lazy(lambda: products_prices[product.id]), + 'products_in_wishlist': request.env['product.wishlist'].sudo().current().product_id.product_tmpl_id, + }) + return {} + + @route('/get_similar_product', auth='public', type="json", website=True) + def similar_product(self, **kw): + product_id = kw.get('product_id') + domain = expression.AND([request.website.sale_product_domain(), [('id', '=', product_id)]]) + product = request.env['product.template'].sudo().search(domain, limit=1) + if not product: + return False + else: + return request.env['ir.ui.view']._render_template("theme_alan.as_similar_product", {'products':product.alternative_product_ids}) + + @route() + def product(self, product, category='', search='', **kwargs): + res = super(WebsiteSaleAlanShop, self).product(product, category, search, **kwargs) + res.qcontext.update({'as_product_detail':True}) + domain = request.website.sale_product_domain() + [('active','=',True), ('website_published','=',True)] + prod_lst = product.search(domain , order="website_sequence").mapped("id") + previous_product = next_product = False + if product.id in prod_lst: + last_product_idx = len(prod_lst) - 1 + current_product_idx = prod_lst.index(product.id) + if current_product_idx != last_product_idx: + next_prod_id = prod_lst[current_product_idx + 1] + next_product = product.browse(next_prod_id) + if current_product_idx != 0: + prev_prod_id = prod_lst[current_product_idx - 1] + previous_product = product.browse(prev_prod_id) + res.qcontext.update({'next_product':next_product,'previous_product':previous_product}) + return res + + @route('/get_quick_view', auth='public', type="json", website=True) + def quick_view(self, **kw): + product_id = kw.get('product_id') + domain = expression.AND([request.website.sale_product_domain(), [('id', '=', product_id)]]) + product = request.env['product.template'].search(domain, limit=1) + if not product: + return False + values = self._prepare_product_values(product, category='', search='', **kw) + return request.env['ir.ui.view']._render_template("theme_alan.as_quick_view", values=values) + + @route('/advance/info/editor/', auth='user', type="http", website=True) + def offer_design(self, offer): + return request.render('theme_alan.as_product_advance_info_design', {'layout': offer}) + + @route('/get_advance_info', auth='public', type="json", website=True) + def get_advance_info(self, advance_info_id): + offer = request.env['as.product.extra.info'].sudo().search([('id','=',advance_info_id)], limit=1) + if offer.detail_description: + return offer.detail_description + return "" + + @route('/get_color_product', auth='public', type="json", website=True) + def get_color_product(self, **kw): + product_id = kw.get('product_id') + domain = expression.AND([request.website.sale_product_domain(), [('id', '=', product_id)]]) + product = request.env['product.template'].sudo().search(domain, limit=1) + if not product: + return False + else: + return request.env['ir.ui.view']._render_template("theme_alan.as_color_product_dialog",{ + 'product':product, + 'product_variant':product.product_variant_ids, + }) + +class AlanShops(http.Controller): + + @route(['/shop/brands', '/shop/brands/page/'], type='http', auth="public", website=True) + def BrandPage(self, page=0): + domain = ['&',('active','=',True), ('website_id', 'in', (False, request.website.id))] + brands = request.env['as.product.brand'].sudo().search(domain, order="name asc") + total = brands.sudo().search_count([]) + pager = request.website.pager( + url='/shop/brands', + total=total, + page=page, + step=30, + ) + offset = pager['offset'] + brands = brands[offset: offset + 30] + return request.render("theme_alan.brand_list", {'brands':brands, 'pager': pager}) + + @route('/get_mini_cart', auth='public', type="json", website=True) + def mini_cart(self, **kw): + order = request.website.sale_get_order() + suggested_products = order.website_order_line.sudo().product_id.mapped('accessory_product_ids').filtered(lambda x: (x.is_published and x.sale_ok) and x.allow_out_of_stock_order) + context = {'website_sale_order': order,'suggested_products':suggested_products} + value = { 'as_mini_cart_lines':request.env["ir.ui.view"]._render_template("theme_alan.as_mini_cart_lines", context),'as_mini_cart': request.env["ir.ui.view"]._render_template("theme_alan.as_mini_cart", context)} + return value + + @route('/as_clear_cart', type="json", auth="public", website=True) + def as_clear_cart(self, **kw): + order = request.website.sale_get_order() + request.session['website_sale_cart_quantity'] = 0 + order.unlink() + return {'empty_mini_cart': request.env["ir.ui.view"]._render_template("theme_alan.as_empty_mini_cart")} + + @route('/get_alan_configuration', auth='public', type="json", website=True) + def get_alan_configuration(self, **kw): + website = request.website + data = { + 'active_login_popup':website.active_login_popup, + 'active_mini_cart':website.active_mini_cart, + 'active_scroll_top':website.active_scroll_top, + 'active_b2b_mode':website.active_b2b_mode, + + 'active_shop_quick_view': website.active_shop_quick_view, + 'active_shop_rating': website.active_shop_rating, + 'active_shop_similar_product': website.active_shop_similar_product, + 'active_shop_offer_timer': website.active_shop_offer_timer , + 'active_shop_color_variant': website.active_shop_color_variant, + 'active_shop_stock_info': website.active_shop_stock_info, + 'active_shop_brand_info': website.active_shop_brand_info, + 'active_shop_hover_image':website.active_shop_hover_image, + 'active_shop_label':website.active_shop_label, + 'active_shop_clear_filter':website.active_shop_clear_filter, + 'active_shop_ppg':website.active_shop_ppg, + 'active_stock_only':website.active_stock_only, + 'active_load_more':website.active_load_more, + 'active_brand_filter':website.active_brand_filter, + 'active_rating_filter':website.active_rating_filter, + 'active_attribute_count':website.active_attribute_count, + 'active_attribute_search':website.active_attribute_search, + + 'active_product_label':website.active_product_label, + 'active_product_offer_timer':website.active_product_offer_timer, + 'active_product_reference':website.active_product_reference, + 'active_product_category':website.active_product_category, + 'active_product_brand':website.active_product_brand, + 'active_product_advance_info':website.active_product_advance_info, + 'active_product_variant_info':website.active_product_variant_info, + 'active_product_accessory':website.active_product_accessory, + 'active_product_alternative':website.active_product_alternative, + 'active_product_pager':website.active_product_pager, + 'active_product_sticky':website.active_product_sticky, + 'active_product_bulk_save':website.active_product_bulk_save, + 'active_last_month_count': website.active_last_month_count + } + return data + + @route('/set_alan_configuration', auth='public', type="json", website=True) + def set_alan_configuration(self, is_active, setting): + request.website.write({ setting: is_active }) + return True + +class LoginPopup(Home): + + @route('/get_login_popup', type='json', auth="public", website=True) + def alan_login_popup(self, **kwargs): + context = {} + providers = OAuthLogin.list_providers(self) + context.update(super().get_auth_signup_config()) + context.update({'providers':providers}) + signup_enabled = request.env['res.users']._get_signup_invitation_scope() == 'b2c' + reset_password_enabled = request.env['ir.config_parameter'].sudo().get_param('auth_signup.reset_password') == 'True' + website_logo = request.website.image_url(request.website,'logo') + context.update({'signup_enabled':signup_enabled ,"reset_password_enabled":reset_password_enabled,'website_logo':website_logo}) + return request.env['ir.ui.view']._render_template("theme_alan.as_shop_login",context) + + @route('/alan/login/authenticate', type='json', auth="none") + def alan_login_authenticate(self, **kwargs): + ''' Login Authentication ''' + ensure_db() + request.params['login_success'] = False + if not request.uid: + request.update_env(user=odoo.SUPERUSER_ID) + values = request.params.copy() + if request.httprequest.method == 'POST': + try: + uid = request.session.authenticate(request.db, request.params['login'], request.params['password']) + request.params['login_success'] = True + request.redirect(self._login_redirect(uid, redirect=None)) + return request.params + except odoo.exceptions.AccessDenied as e: + if e.args == odoo.exceptions.AccessDenied().args: + values['error'] = _("Wrong login/password") + else: + values['error'] = e.args[0] + if 'login' not in values and request.session.get('auth_login'): + values['login'] = request.session.get('auth_login') + return values + + @route('/alan/signup/authenticate', type="json", auth="public") + def alan_signup_authenticate(self,*args, **kw): + ''' Signup Authentication ''' + qcontext = super(LoginPopup,self).get_auth_signup_qcontext() + if 'error' not in qcontext and request.httprequest.method == 'POST': + try: + super(LoginPopup,self).do_signup(qcontext) + User = request.env['res.users'] + user_sudo = User.sudo().search( + User._get_login_domain(qcontext.get('login')), order=User._get_login_order(), limit=1 + ) + template = request.env.ref('auth_signup.mail_template_user_signup_account_created', raise_if_not_found=False) + if user_sudo and template: + template.sudo().send_mail(user_sudo.id, force_send=True) + return {'signup_success':True} + except UserError as e: + qcontext['error'] = e.args[0] + except (SignupError, AssertionError) as e: + if request.env['res.users'].sudo().search([('login', '=', qcontext.get('login'))]): + qcontext['error'] = _('Another user is already registered using this email address.') + else: + _logger.error("%s", e) + qcontext['error'] = _('Could not create a new account.') + return qcontext + +class B2BWebsite(Website): + + @route() + def autocomplete(self, search_type=None, term=None, order=None, limit=5, max_nb_chars=999, options=None): + result = super().autocomplete(search_type, term, order, limit, max_nb_chars, options) + if request.env.user._is_public() and request.website.active_b2b_mode: + result['parts']['is_b2b_mode'] = True + else: + result['parts']['is_b2b_mode'] = False + return result + + @route() + def hybrid_list(self, page=1, search='', search_type='all', **kw): + result = super().hybrid_list(page, search, search_type, **kw) + if request.env.user._is_public() and request.website.active_b2b_mode: + result.qcontext['is_b2b_mode'] = True + else: + result.qcontext['is_b2b_mode'] = False + return result \ No newline at end of file diff --git a/theme_alan/controllers/snippets.py b/theme_alan/controllers/snippets.py new file mode 100644 index 000000000..ba3f36152 --- /dev/null +++ b/theme_alan/controllers/snippets.py @@ -0,0 +1,432 @@ +# -*- coding: utf-8 -*- + +import json +import ast +import random +import logging + +from odoo import http, _ +from odoo.http import request, route + +_logger = logging.getLogger(__name__) + +class ThemeAlan(http.Controller): + + @route('/get_hotspot_product', auth='public', type="json", website=True) + def getHotSpotInfo(self, product_tmpl_id=0, style="st1"): + product_id = request.env['product.template'].sudo().browse(int(product_tmpl_id)) + template = request.env['ir.ui.view']._render_template("theme_alan.as_img_hotspot_product_popover", { + 'product':product_id, + 'style':style, + }) + return {'template':template} + + @http.route('/select/data/fetch', auth='user', type="http", website=True) + def select2DataFetch(self, terms=False, searchIn=False, **kwargs): + results = [] + parent_category = kwargs.get("parent_category", 0) + website_domain = request.website.website_domain() + if searchIn: + searchIn = ast.literal_eval(searchIn) + for search in searchIn: + if parent_category: + kwargs.get("parent_category", 0) + domain = website_domain + [('parent_id','=',int(parent_category)),('name','ilike',terms)] + records = request.env[search].search(domain) + else: + domain = website_domain + [('name','ilike',terms)] + if search in ["product.template", "blog.post"]: + domain += [('is_published','=',True)] + records = request.env[search].search(domain) + for record in records: + if search == "product.public.category": + if parent_category: + data = { 'id':record.id, 'name':record.name, 'modal':search, + 'img': request.website.image_url(record, "image_256") } + results.append(data) + else: + # if not record.parent_id: + data = { 'id':record.id, 'name':record.name, 'modal':search , + 'img': request.website.image_url(record, "image_256")} + results.append(data) + elif search == "blog.post": + data = { 'id':record.id, 'name':record.display_name, 'modal':search , + 'img': request.website.image_url(record, "author_avatar")} + results.append(data) + else: + data = { 'id':record.id, 'name':record.display_name, 'modal':search , + 'img': request.website.image_url(record, "image_256")} + results.append(data) + return json.dumps(results) + + @route('/get_template', auth='user', type="json", website=True) + def getTemplate(self, template, context={}): + return request.env['ir.ui.view']._render_template(template, context) + + @route('/get_select2_data', auth='user', type="json", website=True) + def getSelect2Data(self, **kwargs): + model = kwargs.get("model", False) + if model: + ids = kwargs.get("record_ids", [0]) + data = request.env[model].browse([int(i) for i in ids]) + if len(data) == 1: + return {'id':data.id, 'text':data.display_name} + return False + + @route('/save_user_custom_frame', auth='public', type="json", website=True) + def saveUserFrame(self, frame=False, is_default_frame=False, default_frame_id=False, frame_config=False): + response = {} + name = request.env['ir.sequence'].sudo().next_by_code('as.frames.seq') + if not is_default_frame: + frame_id = request.env['as.snippet.frame'].create({'name':name, 'snippet_frame':frame, 'snippet_frame_html':frame}) + response.update({'frame':frame_id.id}) + else: + response.update({'frame':default_frame_id}) + name = request.env['ir.sequence'].sudo().next_by_code('as.frame.config.seq') + frame_config_id = request.env['as.snippet.frame.config'].create({'name':name,'snippet_frame_config':frame_config}) + response.update({'frame_config':frame_config_id.id}) + return response + + @route('/get_snippet_frame', auth='public', type="json", website=True) + def getSnippetFrame(self, frame_id=False, frame_config=False): + if frame_id and frame_config: + frame_config_id = request.env['as.snippet.frame.config'].search([('id','=', int(frame_config))]) + frame = request.env['as.snippet.frame'].search([('id','=', int(frame_id))]) + return {'frame_id':frame.snippet_frame, 'frame_config':frame_config_id.snippet_frame_config} + return { 'frame_id':False, 'frame_config':False } + + @route('/get_default_frame', auth='public', type="json", website=True) + def getDefaultSnippetFrame(self): + frame_ids = request.env['as.snippet.frame'].search([]) + template = request.env['ir.ui.view']._render_template("theme_alan.s_default_frame",{'frame_ids':frame_ids}) + return { 'response':template } + + @route('/delete_default_frame', auth='public', type="json", website=True) + def deleteDefaultSnippetFrame(self, frame_id=False): + if frame_id: + request.env['as.snippet.frame'].search([('id','=', frame_id)]).unlink() + return True + + @route('/get_record_detail', auth='public', type="json", website=True) + def getDetailInfo(self, record_id=False, model=False, **kwargs): + if record_id and model: + rec_info = request.env[model].browse(record_id) + if model == "blog.post": + return {"id": rec_info.id, + "display_name":rec_info.display_name, + "image": request.website.image_url(rec_info,"author_avatar") } + else: + return {"id": rec_info.id, + "display_name":rec_info.display_name, + "image": request.website.image_url(rec_info,"image_1024") } + + @route('/get_records_details', auth='public', type="json", website=True) + def getDetailsInfos(self, record_ids=[], model=False): + if record_ids and model: + record_ids = [int(i) for i in record_ids] + rec_info = request.env[model].browse(record_ids) + if model == "blog.post": + return [{"id": rec.id, "display_name":rec.display_name, + "name":rec.name, + "image": request.website.image_url(rec,"author_avatar") } + for rec in rec_info ] + else: + return [{"id": rec.id, "display_name":rec.display_name, + "name":rec.name, + "image": request.website.image_url(rec,"image_1024") } + for rec in rec_info ] + + def sort_records(self, modal, sort, limit, domain, random_record=False): + if modal in ["product.template", "blog.post"]: + domain += [('is_published','=',True)] + if sort: + records = request.env[modal].search(domain, limit=limit, order=sort) + else: + if random_record: + records = request.env[modal].search(domain) + rec_lst = [{"id": rec.id, "display_name":rec.display_name, + "image": request.website.image_url(rec,"image_1024") } + for rec in records ] + random.shuffle(rec_lst) + return rec_lst[:16] + else: + records = request.env[modal].search(domain, limit=limit ) + return records + + @route('/get_quick_record', auth='public', type="json", website=True) + def getQuickRecords(self, mode=False): + website = request.website + limit = 50 + from_date = 182 + website_domain = request.website.website_domain() + if mode == "get_latest_product": + limit = 15 + records = self.sort_records('product.template', 'create_date DESC', limit, website_domain) + elif mode == "get_top_product": + limit = 15 + records = self.sort_records('product.template', 'product_rating DESC', limit, website_domain) + elif mode == "get_best_sold_product": + limit = 15 + records = request.env['product.template']._get_best_seller_product(from_date, website.id, limit) + elif mode == "_get_parent_category": + website_domain = website_domain + [('parent_id','=', False)] + records = self.sort_records('product.public.category', False, limit, website_domain) + elif mode == "_get_a_to_z_category": + records = self.sort_records('product.public.category', 'name ASC', limit, website_domain) + elif mode == "_get_z_to_a_category": + records = self.sort_records('product.public.category', 'name DESC', limit, website_domain) + elif mode == "_get_z_to_a_brand": + records = self.sort_records('as.product.brand', 'name DESC', limit, website_domain) + elif mode == "_get_a_to_z_brand": + records = self.sort_records('as.product.brand', 'name ASC', limit, website_domain) + elif mode == "_get_random_brand": + return self.sort_records('as.product.brand', False, limit, website_domain, True) + elif mode == "_get_random_product": + return self.sort_records('product.template', False, limit, website_domain, True) + elif mode == "_get_random_category": + return self.sort_records('product.public.category', False, limit, website_domain, True) + elif mode == "_get_z_to_a_blog": + records = self.sort_records('blog.post', 'name DESC', limit, website_domain) + elif mode == "_get_a_to_z_blog": + records = self.sort_records('blog.post', 'name ASC', limit, website_domain) + elif mode == "_get_random_blog": + return self.sort_records('blog.post', False, limit, website_domain, True) + return [{"id": product_info.id, "display_name":product_info.display_name, + "image": request.website.image_url(product_info,"image_1024") } + for product_info in records ] + + @route('/get_mega_snippet_template', auth='public', type="json", website=True) + def getSnipprtTemplate(self, snippet, record_ids, modal, design_editor, **kw): + if snippet in ["MegaMenuProduct", "MegaMenuBrand"]: + active_view = design_editor.get("active_view",'slider'); + col_item = int(design_editor.get("col_item",4)); + slider_config = {} + if active_view == "slider": + style = design_editor.get("slider_style",''); + slider_config = { + 'slidesPerView': 1.5, + 'spaceBetween': 20, + 'pagination': { + 'el': ".swiper-pagination", + 'clickable': True, + }, + 'breakpoints': { + 767: { + 'slidesPerView': 2, + }, + 1024: { + 'slidesPerView': col_item, + }, + }, + 'navigation': { + 'nextEl': ".swiper-button-next", + 'prevEl': ".swiper-button-prev", + }, + } + if design_editor.get("auto_slider",False): + slider_config.update({'autoplay': {'delay': int(design_editor.get('slider_time',4)) * 1000}}) + else: + style = design_editor.get("grid_style",''); + col_item = int(12 / col_item); + template_id = design_editor.get("template_id",False); + product_ids = request.env[modal].browse(record_ids) + context = {'data':product_ids, 'style':style, 'col_item':col_item} + if design_editor.get("allow_link", False): + context.update({'allow_link':True}) + template = request.env['ir.ui.view']._render_template(template_id, context) + return {'template':template, 'slider_config':slider_config} + elif snippet in ["MegaMenuCategory"]: + active_view = design_editor.get("active_view",'slider'); + col_item = int(design_editor.get("col_item",4)); + slider_config = {} + if active_view == "slider": + style = design_editor.get("slider_style",'as-mm-category-slider_1'); + slider_config = { + 'slidesPerView': 1.5, + 'spaceBetween': 20, + 'pagination': { + 'el': ".swiper-pagination", + 'clickable': True, + }, + 'breakpoints': { + 767: { + 'slidesPerView': 2, + }, + 1024: { + 'slidesPerView': col_item, + }, + }, + 'navigation': { + 'nextEl': ".swiper-button-next", + 'prevEl': ".swiper-button-prev", + }, + } + if design_editor.get("auto_slider",False): + slider_config.update({'autoplay': {'delay': int(design_editor.get('slider_time',4)) * 1000}}) + + cat_ids = request.env[modal].browse(record_ids) + template_id = design_editor.get("template_id",'theme_alan.m_category_slider'); + context = {'data':cat_ids} + else: + style = design_editor.get("grid_style",'as-mm-category-grid_1'); + col_item = int(12 / col_item); + extra_info = kw.get("extra_info", False) + template_id = design_editor.get("template_id",'theme_alan.m_category_grid'); + data = {} + sub_data = {} + if extra_info: + for cats in extra_info: + parent_id = request.env[modal].browse(cats['parent']) + child_ids = [] + lst = [int(i) for i in cats['childs']] + if len(lst): + child_ids = request.env[modal].browse(lst) + sub_data.update({parent_id: child_ids}) + for rec in record_ids: + parent_id = request.env[modal].browse([rec]) + if parent_id in sub_data.keys(): + data.update({parent_id: sub_data[parent_id]}) + else: + data.update({parent_id: []}) + else: + for rec in record_ids: + parent_id = request.env[modal].browse([rec]) + if parent_id in sub_data.keys(): + data.update({parent_id: sub_data[parent_id]}) + else: + data.update({parent_id: []}) + context = {'data':data} + context.update({'style':style, 'col_item':col_item}) + template = request.env['ir.ui.view']._render_template(template_id, context) + return {'template':template, 'slider_config':slider_config} + + @route('/remove_records', auth='public', type="json", website=True) + def getRemoveRecords(self, model, ids): + request.env[model].browse(ids).unlink() + return True + + @route('/get_frame', auth='public', type="json", website=True) + def getFrame(self, frame_id=0): + return request.env["as.snippet.frame"].browse(int(frame_id)).snippet_frame + + @route('/get_products_snippet_template', auth='public', type="json", website=True) + def getProductSnippets(self, **kw): + snippet_type = kw.get("snippet", False) + website_domain = request.website.website_domain() + return_context = {} + if snippet_type: + modal = kw.get("modal", "product.template") + ids = kw.get("record_ids",[0]) + context = {} + # if snippet_type products_slider_lst: + configuration = kw.get("design_editor",{}) + if snippet_type == "BestSellingProduct": + record_ids = request.env[modal].browse(ids) + return_context.update({'record_ids':[i.id for i in record_ids]}) + elif snippet_type == "LatestProduct": + record_ids = request.env['product.template'].search(website_domain, limit=15, order="create_date DESC") + return_context.update({'record_ids':[i.id for i in record_ids]}) + elif snippet_type == "BrandProduct": + domain = website_domain + [('product_brand_id', 'in', ids)] + record_ids = request.env['product.template'].search(domain) + tab_ids = request.env[modal].browse(ids) + context.update({'tab_ids':tab_ids}) + elif snippet_type == "CategoryProduct": + domain = website_domain + [('public_categ_ids', 'in', ids)] + record_ids = request.env['product.template'].search(domain) + tab_ids = request.env[modal].browse(ids) + context.update({'tab_ids':tab_ids}) + else: + if modal == "blog.post": + record_ids = request.env[modal].browse(ids) + if not request.env.user._is_internal(): + record_ids = [blog for blog in record_ids if blog.sudo().is_published == True] + else: + record_ids = request.env[modal].browse(ids) + + template = False + slider_config = {} + context.update({'records':record_ids, 'configuration':configuration }) + template = request.env['ir.ui.view']._render_template(configuration.get('template_id'), context) + # slider config + return_context.update({'template':template ,'slider_config':slider_config}) + if configuration.get("view",False) == 'slider': + slider_config.update({ + 'loop':configuration.get("loop"), + 'spaceBetween': 15, + 'slidesPerView': configuration.get("default_col_mob"), + 'navigation': { + 'nextEl': ".swiper-button-next", + 'prevEl': ".swiper-button-prev", + }, + 'breakpoints': { + 640: { + 'slidesPerView': configuration.get("default_col_mob"), + }, + 768: { + 'slidesPerView': configuration.get("default_col_mob"), + }, + 1024: { + 'slidesPerView': configuration.get("default_col_desk"), + }, + 1200: { + 'slidesPerView': configuration.get("default_col_desk"), + }, + }, + 'observer': True, + 'observeSlideChildren': True, + 'observeParents': True, + }) + if configuration.get("auto_slider"): + slider_config.update({ + 'autoplay':{ 'delay': int(configuration.get("slider_time")) * 1000, + 'disableOnInteraction':False } + }) + if configuration.get("pagination"): + pagination_style = {} + if configuration.get("pagination") == 'simple': + pagination_style = { + 'el': ".swiper-pagination" + } + elif configuration.get("pagination") == 'dynamic': + pagination_style = { + 'el': ".swiper-pagination", + 'dynamicBullets': True, + } + elif configuration.get("pagination") == 'progress_bar': + pagination_style = { + 'el': ".swiper-pagination", + 'type': "progressbar", + } + elif configuration.get("pagination") == 'fraction': + pagination_style = { + 'el': ".swiper-pagination", + 'type': "fraction", + } + elif configuration.get("pagination") == 'scroll_bar': + pagination_style = { + 'el': ".swiper-scrollbar", + 'hide': True, + } + elif configuration.get("pagination") == 'coverflow': + pagination_style = { + 'el': ".swiper-pagination", + } + slider_config.update({ + "effect": "coverflow", + "grabCursor": True, + "centeredSlides": True, + }) + elif configuration.get("pagination") == 'cards': + slider_config.update({ + "effect": "cards", + "grabCursor": True, + "centeredSlides": True, + }) + if configuration.get("pagination") == 'scroll_bar': + slider_config.update({'scrollbar':pagination_style }) + else: + slider_config.update({'pagination':pagination_style }) + + return_context.update({'slider_config':slider_config}) + return return_context diff --git a/theme_alan/document/README.txt b/theme_alan/document/README.txt new file mode 100644 index 000000000..69dee6506 --- /dev/null +++ b/theme_alan/document/README.txt @@ -0,0 +1 @@ +Get Alan User Guide at https://alan-v16.atharvasystem.com/theme_alan/static/src/documentation/index.html \ No newline at end of file diff --git a/theme_alan/models/__init__.py b/theme_alan/models/__init__.py new file mode 100644 index 000000000..cde864bae --- /dev/null +++ b/theme_alan/models/__init__.py @@ -0,0 +1,3 @@ +# -*- coding: utf-8 -*- + +from . import models diff --git a/theme_alan/models/models.py b/theme_alan/models/models.py new file mode 100644 index 000000000..40a96afc6 --- /dev/null +++ b/theme_alan/models/models.py @@ -0,0 +1 @@ +# -*- coding: utf-8 -*- diff --git a/theme_alan/static/description/alan_description.jpg b/theme_alan/static/description/alan_description.jpg new file mode 100644 index 000000000..cbd9c41bb Binary files /dev/null and b/theme_alan/static/description/alan_description.jpg differ diff --git a/theme_alan/static/description/alan_screenshot.gif b/theme_alan/static/description/alan_screenshot.gif new file mode 100644 index 000000000..b5f9dc03c Binary files /dev/null and b/theme_alan/static/description/alan_screenshot.gif differ diff --git a/theme_alan/static/description/alt-acc.png b/theme_alan/static/description/alt-acc.png new file mode 100644 index 000000000..df3badaca Binary files /dev/null and b/theme_alan/static/description/alt-acc.png differ diff --git a/theme_alan/static/description/b2b.png b/theme_alan/static/description/b2b.png new file mode 100644 index 000000000..5a2b37cd4 Binary files /dev/null and b/theme_alan/static/description/b2b.png differ diff --git a/theme_alan/static/description/brand.png b/theme_alan/static/description/brand.png new file mode 100644 index 000000000..0ea1c3b87 Binary files /dev/null and b/theme_alan/static/description/brand.png differ diff --git a/theme_alan/static/description/clear-filter.png b/theme_alan/static/description/clear-filter.png new file mode 100644 index 000000000..d94e39f45 Binary files /dev/null and b/theme_alan/static/description/clear-filter.png differ diff --git a/theme_alan/static/description/faq-pre.png b/theme_alan/static/description/faq-pre.png new file mode 100644 index 000000000..f932444f0 Binary files /dev/null and b/theme_alan/static/description/faq-pre.png differ diff --git a/theme_alan/static/description/faq.png b/theme_alan/static/description/faq.png new file mode 100644 index 000000000..dbae6aeb7 Binary files /dev/null and b/theme_alan/static/description/faq.png differ diff --git a/theme_alan/static/description/footer-op.png b/theme_alan/static/description/footer-op.png new file mode 100644 index 000000000..9ff816743 Binary files /dev/null and b/theme_alan/static/description/footer-op.png differ diff --git a/theme_alan/static/description/frm.png b/theme_alan/static/description/frm.png new file mode 100644 index 000000000..7c624e891 Binary files /dev/null and b/theme_alan/static/description/frm.png differ diff --git a/theme_alan/static/description/header-bg.png b/theme_alan/static/description/header-bg.png new file mode 100644 index 000000000..77df8838c Binary files /dev/null and b/theme_alan/static/description/header-bg.png differ diff --git a/theme_alan/static/description/header-op.png b/theme_alan/static/description/header-op.png new file mode 100644 index 000000000..48ee052ea Binary files /dev/null and b/theme_alan/static/description/header-op.png differ diff --git a/theme_alan/static/description/heading-bg.svg b/theme_alan/static/description/heading-bg.svg new file mode 100644 index 000000000..4cf5583bc --- /dev/null +++ b/theme_alan/static/description/heading-bg.svg @@ -0,0 +1,3 @@ + + + diff --git a/theme_alan/static/description/home-effect-1.svg b/theme_alan/static/description/home-effect-1.svg new file mode 100644 index 000000000..b230cd223 --- /dev/null +++ b/theme_alan/static/description/home-effect-1.svg @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/description/hotspot.png b/theme_alan/static/description/hotspot.png new file mode 100644 index 000000000..1ad7d90cf Binary files /dev/null and b/theme_alan/static/description/hotspot.png differ diff --git a/theme_alan/static/description/icon.png b/theme_alan/static/description/icon.png new file mode 100644 index 000000000..2f9ed0ecd Binary files /dev/null and b/theme_alan/static/description/icon.png differ diff --git a/theme_alan/static/description/index.html b/theme_alan/static/description/index.html new file mode 100644 index 000000000..aa94a844a --- /dev/null +++ b/theme_alan/static/description/index.html @@ -0,0 +1,441 @@ + + + + + + + Theme Alan New + + + + + + +
+
+ +
+ +
+
+ +
+
+
+ +
+
+

Why Choose Alan

+ +
+
+ +
+
+
+

Time to unleash Theme ALAN's design powers!

+
+
+
+
+ +
+

The Most Powerful Features

+
+
+

You don't require the technical knowledge as you can create your web pages in a few clicks only.

+ +
+
+
+ +
+

Powerful Alan Frame Builder

+
+
+

Let's bring the next level of creativity to your e-Commerce using Alan frame builder. Frame builder gives you the ability to create a customized grid view in which you can put all your dynamic and static snippets. Frame builder is activated by default in all Mega-menu, Dynamic and static snippets. Store your frame creativity so you can use it later on.

+ +
+ +
+ +
+ +
+
+
+
+ +
+

Powerful Mega Menu

+
+
+

Alan comes with the most advanced mega menu integrated with a frame builder by which creativity never ends.

+
+ +
+
+ +
+
+
+
+ +
+

Powerful Product Card

+
+
+

Alan comes with a stunning product card in which users can see features like Product Labels, Images Swatches, Stock Availability, Quick View, Offer Timers, Product Discounts and Product Ratings with different awesome styles.

+
+ +
+
+
+
+ +
+

B2B Mode

+
+
+

B2B mode gives you the ability to hide product price and add to cart from the guest user in just one click.

+
+ +
+
+
+
+ +
+

Dynamic Hotspot

+
+
+

Dynamic Image Hotspot allows you to show the hotspot on the images shown on your Odoo Website. These hotspots can be linked with the URL hence it offers an interactive way of marketing.

+
+ +
+
+
+
+ +
+

Advance Shop Filter

+
+
+
+ +
+
+
+
+ +
+

Advance Clear Filter

+
+
+

The Clear Advanced Filter gives you super customer experience for filtering products quickly and efficiently.

+
+ +
+
+
+
+ +
+

Advance Shop Page Design

+
+
+

Alan comes with 6 stunning shop design which gives different look and feel to your website.

+
+ +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+

Alternative / Accessory Products

+
+
+

Show the attractive alternative and accessory products slider on product page.

+
+ +
+
+
+
+
+ +
+
+ +
+
+
+ +
+

11 Header Options

+
+
+

Alan comes with 11 different types of header which make different looks and feels to your website.

+
+ +
+
+
+
+ +
+

13 Footer Options

+
+
+

Alan comes with 13 different types of footer which make different looks and feels to your website.

+
+ +
+
+
+
+ +
+

Multi website Compatible

+
+
+

Allow to create mutliple websites.

+
+ +
+
+
+
+ +
+

Fully Mobile Responsive

+
+
+
+ +
+
+
+
+ +
+

Product Sales Count

+
+
+

show how many units of a product were sold last month with our 'Last Month Sale Count' feature

+
+ +
+
+
+
+ +
+

Buy more Save more

+
+
+

Show the amazing discounts on buying bulk quantity of product to the end users

+
+ +
+
+
+
+ +
+

Frequently Asked Questions

+
+
+

Display quick answers to commonly asked questions in FAQs tab

+
+ +
+
+
+
+ +
+

Colour Variant Popup

+
+
+

Display our color variant popup for color comparison, allowing you to view all color options instantly for quick and easy decision-making

+
+ +
+
+
+
+ +
+

Why Choose Theme Alan?

+
+
+ +
+
+
+
+

Why Choose Theme Alan?

+

Alan is one of the most powerful, amazing, and flexible theme in Odoo store. Alan is the professional and multipurpose bootstrap base theme for any business and website. The code is very well organized and modular so you can build any layout with your imagination.

+

Some salient features of Alan are flexible design, advanced mega menu, drag and drop snippets, HTML builder block, amazing header footer options, beautiful shop details page, shop full-width options with the list and grid view, optimized responsive behavior, infinite product loader, Product Quick Overview.

+
+
+ +
+
+
+
+
+
+
+ +
+
+
+ Yes! The theme perfectly works fine with Odoo Enterprise and odoo.sh version. +
+
+
+
+
+ +
+
+
+

Yes! You can install this theme in just one-click. Theme installation is very simple.

+

Login into your website and just install the Atharva Theme General module and Go to Website --> Configuration --> Settings. Select the Website and then click on the "Choose a Theme" button. You will be redirected to the available themes. and from there you can use "Theme Alan".

+
+
+
+
+
+ +
+
+
+ No! You can not resell or distribute this theme. You can use this theme only for your website. +
+
+
+
+
+ +
+
+
+ Yes! We would love to provide you the best services possible. You can provide all customization requests on email and our technical team will get back to. +
+
+
+
+
+ +
+
+
+ Yes, we provide free upgrades to our theme for the same Odoo Version. You can always download the latest version of the theme, replace your old theme module with the latest theme module and update the Theme. Starting version 13, every version of Theme Alan will be sold separately. +
+
+
+
+
+
+
+
+
+ +
+

Release Note

+
+
+

+ Version 1.0-01 JAN 2024 +

+
    +
  • V17 Initial Release
    • +
+
+
+ +
+
+
+

Technical Help, Queries & Support

+

Please feel free to contact for any suggestion, issue & queries

+
+ + Support + + + Skype + +
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/theme_alan/static/description/login.png b/theme_alan/static/description/login.png new file mode 100644 index 000000000..101c9bcd0 Binary files /dev/null and b/theme_alan/static/description/login.png differ diff --git a/theme_alan/static/description/mail-icon.svg b/theme_alan/static/description/mail-icon.svg new file mode 100644 index 000000000..fbaad4504 --- /dev/null +++ b/theme_alan/static/description/mail-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/theme_alan/static/description/mega-menu-featurs.png b/theme_alan/static/description/mega-menu-featurs.png new file mode 100644 index 000000000..42b397804 Binary files /dev/null and b/theme_alan/static/description/mega-menu-featurs.png differ diff --git a/theme_alan/static/description/mega-menu.png b/theme_alan/static/description/mega-menu.png new file mode 100644 index 000000000..cd0231d9d Binary files /dev/null and b/theme_alan/static/description/mega-menu.png differ diff --git a/theme_alan/static/description/offer-timer.png b/theme_alan/static/description/offer-timer.png new file mode 100644 index 000000000..5a625c1a1 Binary files /dev/null and b/theme_alan/static/description/offer-timer.png differ diff --git a/theme_alan/static/description/preview.png b/theme_alan/static/description/preview.png new file mode 100644 index 000000000..c18a0e4d5 Binary files /dev/null and b/theme_alan/static/description/preview.png differ diff --git a/theme_alan/static/description/product-card.png b/theme_alan/static/description/product-card.png new file mode 100644 index 000000000..37044904e Binary files /dev/null and b/theme_alan/static/description/product-card.png differ diff --git a/theme_alan/static/description/product-info.png b/theme_alan/static/description/product-info.png new file mode 100644 index 000000000..32dc27541 Binary files /dev/null and b/theme_alan/static/description/product-info.png differ diff --git a/theme_alan/static/description/responsive.png b/theme_alan/static/description/responsive.png new file mode 100644 index 000000000..8084c36ca Binary files /dev/null and b/theme_alan/static/description/responsive.png differ diff --git a/theme_alan/static/description/sales-count.png b/theme_alan/static/description/sales-count.png new file mode 100644 index 000000000..673ef5881 Binary files /dev/null and b/theme_alan/static/description/sales-count.png differ diff --git a/theme_alan/static/description/save-more.png b/theme_alan/static/description/save-more.png new file mode 100644 index 000000000..08c5cf8ea Binary files /dev/null and b/theme_alan/static/description/save-more.png differ diff --git a/theme_alan/static/description/section-1-header.png b/theme_alan/static/description/section-1-header.png new file mode 100644 index 000000000..851e1cac5 Binary files /dev/null and b/theme_alan/static/description/section-1-header.png differ diff --git a/theme_alan/static/description/section-2-flow.png b/theme_alan/static/description/section-2-flow.png new file mode 100644 index 000000000..1c7b13994 Binary files /dev/null and b/theme_alan/static/description/section-2-flow.png differ diff --git a/theme_alan/static/description/section-2.png b/theme_alan/static/description/section-2.png new file mode 100644 index 000000000..dc7ae804e Binary files /dev/null and b/theme_alan/static/description/section-2.png differ diff --git a/theme_alan/static/description/section-3-flow.png b/theme_alan/static/description/section-3-flow.png new file mode 100644 index 000000000..ac5fb524a Binary files /dev/null and b/theme_alan/static/description/section-3-flow.png differ diff --git a/theme_alan/static/description/section-4-flow.png b/theme_alan/static/description/section-4-flow.png new file mode 100644 index 000000000..eb4a1e7df Binary files /dev/null and b/theme_alan/static/description/section-4-flow.png differ diff --git a/theme_alan/static/description/shop-filter.png b/theme_alan/static/description/shop-filter.png new file mode 100644 index 000000000..f7ad05b5d Binary files /dev/null and b/theme_alan/static/description/shop-filter.png differ diff --git a/theme_alan/static/description/shop-pages.png b/theme_alan/static/description/shop-pages.png new file mode 100644 index 000000000..5053f5ae8 Binary files /dev/null and b/theme_alan/static/description/shop-pages.png differ diff --git a/theme_alan/static/description/skype-logo.svg b/theme_alan/static/description/skype-logo.svg new file mode 100644 index 000000000..7a2d24943 --- /dev/null +++ b/theme_alan/static/description/skype-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/theme_alan/static/description/snippet.png b/theme_alan/static/description/snippet.png new file mode 100644 index 000000000..6e724be65 Binary files /dev/null and b/theme_alan/static/description/snippet.png differ diff --git a/theme_alan/static/description/sticky-card.png b/theme_alan/static/description/sticky-card.png new file mode 100644 index 000000000..1743e7650 Binary files /dev/null and b/theme_alan/static/description/sticky-card.png differ diff --git a/theme_alan/static/description/tabs.png b/theme_alan/static/description/tabs.png new file mode 100644 index 000000000..7940ac250 Binary files /dev/null and b/theme_alan/static/description/tabs.png differ diff --git a/theme_alan/static/description/user-guides.png b/theme_alan/static/description/user-guides.png new file mode 100644 index 000000000..6dc45966d Binary files /dev/null and b/theme_alan/static/description/user-guides.png differ diff --git a/theme_alan/static/description/variant-popup.png b/theme_alan/static/description/variant-popup.png new file mode 100644 index 000000000..b992e120b Binary files /dev/null and b/theme_alan/static/description/variant-popup.png differ diff --git a/theme_alan/static/description/websites.png b/theme_alan/static/description/websites.png new file mode 100644 index 000000000..6d4b4377a Binary files /dev/null and b/theme_alan/static/description/websites.png differ diff --git a/theme_alan/static/description/why-choose.png b/theme_alan/static/description/why-choose.png new file mode 100644 index 000000000..183297153 Binary files /dev/null and b/theme_alan/static/description/why-choose.png differ diff --git a/theme_alan/static/src/img/footer-payment.png b/theme_alan/static/src/img/footer-payment.png new file mode 100644 index 000000000..a95d9edc9 Binary files /dev/null and b/theme_alan/static/src/img/footer-payment.png differ diff --git a/theme_alan/static/src/img/footer_icon_delivery.svg b/theme_alan/static/src/img/footer_icon_delivery.svg new file mode 100644 index 000000000..866d22067 --- /dev/null +++ b/theme_alan/static/src/img/footer_icon_delivery.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/theme_alan/static/src/img/footer_icon_help.svg b/theme_alan/static/src/img/footer_icon_help.svg new file mode 100644 index 000000000..a3900aae8 --- /dev/null +++ b/theme_alan/static/src/img/footer_icon_help.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/footer_icon_payment.svg b/theme_alan/static/src/img/footer_icon_payment.svg new file mode 100644 index 000000000..99bc4fa8c --- /dev/null +++ b/theme_alan/static/src/img/footer_icon_payment.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/theme_alan/static/src/img/footer_icon_policy.svg b/theme_alan/static/src/img/footer_icon_policy.svg new file mode 100644 index 000000000..dfd5ad0a4 --- /dev/null +++ b/theme_alan/static/src/img/footer_icon_policy.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/theme_alan/static/src/img/icons/01-header-v16.svg b/theme_alan/static/src/img/icons/01-header-v16.svg new file mode 100644 index 000000000..41600f9a0 --- /dev/null +++ b/theme_alan/static/src/img/icons/01-header-v16.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/02-header-v16.svg b/theme_alan/static/src/img/icons/02-header-v16.svg new file mode 100644 index 000000000..a477eb68e --- /dev/null +++ b/theme_alan/static/src/img/icons/02-header-v16.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/03-header-v16.svg b/theme_alan/static/src/img/icons/03-header-v16.svg new file mode 100644 index 000000000..e000650ce --- /dev/null +++ b/theme_alan/static/src/img/icons/03-header-v16.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/04-header-v16.svg b/theme_alan/static/src/img/icons/04-header-v16.svg new file mode 100644 index 000000000..ff915ec39 --- /dev/null +++ b/theme_alan/static/src/img/icons/04-header-v16.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/05-header-v16.svg b/theme_alan/static/src/img/icons/05-header-v16.svg new file mode 100644 index 000000000..a0c060192 --- /dev/null +++ b/theme_alan/static/src/img/icons/05-header-v16.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/06-header-v16.svg b/theme_alan/static/src/img/icons/06-header-v16.svg new file mode 100644 index 000000000..4212ecd3e --- /dev/null +++ b/theme_alan/static/src/img/icons/06-header-v16.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/07-header-v16.svg b/theme_alan/static/src/img/icons/07-header-v16.svg new file mode 100644 index 000000000..22b4555e2 --- /dev/null +++ b/theme_alan/static/src/img/icons/07-header-v16.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/08-header-v16.svg b/theme_alan/static/src/img/icons/08-header-v16.svg new file mode 100644 index 000000000..9ad06fd21 --- /dev/null +++ b/theme_alan/static/src/img/icons/08-header-v16.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/09-header-v16.svg b/theme_alan/static/src/img/icons/09-header-v16.svg new file mode 100644 index 000000000..f13352221 --- /dev/null +++ b/theme_alan/static/src/img/icons/09-header-v16.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/10-header-v16.svg b/theme_alan/static/src/img/icons/10-header-v16.svg new file mode 100644 index 000000000..973ae6299 --- /dev/null +++ b/theme_alan/static/src/img/icons/10-header-v16.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/11-header-v16.svg b/theme_alan/static/src/img/icons/11-header-v16.svg new file mode 100644 index 000000000..730bb6ccf --- /dev/null +++ b/theme_alan/static/src/img/icons/11-header-v16.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/12-header-v16.svg b/theme_alan/static/src/img/icons/12-header-v16.svg new file mode 100644 index 000000000..cccbc8316 --- /dev/null +++ b/theme_alan/static/src/img/icons/12-header-v16.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/13-header-v16.svg b/theme_alan/static/src/img/icons/13-header-v16.svg new file mode 100644 index 000000000..851bc34ed --- /dev/null +++ b/theme_alan/static/src/img/icons/13-header-v16.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/14-header-v16.svg b/theme_alan/static/src/img/icons/14-header-v16.svg new file mode 100644 index 000000000..520fa74f2 --- /dev/null +++ b/theme_alan/static/src/img/icons/14-header-v16.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_1.svg b/theme_alan/static/src/img/icons/as_footers_1.svg new file mode 100644 index 000000000..c938d28f9 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_1.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_10.svg b/theme_alan/static/src/img/icons/as_footers_10.svg new file mode 100644 index 000000000..47aa61b73 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_10.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_11.svg b/theme_alan/static/src/img/icons/as_footers_11.svg new file mode 100644 index 000000000..6a20030a5 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_12.svg b/theme_alan/static/src/img/icons/as_footers_12.svg new file mode 100644 index 000000000..5c7d1b5f2 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_12.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_13.svg b/theme_alan/static/src/img/icons/as_footers_13.svg new file mode 100644 index 000000000..804caa639 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_13.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_2.svg b/theme_alan/static/src/img/icons/as_footers_2.svg new file mode 100644 index 000000000..1133f8dcb --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_2.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_3.svg b/theme_alan/static/src/img/icons/as_footers_3.svg new file mode 100644 index 000000000..75daca34a --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_3.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_4.svg b/theme_alan/static/src/img/icons/as_footers_4.svg new file mode 100644 index 000000000..9af1b08a1 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_4.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_5.svg b/theme_alan/static/src/img/icons/as_footers_5.svg new file mode 100644 index 000000000..a31b7a1f9 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_5.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_6.svg b/theme_alan/static/src/img/icons/as_footers_6.svg new file mode 100644 index 000000000..38a73e9dd --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_6.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_7.svg b/theme_alan/static/src/img/icons/as_footers_7.svg new file mode 100644 index 000000000..bf153c1c6 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_7.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_8.svg b/theme_alan/static/src/img/icons/as_footers_8.svg new file mode 100644 index 000000000..ef9b4848d --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_8.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_footers_9.svg b/theme_alan/static/src/img/icons/as_footers_9.svg new file mode 100644 index 000000000..7e0871f69 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_footers_9.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_1.svg b/theme_alan/static/src/img/icons/as_headers_1.svg new file mode 100644 index 000000000..d94b31380 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_1.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_10.svg b/theme_alan/static/src/img/icons/as_headers_10.svg new file mode 100644 index 000000000..c7c3f1fa2 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_10.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_11.svg b/theme_alan/static/src/img/icons/as_headers_11.svg new file mode 100644 index 000000000..07ec969bd --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_11.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_2.svg b/theme_alan/static/src/img/icons/as_headers_2.svg new file mode 100644 index 000000000..0de1e7a7b --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_2.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_3.svg b/theme_alan/static/src/img/icons/as_headers_3.svg new file mode 100644 index 000000000..f02ee554c --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_3.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_4.svg b/theme_alan/static/src/img/icons/as_headers_4.svg new file mode 100644 index 000000000..fce12e114 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_4.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_5.svg b/theme_alan/static/src/img/icons/as_headers_5.svg new file mode 100644 index 000000000..d601b0515 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_5.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_6.svg b/theme_alan/static/src/img/icons/as_headers_6.svg new file mode 100644 index 000000000..c536cd76b --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_6.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_7.svg b/theme_alan/static/src/img/icons/as_headers_7.svg new file mode 100644 index 000000000..cc2355bb7 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_7.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_8.svg b/theme_alan/static/src/img/icons/as_headers_8.svg new file mode 100644 index 000000000..1aeed33c3 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_8.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/as_headers_9.svg b/theme_alan/static/src/img/icons/as_headers_9.svg new file mode 100644 index 000000000..0d57dbc29 --- /dev/null +++ b/theme_alan/static/src/img/icons/as_headers_9.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/best-selling.svg b/theme_alan/static/src/img/icons/best-selling.svg new file mode 100644 index 000000000..3fc72bcc4 --- /dev/null +++ b/theme_alan/static/src/img/icons/best-selling.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/theme_alan/static/src/img/icons/blogs.svg b/theme_alan/static/src/img/icons/blogs.svg new file mode 100644 index 000000000..ac4827723 --- /dev/null +++ b/theme_alan/static/src/img/icons/blogs.svg @@ -0,0 +1,4 @@ + + + + diff --git a/theme_alan/static/src/img/icons/brand-menu.svg b/theme_alan/static/src/img/icons/brand-menu.svg new file mode 100644 index 000000000..8134f7c17 --- /dev/null +++ b/theme_alan/static/src/img/icons/brand-menu.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/brand-product.svg b/theme_alan/static/src/img/icons/brand-product.svg new file mode 100644 index 000000000..dda37bffc --- /dev/null +++ b/theme_alan/static/src/img/icons/brand-product.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/category-menu.svg b/theme_alan/static/src/img/icons/category-menu.svg new file mode 100644 index 000000000..beb40b1bf --- /dev/null +++ b/theme_alan/static/src/img/icons/category-menu.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/category-product.svg b/theme_alan/static/src/img/icons/category-product.svg new file mode 100644 index 000000000..57916a263 --- /dev/null +++ b/theme_alan/static/src/img/icons/category-product.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-1.svg b/theme_alan/static/src/img/icons/footer-1.svg new file mode 100644 index 000000000..9d9573f14 --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-1.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-10.svg b/theme_alan/static/src/img/icons/footer-10.svg new file mode 100644 index 000000000..906ee9eba --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-10.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-11.svg b/theme_alan/static/src/img/icons/footer-11.svg new file mode 100644 index 000000000..53f29cf7e --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-12.svg b/theme_alan/static/src/img/icons/footer-12.svg new file mode 100644 index 000000000..44c644aca --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-12.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-2.svg b/theme_alan/static/src/img/icons/footer-2.svg new file mode 100644 index 000000000..09ae7f0a8 --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-2.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-3.svg b/theme_alan/static/src/img/icons/footer-3.svg new file mode 100644 index 000000000..24bab2433 --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-3.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-4.svg b/theme_alan/static/src/img/icons/footer-4.svg new file mode 100644 index 000000000..b696cf2cd --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-4.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-5.svg b/theme_alan/static/src/img/icons/footer-5.svg new file mode 100644 index 000000000..03b0b6e87 --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-5.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-6.svg b/theme_alan/static/src/img/icons/footer-6.svg new file mode 100644 index 000000000..6768b3672 --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-6.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-7.svg b/theme_alan/static/src/img/icons/footer-7.svg new file mode 100644 index 000000000..a4ea56fd5 --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-7.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-8.svg b/theme_alan/static/src/img/icons/footer-8.svg new file mode 100644 index 000000000..4432d9fce --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-8.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/footer-9.svg b/theme_alan/static/src/img/icons/footer-9.svg new file mode 100644 index 000000000..3fad33220 --- /dev/null +++ b/theme_alan/static/src/img/icons/footer-9.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/latest-product.svg b/theme_alan/static/src/img/icons/latest-product.svg new file mode 100644 index 000000000..38914ecda --- /dev/null +++ b/theme_alan/static/src/img/icons/latest-product.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/product-banner.svg b/theme_alan/static/src/img/icons/product-banner.svg new file mode 100644 index 000000000..31bdc801f --- /dev/null +++ b/theme_alan/static/src/img/icons/product-banner.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/theme_alan/static/src/img/icons/product-menu.svg b/theme_alan/static/src/img/icons/product-menu.svg new file mode 100644 index 000000000..71e81b8d4 --- /dev/null +++ b/theme_alan/static/src/img/icons/product-menu.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/theme_alan/static/src/img/icons/static-menu.svg b/theme_alan/static/src/img/icons/static-menu.svg new file mode 100644 index 000000000..d9304f655 --- /dev/null +++ b/theme_alan/static/src/img/icons/static-menu.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/theme_alan/static/src/img/logo.svg b/theme_alan/static/src/img/logo.svg new file mode 100644 index 000000000..e8b266135 --- /dev/null +++ b/theme_alan/static/src/img/logo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/theme_alan/static/src/img/megamenu/configure-mega-menu.svg b/theme_alan/static/src/img/megamenu/configure-mega-menu.svg new file mode 100644 index 000000000..fb4a985b5 --- /dev/null +++ b/theme_alan/static/src/img/megamenu/configure-mega-menu.svg @@ -0,0 +1,5 @@ + + + diff --git a/theme_alan/static/src/img/megamenu/custom-frm.svg b/theme_alan/static/src/img/megamenu/custom-frm.svg new file mode 100644 index 000000000..a0a17f8af --- /dev/null +++ b/theme_alan/static/src/img/megamenu/custom-frm.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/megamenu/default-frm.svg b/theme_alan/static/src/img/megamenu/default-frm.svg new file mode 100644 index 000000000..84dc0b425 --- /dev/null +++ b/theme_alan/static/src/img/megamenu/default-frm.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/megamenu/show-your-megical-creativity.svg b/theme_alan/static/src/img/megamenu/show-your-megical-creativity.svg new file mode 100644 index 000000000..4b0670c0e --- /dev/null +++ b/theme_alan/static/src/img/megamenu/show-your-megical-creativity.svg @@ -0,0 +1,96 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/snippets/1000x1000.jpg b/theme_alan/static/src/img/snippets/1000x1000.jpg new file mode 100644 index 000000000..23bebeb05 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1000x1000.jpg differ diff --git a/theme_alan/static/src/img/snippets/1000x300.jpg b/theme_alan/static/src/img/snippets/1000x300.jpg new file mode 100644 index 000000000..e5c7562c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1000x300.jpg differ diff --git a/theme_alan/static/src/img/snippets/1000x400.jpg b/theme_alan/static/src/img/snippets/1000x400.jpg new file mode 100644 index 000000000..304c96535 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1000x400.jpg differ diff --git a/theme_alan/static/src/img/snippets/1000x500.jpg b/theme_alan/static/src/img/snippets/1000x500.jpg new file mode 100644 index 000000000..7426f597d Binary files /dev/null and b/theme_alan/static/src/img/snippets/1000x500.jpg differ diff --git a/theme_alan/static/src/img/snippets/1000x700.jpg b/theme_alan/static/src/img/snippets/1000x700.jpg new file mode 100644 index 000000000..81a3c07c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1000x700.jpg differ diff --git a/theme_alan/static/src/img/snippets/1000x800.jpg b/theme_alan/static/src/img/snippets/1000x800.jpg new file mode 100644 index 000000000..cd09530e8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1000x800.jpg differ diff --git a/theme_alan/static/src/img/snippets/1920x350.jpg b/theme_alan/static/src/img/snippets/1920x350.jpg new file mode 100644 index 000000000..4bd6a3f97 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1920x350.jpg differ diff --git a/theme_alan/static/src/img/snippets/1920x600.jpg b/theme_alan/static/src/img/snippets/1920x600.jpg new file mode 100644 index 000000000..f1b9408b9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1920x600.jpg differ diff --git a/theme_alan/static/src/img/snippets/1920x620.jpg b/theme_alan/static/src/img/snippets/1920x620.jpg new file mode 100644 index 000000000..cf1367fd3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1920x620.jpg differ diff --git a/theme_alan/static/src/img/snippets/1920x800.jpg b/theme_alan/static/src/img/snippets/1920x800.jpg new file mode 100644 index 000000000..7638148f8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/1920x800.jpg differ diff --git a/theme_alan/static/src/img/snippets/1920x900.jpg b/theme_alan/static/src/img/snippets/1920x900.jpg new file mode 100644 index 000000000..15f39b42f Binary files /dev/null and b/theme_alan/static/src/img/snippets/1920x900.jpg differ diff --git a/theme_alan/static/src/img/snippets/200x210.jpg b/theme_alan/static/src/img/snippets/200x210.jpg new file mode 100644 index 000000000..673ef2ff3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/200x210.jpg differ diff --git a/theme_alan/static/src/img/snippets/255x540.jpg b/theme_alan/static/src/img/snippets/255x540.jpg new file mode 100644 index 000000000..a3535a7e4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/255x540.jpg differ diff --git a/theme_alan/static/src/img/snippets/300x380.jpg b/theme_alan/static/src/img/snippets/300x380.jpg new file mode 100644 index 000000000..bd7735986 Binary files /dev/null and b/theme_alan/static/src/img/snippets/300x380.jpg differ diff --git a/theme_alan/static/src/img/snippets/400x480.jpg b/theme_alan/static/src/img/snippets/400x480.jpg new file mode 100644 index 000000000..dc1cb4adb Binary files /dev/null and b/theme_alan/static/src/img/snippets/400x480.jpg differ diff --git a/theme_alan/static/src/img/snippets/410x520.jpg b/theme_alan/static/src/img/snippets/410x520.jpg new file mode 100644 index 000000000..f8a9ba32a Binary files /dev/null and b/theme_alan/static/src/img/snippets/410x520.jpg differ diff --git a/theme_alan/static/src/img/snippets/460x380.jpg b/theme_alan/static/src/img/snippets/460x380.jpg new file mode 100644 index 000000000..b0b52b537 Binary files /dev/null and b/theme_alan/static/src/img/snippets/460x380.jpg differ diff --git a/theme_alan/static/src/img/snippets/520x640.jpg b/theme_alan/static/src/img/snippets/520x640.jpg new file mode 100644 index 000000000..562a09d5a Binary files /dev/null and b/theme_alan/static/src/img/snippets/520x640.jpg differ diff --git a/theme_alan/static/src/img/snippets/540x375.jpg b/theme_alan/static/src/img/snippets/540x375.jpg new file mode 100644 index 000000000..cb562bbc3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/540x375.jpg differ diff --git a/theme_alan/static/src/img/snippets/540x675.jpg b/theme_alan/static/src/img/snippets/540x675.jpg new file mode 100644 index 000000000..5e6035bea Binary files /dev/null and b/theme_alan/static/src/img/snippets/540x675.jpg differ diff --git a/theme_alan/static/src/img/snippets/540x700.jpg b/theme_alan/static/src/img/snippets/540x700.jpg new file mode 100644 index 000000000..011b00ede Binary files /dev/null and b/theme_alan/static/src/img/snippets/540x700.jpg differ diff --git a/theme_alan/static/src/img/snippets/730x429.jpg b/theme_alan/static/src/img/snippets/730x429.jpg new file mode 100644 index 000000000..84bf8c1b7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/730x429.jpg differ diff --git a/theme_alan/static/src/img/snippets/740x450.jpg b/theme_alan/static/src/img/snippets/740x450.jpg new file mode 100644 index 000000000..077ca4e00 Binary files /dev/null and b/theme_alan/static/src/img/snippets/740x450.jpg differ diff --git a/theme_alan/static/src/img/snippets/800x400.jpg b/theme_alan/static/src/img/snippets/800x400.jpg new file mode 100644 index 000000000..0730e11d1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/800x400.jpg differ diff --git a/theme_alan/static/src/img/snippets/alan-builder.svg b/theme_alan/static/src/img/snippets/alan-builder.svg new file mode 100644 index 000000000..9b0bdc298 --- /dev/null +++ b/theme_alan/static/src/img/snippets/alan-builder.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/snippets/alan-dynamic.svg b/theme_alan/static/src/img/snippets/alan-dynamic.svg new file mode 100644 index 000000000..3a79cf4f4 --- /dev/null +++ b/theme_alan/static/src/img/snippets/alan-dynamic.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/img/snippets/banner_slide_1.jpg b/theme_alan/static/src/img/snippets/banner_slide_1.jpg new file mode 100644 index 000000000..72ce6fa80 Binary files /dev/null and b/theme_alan/static/src/img/snippets/banner_slide_1.jpg differ diff --git a/theme_alan/static/src/img/snippets/banner_slide_2.jpg b/theme_alan/static/src/img/snippets/banner_slide_2.jpg new file mode 100644 index 000000000..e323ecd6f Binary files /dev/null and b/theme_alan/static/src/img/snippets/banner_slide_2.jpg differ diff --git a/theme_alan/static/src/img/snippets/banner_slide_3.jpg b/theme_alan/static/src/img/snippets/banner_slide_3.jpg new file mode 100644 index 000000000..a7b3005c4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/banner_slide_3.jpg differ diff --git a/theme_alan/static/src/img/snippets/banner_slide_4.jpg b/theme_alan/static/src/img/snippets/banner_slide_4.jpg new file mode 100644 index 000000000..443052eb4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/banner_slide_4.jpg differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-1.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-1.png new file mode 100644 index 000000000..8323797b2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-1.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-10.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-10.png new file mode 100644 index 000000000..5828caba0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-10.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-11.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-11.png new file mode 100644 index 000000000..2942ec8a7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-11.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-12.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-12.png new file mode 100644 index 000000000..f3030e9ae Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-12.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-13.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-13.png new file mode 100644 index 000000000..ccbe3dac5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-13.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-14.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-14.png new file mode 100644 index 000000000..60a1e88d7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-14.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-15.jpg b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-15.jpg new file mode 100644 index 000000000..fcc9df16f Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-16.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-16.png new file mode 100644 index 000000000..7b555f178 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-16.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-17.jpg b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-17.jpg new file mode 100644 index 000000000..c37f2ecea Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-18.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-18.png new file mode 100644 index 000000000..26c594f78 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-18.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-19.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-19.png new file mode 100644 index 000000000..5c97720d7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-19.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-2.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-2.png new file mode 100644 index 000000000..d7516bba7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-2.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-20.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-20.png new file mode 100644 index 000000000..de56ca19a Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-20.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-21.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-21.png new file mode 100644 index 000000000..20671f92d Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-21.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-22.jpg b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-22.jpg new file mode 100644 index 000000000..089c96cbb Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-23.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-23.png new file mode 100644 index 000000000..fa47b8bb0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-23.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-24.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-24.png new file mode 100644 index 000000000..0c7fef0e1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-24.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-25.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-25.png new file mode 100644 index 000000000..afc59894d Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-25.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-26.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-26.png new file mode 100644 index 000000000..696a17ddd Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-26.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-27.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-27.png new file mode 100644 index 000000000..2c10ae3bf Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-27.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-28.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-28.png new file mode 100644 index 000000000..b89c54e20 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-28.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-29.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-29.png new file mode 100644 index 000000000..b56c9395e Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-29.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-3.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-3.png new file mode 100644 index 000000000..393de58ba Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-3.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-30.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-30.png new file mode 100644 index 000000000..3f316aa32 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-30.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-31.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-31.png new file mode 100644 index 000000000..c128a68f6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-31.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-32.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-32.png new file mode 100644 index 000000000..cdb23d650 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-32.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-33.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-33.png new file mode 100644 index 000000000..d8785925d Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-33.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-34.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-34.png new file mode 100644 index 000000000..b1393a95f Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-34.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-35.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-35.png new file mode 100644 index 000000000..c8d549576 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-35.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-36.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-36.png new file mode 100644 index 000000000..c70b1057a Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-36.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-37.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-37.png new file mode 100644 index 000000000..d6a26790d Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-37.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-38.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-38.png new file mode 100644 index 000000000..cf7858cc9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-38.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-39.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-39.png new file mode 100644 index 000000000..13d7dd511 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-39.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-4.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-4.png new file mode 100644 index 000000000..bdb583074 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-4.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-40.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-40.png new file mode 100644 index 000000000..04eda04e8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-40.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-41.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-41.png new file mode 100644 index 000000000..5bb1c8ae3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-41.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-42.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-42.png new file mode 100644 index 000000000..365702633 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-42.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-43.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-43.png new file mode 100644 index 000000000..4da05cb42 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-43.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-44.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-44.png new file mode 100644 index 000000000..9bead8ae7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-44.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-45.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-45.png new file mode 100644 index 000000000..62634141e Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-45.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-46.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-46.png new file mode 100644 index 000000000..1f024e97d Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-46.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-47.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-47.png new file mode 100644 index 000000000..83ee881ba Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-47.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-48.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-48.png new file mode 100644 index 000000000..6c34c1e11 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-48.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-49.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-49.png new file mode 100644 index 000000000..52191d062 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-49.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-5.jpg b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-5.jpg new file mode 100644 index 000000000..ebec27bd4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-50.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-50.png new file mode 100644 index 000000000..4c75fd9ad Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-50.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-51.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-51.png new file mode 100644 index 000000000..9140bfd7a Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-51.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-52.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-52.png new file mode 100644 index 000000000..caaaf88d5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-52.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-53.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-53.png new file mode 100644 index 000000000..fc482c7a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-53.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-54.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-54.png new file mode 100644 index 000000000..f0572b735 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-54.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-55.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-55.png new file mode 100644 index 000000000..2e9f36c78 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-55.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-56.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-56.png new file mode 100644 index 000000000..3ee12012b Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-56.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-57.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-57.png new file mode 100644 index 000000000..b5f1466f0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-57.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-58.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-58.png new file mode 100644 index 000000000..b378ed3f6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-58.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-59.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-59.png new file mode 100644 index 000000000..997d154b7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-59.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-6.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-6.png new file mode 100644 index 000000000..cc93fe100 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-6.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-7.jpg b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-7.jpg new file mode 100644 index 000000000..ccafe1bfa Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-8.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-8.png new file mode 100644 index 000000000..691f68f40 Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-8.png differ diff --git a/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-9.png b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-9.png new file mode 100644 index 000000000..89f21c19c Binary files /dev/null and b/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-9.png differ diff --git a/theme_alan/static/src/img/snippets/footer-light-logo.svg b/theme_alan/static/src/img/snippets/footer-light-logo.svg new file mode 100644 index 000000000..ab767ef9c --- /dev/null +++ b/theme_alan/static/src/img/snippets/footer-light-logo.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + diff --git a/theme_alan/static/src/img/snippets/payment.png b/theme_alan/static/src/img/snippets/payment.png new file mode 100644 index 000000000..e4908c2f1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/payment.png differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Academy.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Academy.jpg new file mode 100644 index 000000000..743103084 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Academy.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Accessories.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Accessories.jpg new file mode 100644 index 000000000..cc64ddb91 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Accessories.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Auto_Parts.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Auto_Parts.jpg new file mode 100644 index 000000000..69efca857 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Auto_Parts.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Beauty_Spa.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Beauty_Spa.jpg new file mode 100644 index 000000000..d0311c637 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Beauty_Spa.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Business_Consultancy.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Business_Consultancy.jpg new file mode 100644 index 000000000..2ea94d86a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Business_Consultancy.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Construction.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Construction.jpg new file mode 100644 index 000000000..e42a4993f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Construction.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Corporate.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Corporate.jpg new file mode 100644 index 000000000..8351f43da Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Corporate.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Creative_Agency.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Creative_Agency.jpg new file mode 100644 index 000000000..5841c6c72 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Creative_Agency.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Creative_Studio.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Creative_Studio.jpg new file mode 100644 index 000000000..518e89d33 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Creative_Studio.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Fashion.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Fashion.jpg new file mode 100644 index 000000000..bd20733ad Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Fashion.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Fitness_Point.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Fitness_Point.jpg new file mode 100644 index 000000000..bd181e704 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Fitness_Point.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Footwear_Shop.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Footwear_Shop.jpg new file mode 100644 index 000000000..402e61f7b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Footwear_Shop.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Furniture_Shop.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Furniture_Shop.jpg new file mode 100644 index 000000000..153817f3a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Furniture_Shop.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Furniture_Store.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Furniture_Store.jpg new file mode 100644 index 000000000..5d9010341 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Furniture_Store.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Health_Care.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Health_Care.jpg new file mode 100644 index 000000000..a5706bb5e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Health_Care.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Home_Equipments.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Home_Equipments.jpg new file mode 100644 index 000000000..5defe1194 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Home_Equipments.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Jewellery.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Jewellery.jpg new file mode 100644 index 000000000..bb2acc9bc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Jewellery.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Lamp_Store.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Lamp_Store.jpg new file mode 100644 index 000000000..94d354ff6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Lamp_Store.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Lets_Sports.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Lets_Sports.jpg new file mode 100644 index 000000000..d49669dc7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Lets_Sports.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Packers_Movers.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Packers_Movers.jpg new file mode 100644 index 000000000..ce1044090 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Packers_Movers.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Pet_Care.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Pet_Care.jpg new file mode 100644 index 000000000..5486170e7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Pet_Care.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Plant_Store.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Plant_Store.jpg new file mode 100644 index 000000000..3d5c42d4c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Plant_Store.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/We_Care.jpg b/theme_alan/static/src/img/snippets/snippets_icon/We_Care.jpg new file mode 100644 index 000000000..35f1a0545 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/We_Care.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Web_Agency.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Web_Agency.jpg new file mode 100644 index 000000000..4d7f38a3a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Web_Agency.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Wine_Shop.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Wine_Shop.jpg new file mode 100644 index 000000000..13b420e4f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Wine_Shop.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Winery.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Winery.jpg new file mode 100644 index 000000000..a3141ff04 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Winery.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/Winter_Jacket.jpg b/theme_alan/static/src/img/snippets/snippets_icon/Winter_Jacket.jpg new file mode 100644 index 000000000..4f46b4509 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/Winter_Jacket.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-1.jpg new file mode 100644 index 000000000..1f393bf21 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-10.jpg new file mode 100644 index 000000000..37c6ffacd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-11.jpg new file mode 100644 index 000000000..7f378b2e7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-12.jpg new file mode 100644 index 000000000..b679c3806 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-13.jpg new file mode 100644 index 000000000..c22bef703 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-14.jpg new file mode 100644 index 000000000..33c393ef9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-15.jpg new file mode 100644 index 000000000..b027cf449 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-16.jpg new file mode 100644 index 000000000..99de73d71 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-17.jpg new file mode 100644 index 000000000..f6927107e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-18.jpg new file mode 100644 index 000000000..ee6708b27 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-19.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-19.jpg new file mode 100644 index 000000000..df7b0f06d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-19.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-2.jpg new file mode 100644 index 000000000..dc3393078 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-20.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-20.jpg new file mode 100644 index 000000000..653146aab Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-20.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-21.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-21.jpg new file mode 100644 index 000000000..a6d49be85 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-21.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-22.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-22.jpg new file mode 100644 index 000000000..9a7aadf92 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-23.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-23.jpg new file mode 100644 index 000000000..002648416 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-23.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-24.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-24.jpg new file mode 100644 index 000000000..8642c6693 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-24.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-25.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-25.jpg new file mode 100644 index 000000000..264741c62 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-25.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-26.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-26.jpg new file mode 100644 index 000000000..ae06d277f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-26.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-27.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-27.jpg new file mode 100644 index 000000000..14a93c2a2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-27.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-28.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-28.jpg new file mode 100644 index 000000000..27ad4689a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-28.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-29.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-29.jpg new file mode 100644 index 000000000..21b7a9c5e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-29.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-3.jpg new file mode 100644 index 000000000..a42255a11 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-30.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-30.jpg new file mode 100644 index 000000000..f785dc80f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-30.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-31.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-31.jpg new file mode 100644 index 000000000..8c8f07080 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-31.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-32.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-32.jpg new file mode 100644 index 000000000..991748482 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-32.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-33.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-33.jpg new file mode 100644 index 000000000..ee89dba97 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-33.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-34.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-34.jpg new file mode 100644 index 000000000..9556a1dba Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-34.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-35.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-35.jpg new file mode 100644 index 000000000..34423c291 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-35.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-36.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-36.jpg new file mode 100644 index 000000000..9243dfe6f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-36.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-37.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-37.jpg new file mode 100644 index 000000000..6b3e12169 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-37.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-38.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-38.jpg new file mode 100644 index 000000000..b87affebe Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-38.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-39.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-39.jpg new file mode 100644 index 000000000..73f2f30fd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-39.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-4.jpg new file mode 100644 index 000000000..bbdf74a62 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-40.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-40.jpg new file mode 100644 index 000000000..45f857196 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-40.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-41.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-41.jpg new file mode 100644 index 000000000..9c146dcfe Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-41.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-42.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-42.jpg new file mode 100644 index 000000000..2922ac96e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-42.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-43.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-43.jpg new file mode 100644 index 000000000..db53ead96 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-43.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-44.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-44.jpg new file mode 100644 index 000000000..22bf05357 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-44.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-45.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-45.jpg new file mode 100644 index 000000000..b03f7f00d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-45.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-46.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-46.jpg new file mode 100644 index 000000000..211ff9e72 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-46.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-47.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-47.jpg new file mode 100644 index 000000000..5cfeea84a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-47.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-48.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-48.jpg new file mode 100644 index 000000000..eb903ab80 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-48.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-49.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-49.jpg new file mode 100644 index 000000000..2014a6917 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-49.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-5.jpg new file mode 100644 index 000000000..8e30e983d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-50.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-50.jpg new file mode 100644 index 000000000..8f34ba61e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-50.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-51.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-51.jpg new file mode 100644 index 000000000..c67b71a81 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-51.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-52.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-52.jpg new file mode 100644 index 000000000..f833871b6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-52.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-53.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-53.jpg new file mode 100644 index 000000000..bc6dc16a6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-53.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-54.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-54.jpg new file mode 100644 index 000000000..b055ee80c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-54.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-55.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-55.jpg new file mode 100644 index 000000000..b1c3757b9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-55.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-56.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-56.jpg new file mode 100644 index 000000000..ee959cfdf Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-56.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-57.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-57.jpg new file mode 100644 index 000000000..2445ff9f2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-57.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-58.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-58.jpg new file mode 100644 index 000000000..d89590fe6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-58.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-59.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-59.jpg new file mode 100644 index 000000000..c8d62b246 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-59.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-6.jpg new file mode 100644 index 000000000..adc95cd59 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-7.jpg new file mode 100644 index 000000000..e406bc77b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-8.jpg new file mode 100644 index 000000000..c4af1d771 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/about-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/about-9.jpg new file mode 100644 index 000000000..870fc2d6e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/about-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/afq-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/afq-1.jpg new file mode 100644 index 000000000..b4b6ff276 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/afq-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/bag-shop-option-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/bag-shop-option-2.jpg new file mode 100644 index 000000000..d368b976c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/bag-shop-option-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-1.jpg new file mode 100644 index 000000000..bf4a141fc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-10.jpg new file mode 100644 index 000000000..fa78227a2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-11.jpg new file mode 100644 index 000000000..04769d5ab Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-12.jpg new file mode 100644 index 000000000..cc96b89c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-13.jpg new file mode 100644 index 000000000..584cf6b17 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-14.jpg new file mode 100644 index 000000000..d7ea6e8d3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-15.jpg new file mode 100644 index 000000000..968d5598d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-16.jpg new file mode 100644 index 000000000..e31123ac8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-17.jpg new file mode 100644 index 000000000..43ad300ac Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-18.jpg new file mode 100644 index 000000000..106a55f80 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-19.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-19.jpg new file mode 100644 index 000000000..4fab77f3a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-19.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-2.jpg new file mode 100644 index 000000000..c6dcee214 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-20.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-20.jpg new file mode 100644 index 000000000..c1aadbbfb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-20.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-21.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-21.jpg new file mode 100644 index 000000000..8082a63a3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-21.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-22.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-22.jpg new file mode 100644 index 000000000..6700bae9d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-23.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-23.jpg new file mode 100644 index 000000000..fc84a9a92 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-23.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-24.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-24.jpg new file mode 100644 index 000000000..1064d4216 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-24.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-25.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-25.jpg new file mode 100644 index 000000000..896372245 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-25.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-26.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-26.jpg new file mode 100644 index 000000000..38617d702 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-26.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-27.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-27.jpg new file mode 100644 index 000000000..b910cb8a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-27.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-28.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-28.jpg new file mode 100644 index 000000000..d0576babd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-28.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-29.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-29.jpg new file mode 100644 index 000000000..4441efd43 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-29.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-3.jpg new file mode 100644 index 000000000..4d7d6f194 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-4.jpg new file mode 100644 index 000000000..ca1760130 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-5.jpg new file mode 100644 index 000000000..eaa021fe4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-6.jpg new file mode 100644 index 000000000..700d2f044 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-7.jpg new file mode 100644 index 000000000..0f98cd0a5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-8.jpg new file mode 100644 index 000000000..f97b0e02b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/banner-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/banner-9.jpg new file mode 100644 index 000000000..18ce82032 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/banner-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-1.jpg new file mode 100644 index 000000000..0bed2b5d8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-10.jpg new file mode 100644 index 000000000..565eb7909 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-11.jpg new file mode 100644 index 000000000..f0aac7589 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-12.jpg new file mode 100644 index 000000000..c64240ea1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-13.jpg new file mode 100644 index 000000000..2af5f0b59 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-14.jpg new file mode 100644 index 000000000..7b0efa2dd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-15.jpg new file mode 100644 index 000000000..17dd03003 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-16.jpg new file mode 100644 index 000000000..af854335e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-17.jpg new file mode 100644 index 000000000..2e0f5a52c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-18.jpg new file mode 100644 index 000000000..c9c567b44 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-19.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-19.jpg new file mode 100644 index 000000000..364c52360 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-19.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-2.jpg new file mode 100644 index 000000000..6acbb45f9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-20.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-20.jpg new file mode 100644 index 000000000..ca33c5ed8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-20.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-21.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-21.jpg new file mode 100644 index 000000000..bdf0a6684 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-21.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-22.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-22.jpg new file mode 100644 index 000000000..7c64b784e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-23.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-23.jpg new file mode 100644 index 000000000..bc77024eb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-23.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-24.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-24.jpg new file mode 100644 index 000000000..0daa100d8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-24.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-25.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-25.jpg new file mode 100644 index 000000000..c8070162b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-25.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-26.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-26.jpg new file mode 100644 index 000000000..735b8ef8c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-26.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-27.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-27.jpg new file mode 100644 index 000000000..93a0157e3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-27.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-3.jpg new file mode 100644 index 000000000..0bc513def Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-4.jpg new file mode 100644 index 000000000..4360ded8a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-5.jpg new file mode 100644 index 000000000..484f66878 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-6.jpg new file mode 100644 index 000000000..9e5b0e694 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-7.jpg new file mode 100644 index 000000000..31fc79190 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-8.jpg new file mode 100644 index 000000000..38d08e86b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/category-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/category-9.jpg new file mode 100644 index 000000000..6cbaff247 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/category-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cleaning.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cleaning.jpg new file mode 100644 index 000000000..a486c1a90 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cleaning.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/clothes.jpg b/theme_alan/static/src/img/snippets/snippets_icon/clothes.jpg new file mode 100644 index 000000000..64eff58f1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/clothes.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-1.jpg new file mode 100644 index 000000000..29580a494 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-10.jpg new file mode 100644 index 000000000..f0c8fb1ec Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-11.jpg new file mode 100644 index 000000000..cf798cae7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-12.jpg new file mode 100644 index 000000000..4bde354ef Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-13.jpg new file mode 100644 index 000000000..b695f53d9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-2.jpg new file mode 100644 index 000000000..a52bdffce Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-3.jpg new file mode 100644 index 000000000..54e19ae83 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-4.jpg new file mode 100644 index 000000000..8c4c94bb1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-5.jpg new file mode 100644 index 000000000..0c3779b67 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-6.jpg new file mode 100644 index 000000000..377197247 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-7.jpg new file mode 100644 index 000000000..3dcdc0ccb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-8.jpg new file mode 100644 index 000000000..cf06af2d4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/collection-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/collection-9.jpg new file mode 100644 index 000000000..0c9013277 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/collection-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/contact_us-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/contact_us-1.jpg new file mode 100644 index 000000000..c5612d964 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/contact_us-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/contact_us-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/contact_us-2.jpg new file mode 100644 index 000000000..4fa73b48a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/contact_us-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/contact_us-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/contact_us-3.jpg new file mode 100644 index 000000000..a0fca55cb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/contact_us-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-min.jpg new file mode 100644 index 000000000..d80c52e4a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-option-2-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-option-2-min.jpg new file mode 100644 index 000000000..137861ddc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-option-2-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-option-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-option-2.jpg new file mode 100644 index 000000000..137861ddc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic-option-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cosmetic.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic.jpg new file mode 100644 index 000000000..a1b965bb7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cosmetic.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-1.jpg new file mode 100644 index 000000000..706cbbd70 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-10.jpg new file mode 100644 index 000000000..ae1a92baf Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-11.jpg new file mode 100644 index 000000000..aca8e48af Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-12.jpg new file mode 100644 index 000000000..3139625b5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-13.jpg new file mode 100644 index 000000000..ee6c4cf12 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-14.jpg new file mode 100644 index 000000000..f355b70aa Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-15.jpg new file mode 100644 index 000000000..c066764c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-16.jpg new file mode 100644 index 000000000..49fb54f96 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-17.jpg new file mode 100644 index 000000000..49f19c9c7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-18.jpg new file mode 100644 index 000000000..74df1b1b5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-19.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-19.jpg new file mode 100644 index 000000000..0b4c1ef0b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-19.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-2.jpg new file mode 100644 index 000000000..3326ed24b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-20.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-20.jpg new file mode 100644 index 000000000..580050264 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-20.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-21.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-21.jpg new file mode 100644 index 000000000..442ef3d2a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-21.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-22.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-22.jpg new file mode 100644 index 000000000..e5cc76987 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-23.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-23.jpg new file mode 100644 index 000000000..f01e2b9f5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-23.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-24.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-24.jpg new file mode 100644 index 000000000..96b42e76e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-24.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-25.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-25.jpg new file mode 100644 index 000000000..7f401b4dd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-25.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-26.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-26.jpg new file mode 100644 index 000000000..7735f8575 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-26.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-27.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-27.jpg new file mode 100644 index 000000000..f1dbe787d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-27.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-28.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-28.jpg new file mode 100644 index 000000000..826fd15ce Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-28.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-3.jpg new file mode 100644 index 000000000..cb7aa1301 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-4.jpg new file mode 100644 index 000000000..a5554a6fa Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-5.jpg new file mode 100644 index 000000000..920d8c3a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-6.jpg new file mode 100644 index 000000000..f64acbaed Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-7.jpg new file mode 100644 index 000000000..2fa603550 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-8.jpg new file mode 100644 index 000000000..555ed60fb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/cta-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/cta-9.jpg new file mode 100644 index 000000000..50a3a6fd2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/cta-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/deal-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/deal-1.jpg new file mode 100644 index 000000000..98531e281 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/deal-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/deal-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/deal-2.jpg new file mode 100644 index 000000000..7b4dbf307 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/deal-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/deal-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/deal-3.jpg new file mode 100644 index 000000000..7ef79ff65 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/deal-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-2-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-2-min.jpg new file mode 100644 index 000000000..5dedfa693 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-2-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-2.jpg new file mode 100644 index 000000000..5dedfa693 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-home-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-home-min.jpg new file mode 100644 index 000000000..4e84f9d1b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-home-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-home.jpg b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-home.jpg new file mode 100644 index 000000000..4e84f9d1b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/electronic-option-home.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/electronic.jpg b/theme_alan/static/src/img/snippets/snippets_icon/electronic.jpg new file mode 100644 index 000000000..71f98d120 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/electronic.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-2-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-2-min.jpg new file mode 100644 index 000000000..14b4d1872 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-2-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-2.jpg new file mode 100644 index 000000000..14b4d1872 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-3-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-3-min.jpg new file mode 100644 index 000000000..7bb08f18d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-3-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-3.jpg new file mode 100644 index 000000000..7bb08f18d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-4-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-4-min.jpg new file mode 100644 index 000000000..8d993a83e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-4-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-4.jpg new file mode 100644 index 000000000..8d993a83e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-5.jpg new file mode 100644 index 000000000..ac5736fe6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-6-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-6-min.jpg new file mode 100644 index 000000000..6702e61c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-6-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-6.jpg new file mode 100644 index 000000000..6702e61c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-7-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-7-min.jpg new file mode 100644 index 000000000..21daa40eb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-7-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-7.jpg new file mode 100644 index 000000000..21daa40eb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-option-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-wear-1-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-wear-1-min.jpg new file mode 100644 index 000000000..bf2d2fc5a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-wear-1-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/fashion-wear-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/fashion-wear-1.jpg new file mode 100644 index 000000000..bf2d2fc5a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/fashion-wear-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-1.jpg new file mode 100644 index 000000000..db754facc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-10.jpg new file mode 100644 index 000000000..e4524b0ae Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-11.jpg new file mode 100644 index 000000000..d6116477a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-12.jpg new file mode 100644 index 000000000..87b350462 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-13.jpg new file mode 100644 index 000000000..ed7ee9d88 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-14.jpg new file mode 100644 index 000000000..3509fdcce Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-15.jpg new file mode 100644 index 000000000..2c772c9a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-16.jpg new file mode 100644 index 000000000..8db8350a0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-17.jpg new file mode 100644 index 000000000..5b41f0fdc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-18.jpg new file mode 100644 index 000000000..e38848fa6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-19.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-19.jpg new file mode 100644 index 000000000..5f418a963 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-19.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-2.jpg new file mode 100644 index 000000000..bf23d43ef Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-20.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-20.jpg new file mode 100644 index 000000000..49a2c0cc1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-20.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-21.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-21.jpg new file mode 100644 index 000000000..a5c1a867d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-21.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-22.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-22.jpg new file mode 100644 index 000000000..4446c3dbb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-23.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-23.jpg new file mode 100644 index 000000000..a4ca5b732 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-23.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-24.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-24.jpg new file mode 100644 index 000000000..c1093ecc9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-24.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-25.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-25.jpg new file mode 100644 index 000000000..984aec424 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-25.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-26.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-26.jpg new file mode 100644 index 000000000..d35bad05f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-26.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-27.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-27.jpg new file mode 100644 index 000000000..92d001b57 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-27.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-28.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-28.jpg new file mode 100644 index 000000000..a9e07dc87 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-28.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-29.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-29.jpg new file mode 100644 index 000000000..8b811d5a2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-29.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-3.jpg new file mode 100644 index 000000000..65b81f199 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-30.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-30.jpg new file mode 100644 index 000000000..783633280 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-30.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-31.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-31.jpg new file mode 100644 index 000000000..197960673 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-31.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-32.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-32.jpg new file mode 100644 index 000000000..cd4ee240e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-32.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-4.jpg new file mode 100644 index 000000000..fe4d56bdc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-5.jpg new file mode 100644 index 000000000..9db9a56f6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-6.jpg new file mode 100644 index 000000000..79e475287 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-7.jpg new file mode 100644 index 000000000..ad063b378 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-8.jpg new file mode 100644 index 000000000..86b916758 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/feature-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/feature-9.jpg new file mode 100644 index 000000000..3764e0f81 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/feature-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-3-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-3-min.jpg new file mode 100644 index 000000000..d343c1a5c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-3-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-3.jpg new file mode 100644 index 000000000..d343c1a5c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-4.jpg new file mode 100644 index 000000000..4c681d09f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-5.jpg new file mode 100644 index 000000000..e0b42f83b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-6.jpg new file mode 100644 index 000000000..523af5e92 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-option-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-shop-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-shop-min.jpg new file mode 100644 index 000000000..c154bf937 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-shop-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-shop.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-shop.jpg new file mode 100644 index 000000000..c154bf937 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-shop.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-store-1-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-store-1-min.jpg new file mode 100644 index 000000000..2056a0228 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-store-1-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-store-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-store-1.jpg new file mode 100644 index 000000000..2056a0228 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-store-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/furniture-store.jpg b/theme_alan/static/src/img/snippets/snippets_icon/furniture-store.jpg new file mode 100644 index 000000000..6440a405a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/furniture-store.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/gallery-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/gallery-1.jpg new file mode 100644 index 000000000..72dba94ca Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/gallery-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/glasses.jpg b/theme_alan/static/src/img/snippets/snippets_icon/glasses.jpg new file mode 100644 index 000000000..926c7b762 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/glasses.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/grid_snippet.png b/theme_alan/static/src/img/snippets/snippets_icon/grid_snippet.png new file mode 100644 index 000000000..7344c39f2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/grid_snippet.png differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/grocery-store-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/grocery-store-min.jpg new file mode 100644 index 000000000..e0cdfebcd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/grocery-store-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/grocery-store.jpg b/theme_alan/static/src/img/snippets/snippets_icon/grocery-store.jpg new file mode 100644 index 000000000..e0cdfebcd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/grocery-store.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/home_decor.jpg b/theme_alan/static/src/img/snippets/snippets_icon/home_decor.jpg new file mode 100644 index 000000000..9ce7e8ee8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/home_decor.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/kitchen-furniture-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/kitchen-furniture-min.jpg new file mode 100644 index 000000000..56ddcfc56 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/kitchen-furniture-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/kitchen-furniture.jpg b/theme_alan/static/src/img/snippets/snippets_icon/kitchen-furniture.jpg new file mode 100644 index 000000000..56ddcfc56 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/kitchen-furniture.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/main_home.jpg b/theme_alan/static/src/img/snippets/snippets_icon/main_home.jpg new file mode 100644 index 000000000..be83187f5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/main_home.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/music.jpg b/theme_alan/static/src/img/snippets/snippets_icon/music.jpg new file mode 100644 index 000000000..67706ea6c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/music.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_client-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_client-1.jpg new file mode 100644 index 000000000..3e284aaac Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_client-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_client-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_client-2.jpg new file mode 100644 index 000000000..052c5b0c7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_client-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-1.jpg new file mode 100644 index 000000000..588b57006 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-10.jpg new file mode 100644 index 000000000..cdc010261 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-11.jpg new file mode 100644 index 000000000..018fe37b4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-2.jpg new file mode 100644 index 000000000..a700040eb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-3.jpg new file mode 100644 index 000000000..0dbb30680 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-4.jpg new file mode 100644 index 000000000..a282d3c1e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-5.jpg new file mode 100644 index 000000000..753f88011 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-6.jpg new file mode 100644 index 000000000..79064ed0e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-7.jpg new file mode 100644 index 000000000..bf1bb227a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-8.jpg new file mode 100644 index 000000000..cb6262ee0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/our_team-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/our_team-9.jpg new file mode 100644 index 000000000..d13563b71 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/our_team-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/parallax-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/parallax-1.jpg new file mode 100644 index 000000000..8440bcb3f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/parallax-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/portfolio-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-1.jpg new file mode 100644 index 000000000..122c2ea9f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/portfolio-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-2.jpg new file mode 100644 index 000000000..2abca3f33 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/portfolio-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-3.jpg new file mode 100644 index 000000000..395130017 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/portfolio-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-4.jpg new file mode 100644 index 000000000..26431b355 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/portfolio-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/price_table-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/price_table-1.jpg new file mode 100644 index 000000000..b1a5a5e77 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/price_table-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/price_table-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/price_table-2.jpg new file mode 100644 index 000000000..c49014fea Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/price_table-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/price_table-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/price_table-3.jpg new file mode 100644 index 000000000..9f4734d3f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/price_table-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/price_table-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/price_table-4.jpg new file mode 100644 index 000000000..05d6bf6af Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/price_table-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-1.jpg new file mode 100644 index 000000000..c89751f9d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-10.jpg new file mode 100644 index 000000000..63a0b9661 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-11.jpg new file mode 100644 index 000000000..2df03a834 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-2.jpg new file mode 100644 index 000000000..4932434c3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-3.jpg new file mode 100644 index 000000000..39f81b38e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-4.jpg new file mode 100644 index 000000000..4ea2f47cd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-5.jpg new file mode 100644 index 000000000..a4ed5d0d5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-6.jpg new file mode 100644 index 000000000..ddeab4e62 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-7.jpg new file mode 100644 index 000000000..34fee575e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-8.jpg new file mode 100644 index 000000000..4e1826c6f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/promotion-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/promotion-9.jpg new file mode 100644 index 000000000..37c21ae4f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/promotion-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/restaurant-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/restaurant-min.jpg new file mode 100644 index 000000000..812c5b77f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/restaurant-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/restaurant.jpg b/theme_alan/static/src/img/snippets/snippets_icon/restaurant.jpg new file mode 100644 index 000000000..812c5b77f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/restaurant.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-1.jpg new file mode 100644 index 000000000..3c80266cc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-10.jpg new file mode 100644 index 000000000..661097a17 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-11.jpg new file mode 100644 index 000000000..a3e5655da Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-12.jpg new file mode 100644 index 000000000..14af1608f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-13.jpg new file mode 100644 index 000000000..a8b2e5c9a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-14.jpg new file mode 100644 index 000000000..49e49e367 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-15.jpg new file mode 100644 index 000000000..0be43e708 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-16.jpg new file mode 100644 index 000000000..89ce6858c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-17.jpg new file mode 100644 index 000000000..d0db253c8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-18.jpg new file mode 100644 index 000000000..c4911046e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-2.jpg new file mode 100644 index 000000000..038a98da2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-3.jpg new file mode 100644 index 000000000..7f7243ef0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-4.jpg new file mode 100644 index 000000000..cb7573340 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-5.jpg new file mode 100644 index 000000000..dfda99e7f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-6.jpg new file mode 100644 index 000000000..60f70cb15 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-7.jpg new file mode 100644 index 000000000..fc3dba0b4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-8.jpg new file mode 100644 index 000000000..7da1dc6e0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/services-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/services-9.jpg new file mode 100644 index 000000000..6493fca41 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/services-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shoes-shop.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shoes-shop.jpg new file mode 100644 index 000000000..653384b7b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shoes-shop.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-1.jpg new file mode 100644 index 000000000..059aa3e64 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-10.jpg new file mode 100644 index 000000000..30d0a9708 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-11.jpg new file mode 100644 index 000000000..60c833e6f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-12.jpg new file mode 100644 index 000000000..10f8ddb62 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-13.jpg new file mode 100644 index 000000000..5b61587f7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-14.jpg new file mode 100644 index 000000000..9d06ae275 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-15.jpg new file mode 100644 index 000000000..ba5f21d37 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-16.jpg new file mode 100644 index 000000000..bcde823e2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-17.jpg new file mode 100644 index 000000000..6f99ff7e9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-18.jpg new file mode 100644 index 000000000..84e8bd847 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-19.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-19.jpg new file mode 100644 index 000000000..cc1d08c12 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-19.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-2.jpg new file mode 100644 index 000000000..444d00ba9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-20.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-20.jpg new file mode 100644 index 000000000..beab90f9a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-20.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-21.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-21.jpg new file mode 100644 index 000000000..58b5195bb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-21.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-22.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-22.jpg new file mode 100644 index 000000000..c6ddb5c99 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-23.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-23.jpg new file mode 100644 index 000000000..e2f36c478 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-23.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-24.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-24.jpg new file mode 100644 index 000000000..c50b26ef6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-24.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-25.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-25.jpg new file mode 100644 index 000000000..8186d8931 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-25.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-26.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-26.jpg new file mode 100644 index 000000000..012888972 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-26.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-27.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-27.jpg new file mode 100644 index 000000000..5ea4e987c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-27.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-28.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-28.jpg new file mode 100644 index 000000000..c1a8761a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-28.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-29.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-29.jpg new file mode 100644 index 000000000..8aa3d3f83 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-29.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-3.jpg new file mode 100644 index 000000000..d3d9dbefe Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-30.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-30.jpg new file mode 100644 index 000000000..13dcc94a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-30.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-31.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-31.jpg new file mode 100644 index 000000000..d7d3caed5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-31.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-32.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-32.jpg new file mode 100644 index 000000000..eafb75ec4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-32.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-33.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-33.jpg new file mode 100644 index 000000000..fd5104e8c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-33.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-34.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-34.jpg new file mode 100644 index 000000000..ac3ee01a6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-34.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-35.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-35.jpg new file mode 100644 index 000000000..bbc2cd725 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-35.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-36.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-36.jpg new file mode 100644 index 000000000..556b5b689 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-36.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-37.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-37.jpg new file mode 100644 index 000000000..e795cadb5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-37.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-38.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-38.jpg new file mode 100644 index 000000000..765107e5b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-38.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-39.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-39.jpg new file mode 100644 index 000000000..edfd16f13 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-39.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-4.jpg new file mode 100644 index 000000000..05b218dd2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-40.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-40.jpg new file mode 100644 index 000000000..b4cb58be6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-40.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-41.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-41.jpg new file mode 100644 index 000000000..a1c11c614 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-41.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-42.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-42.jpg new file mode 100644 index 000000000..56a90d2b0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-42.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-43.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-43.jpg new file mode 100644 index 000000000..662d20ca6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-43.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-44.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-44.jpg new file mode 100644 index 000000000..aff0bc453 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-44.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-45.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-45.jpg new file mode 100644 index 000000000..ffddd8591 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-45.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-46.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-46.jpg new file mode 100644 index 000000000..544b9a69b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-46.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-47.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-47.jpg new file mode 100644 index 000000000..ef5891064 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-47.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-48.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-48.jpg new file mode 100644 index 000000000..7d35e3298 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-48.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-49.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-49.jpg new file mode 100644 index 000000000..a05babbfc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-49.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-5.jpg new file mode 100644 index 000000000..e2767d5fe Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-50.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-50.jpg new file mode 100644 index 000000000..5e62cdf70 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-50.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-51.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-51.jpg new file mode 100644 index 000000000..eae185f3b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-51.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-52.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-52.jpg new file mode 100644 index 000000000..2bc3fb9db Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-52.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-53.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-53.jpg new file mode 100644 index 000000000..df625256e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-53.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-54.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-54.jpg new file mode 100644 index 000000000..4e2394a4c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-54.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-55.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-55.jpg new file mode 100644 index 000000000..6aa41201e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-55.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-56.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-56.jpg new file mode 100644 index 000000000..69dfd484a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-56.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-57.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-57.jpg new file mode 100644 index 000000000..639db8536 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-57.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-58.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-58.jpg new file mode 100644 index 000000000..0477e16a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-58.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-6.jpg new file mode 100644 index 000000000..acf0c4104 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-7.jpg new file mode 100644 index 000000000..e27d49913 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-8.jpg new file mode 100644 index 000000000..0a5e45668 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-9.jpg new file mode 100644 index 000000000..b67fdd0f7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/shop_banner-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-1.jpg new file mode 100644 index 000000000..46b7e859b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-10.jpg new file mode 100644 index 000000000..354bab131 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-11.jpg new file mode 100644 index 000000000..05f58ba13 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-12.jpg new file mode 100644 index 000000000..077abeac1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-13.jpg new file mode 100644 index 000000000..943b9e0dc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-14.jpg new file mode 100644 index 000000000..d0500bdf6 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-15.jpg new file mode 100644 index 000000000..48df6c876 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-16.jpg new file mode 100644 index 000000000..41a84b539 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-17.jpg new file mode 100644 index 000000000..1e3f693ad Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-18.jpg new file mode 100644 index 000000000..0862b8dd3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-19.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-19.jpg new file mode 100644 index 000000000..14cc84c2b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-19.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-2.jpg new file mode 100644 index 000000000..c88711d2c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-20.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-20.jpg new file mode 100644 index 000000000..e0f082175 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-20.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-21.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-21.jpg new file mode 100644 index 000000000..cf598a2b2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-21.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-22.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-22.jpg new file mode 100644 index 000000000..c92914147 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-22.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-23.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-23.jpg new file mode 100644 index 000000000..368d13a3f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-23.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-24.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-24.jpg new file mode 100644 index 000000000..d69b388ca Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-24.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-25.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-25.jpg new file mode 100644 index 000000000..3e46545e7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-25.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-26.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-26.jpg new file mode 100644 index 000000000..5cedcecc7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-26.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-27.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-27.jpg new file mode 100644 index 000000000..16a2442a4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-27.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-28.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-28.jpg new file mode 100644 index 000000000..2971d68b4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-28.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-29.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-29.jpg new file mode 100644 index 000000000..d4f790085 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-29.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-3.jpg new file mode 100644 index 000000000..27e41bbdc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-30.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-30.jpg new file mode 100644 index 000000000..39bcb1559 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-30.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-31.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-31.jpg new file mode 100644 index 000000000..351bd24d1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-31.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-32.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-32.jpg new file mode 100644 index 000000000..d27d2b0d0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-32.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-33.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-33.jpg new file mode 100644 index 000000000..41f2b6558 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-33.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-34.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-34.jpg new file mode 100644 index 000000000..b1200673d Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-34.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-35.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-35.jpg new file mode 100644 index 000000000..0efd6a74f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-35.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-36.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-36.jpg new file mode 100644 index 000000000..adfdaefca Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-36.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-37.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-37.jpg new file mode 100644 index 000000000..9f56d3a30 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-37.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-38.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-38.jpg new file mode 100644 index 000000000..a004d2e76 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-38.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-39.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-39.jpg new file mode 100644 index 000000000..c64eca6d1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-39.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-4.jpg new file mode 100644 index 000000000..632d228b3 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-40.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-40.jpg new file mode 100644 index 000000000..621a4eb9a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-40.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-41.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-41.jpg new file mode 100644 index 000000000..4b484ee30 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-41.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-42.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-42.jpg new file mode 100644 index 000000000..c4d2eb7bb Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-42.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-43.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-43.jpg new file mode 100644 index 000000000..296a223db Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-43.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-44.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-44.jpg new file mode 100644 index 000000000..b7edbc1c4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-44.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-45.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-45.jpg new file mode 100644 index 000000000..d222fb362 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-45.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-46.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-46.jpg new file mode 100644 index 000000000..4b7d914bc Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-46.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-47.png b/theme_alan/static/src/img/snippets/snippets_icon/slider-47.png new file mode 100644 index 000000000..8d6ee8290 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-47.png differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-5.jpg new file mode 100644 index 000000000..4a5141533 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-6.jpg new file mode 100644 index 000000000..0e727465a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-7.jpg new file mode 100644 index 000000000..f6766c476 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-8.jpg new file mode 100644 index 000000000..22e9d23d1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/slider-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/slider-9.jpg new file mode 100644 index 000000000..6c3eb4e93 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/slider-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/sport-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/sport-min.jpg new file mode 100644 index 000000000..305750b18 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/sport-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/sport.jpg b/theme_alan/static/src/img/snippets/snippets_icon/sport.jpg new file mode 100644 index 000000000..305750b18 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/sport.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-1.jpg new file mode 100644 index 000000000..ccf0bab13 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-2.jpg new file mode 100644 index 000000000..83fc711e0 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-3.jpg new file mode 100644 index 000000000..9d8c945a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-4.jpg new file mode 100644 index 000000000..440645e59 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-5.jpg new file mode 100644 index 000000000..69a5ab109 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-6.jpg new file mode 100644 index 000000000..1fb6ee196 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-7.jpg new file mode 100644 index 000000000..fc6295af2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/subscbie_newsletter-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/tabs-1-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/tabs-1-min.jpg new file mode 100644 index 000000000..23deaddef Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/tabs-1-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/tabs-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/tabs-1.jpg new file mode 100644 index 000000000..a1ac5db67 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/tabs-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/tabs-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/tabs-2.jpg new file mode 100644 index 000000000..5e291d93f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/tabs-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/teeth-care.jpg b/theme_alan/static/src/img/snippets/snippets_icon/teeth-care.jpg new file mode 100644 index 000000000..7f2fb6564 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/teeth-care.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-1.jpg new file mode 100644 index 000000000..4eb873043 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-10.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-10.jpg new file mode 100644 index 000000000..2314f859b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-10.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-11.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-11.jpg new file mode 100644 index 000000000..76614086b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-11.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-12.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-12.jpg new file mode 100644 index 000000000..5504c4bea Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-12.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-13.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-13.jpg new file mode 100644 index 000000000..fa9210476 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-13.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-14.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-14.jpg new file mode 100644 index 000000000..656c38053 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-14.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-15.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-15.jpg new file mode 100644 index 000000000..2887590e2 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-15.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-16.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-16.jpg new file mode 100644 index 000000000..df683935e Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-16.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-17.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-17.jpg new file mode 100644 index 000000000..cfe848c4b Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-17.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-18.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-18.jpg new file mode 100644 index 000000000..65dce9589 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-18.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-2.jpg new file mode 100644 index 000000000..1b45d9c26 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-3.jpg new file mode 100644 index 000000000..133bb67ce Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-4.jpg new file mode 100644 index 000000000..70a82c44f Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-5.jpg new file mode 100644 index 000000000..b21fabf74 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-6.jpg new file mode 100644 index 000000000..adbfa080c Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-7.jpg new file mode 100644 index 000000000..2b7376ce4 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-8.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-8.jpg new file mode 100644 index 000000000..dd09b2695 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-8.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/testimonial-9.jpg b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-9.jpg new file mode 100644 index 000000000..7b17a47ba Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/testimonial-9.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/title-1.jpg new file mode 100644 index 000000000..3f119fffd Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-10.png b/theme_alan/static/src/img/snippets/snippets_icon/title-10.png new file mode 100644 index 000000000..32743f320 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-10.png differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/title-2.jpg new file mode 100644 index 000000000..3068b7cec Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/title-3.jpg new file mode 100644 index 000000000..0984b17c9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-4.jpg b/theme_alan/static/src/img/snippets/snippets_icon/title-4.jpg new file mode 100644 index 000000000..82e417fa1 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-4.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-5.jpg b/theme_alan/static/src/img/snippets/snippets_icon/title-5.jpg new file mode 100644 index 000000000..713f5339a Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-5.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-6.jpg b/theme_alan/static/src/img/snippets/snippets_icon/title-6.jpg new file mode 100644 index 000000000..6f58796e7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-6.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-7.jpg b/theme_alan/static/src/img/snippets/snippets_icon/title-7.jpg new file mode 100644 index 000000000..1a7390ec7 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-7.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-8.png b/theme_alan/static/src/img/snippets/snippets_icon/title-8.png new file mode 100644 index 000000000..8cd4ae3be Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-8.png differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/title-9.png b/theme_alan/static/src/img/snippets/snippets_icon/title-9.png new file mode 100644 index 000000000..b6d1d0b94 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/title-9.png differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/video_popup-1.jpg b/theme_alan/static/src/img/snippets/snippets_icon/video_popup-1.jpg new file mode 100644 index 000000000..57028cac5 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/video_popup-1.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/video_popup-2.jpg b/theme_alan/static/src/img/snippets/snippets_icon/video_popup-2.jpg new file mode 100644 index 000000000..940b0b8a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/video_popup-2.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/video_popup-3.jpg b/theme_alan/static/src/img/snippets/snippets_icon/video_popup-3.jpg new file mode 100644 index 000000000..9a72e0a72 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/video_popup-3.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/water-sports-min.jpg b/theme_alan/static/src/img/snippets/snippets_icon/water-sports-min.jpg new file mode 100644 index 000000000..28945e997 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/water-sports-min.jpg differ diff --git a/theme_alan/static/src/img/snippets/snippets_icon/water-sports.jpg b/theme_alan/static/src/img/snippets/snippets_icon/water-sports.jpg new file mode 100644 index 000000000..28945e997 Binary files /dev/null and b/theme_alan/static/src/img/snippets/snippets_icon/water-sports.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-1.jpg b/theme_alan/static/src/img/snippets_icon/about-1.jpg new file mode 100644 index 000000000..1f393bf21 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-10.jpg b/theme_alan/static/src/img/snippets_icon/about-10.jpg new file mode 100644 index 000000000..37c6ffacd Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-11.jpg b/theme_alan/static/src/img/snippets_icon/about-11.jpg new file mode 100644 index 000000000..7f378b2e7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-12.jpg b/theme_alan/static/src/img/snippets_icon/about-12.jpg new file mode 100644 index 000000000..b679c3806 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-13.jpg b/theme_alan/static/src/img/snippets_icon/about-13.jpg new file mode 100644 index 000000000..c22bef703 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-14.jpg b/theme_alan/static/src/img/snippets_icon/about-14.jpg new file mode 100644 index 000000000..33c393ef9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-15.jpg b/theme_alan/static/src/img/snippets_icon/about-15.jpg new file mode 100644 index 000000000..b027cf449 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-16.jpg b/theme_alan/static/src/img/snippets_icon/about-16.jpg new file mode 100644 index 000000000..99de73d71 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-17.jpg b/theme_alan/static/src/img/snippets_icon/about-17.jpg new file mode 100644 index 000000000..f6927107e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-18.jpg b/theme_alan/static/src/img/snippets_icon/about-18.jpg new file mode 100644 index 000000000..ee6708b27 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-19.jpg b/theme_alan/static/src/img/snippets_icon/about-19.jpg new file mode 100644 index 000000000..df7b0f06d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-19.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-2.jpg b/theme_alan/static/src/img/snippets_icon/about-2.jpg new file mode 100644 index 000000000..dc3393078 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-20.jpg b/theme_alan/static/src/img/snippets_icon/about-20.jpg new file mode 100644 index 000000000..653146aab Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-20.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-21.jpg b/theme_alan/static/src/img/snippets_icon/about-21.jpg new file mode 100644 index 000000000..a6d49be85 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-21.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-22.jpg b/theme_alan/static/src/img/snippets_icon/about-22.jpg new file mode 100644 index 000000000..9a7aadf92 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-22.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-23.jpg b/theme_alan/static/src/img/snippets_icon/about-23.jpg new file mode 100644 index 000000000..002648416 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-23.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-24.jpg b/theme_alan/static/src/img/snippets_icon/about-24.jpg new file mode 100644 index 000000000..8642c6693 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-24.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-25.jpg b/theme_alan/static/src/img/snippets_icon/about-25.jpg new file mode 100644 index 000000000..264741c62 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-25.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-26.jpg b/theme_alan/static/src/img/snippets_icon/about-26.jpg new file mode 100644 index 000000000..ae06d277f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-26.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-27.jpg b/theme_alan/static/src/img/snippets_icon/about-27.jpg new file mode 100644 index 000000000..14a93c2a2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-27.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-28.jpg b/theme_alan/static/src/img/snippets_icon/about-28.jpg new file mode 100644 index 000000000..27ad4689a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-28.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-29.jpg b/theme_alan/static/src/img/snippets_icon/about-29.jpg new file mode 100644 index 000000000..21b7a9c5e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-29.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-3.jpg b/theme_alan/static/src/img/snippets_icon/about-3.jpg new file mode 100644 index 000000000..a42255a11 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-30.jpg b/theme_alan/static/src/img/snippets_icon/about-30.jpg new file mode 100644 index 000000000..f785dc80f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-30.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-31.jpg b/theme_alan/static/src/img/snippets_icon/about-31.jpg new file mode 100644 index 000000000..8c8f07080 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-31.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-32.jpg b/theme_alan/static/src/img/snippets_icon/about-32.jpg new file mode 100644 index 000000000..991748482 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-32.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-33.jpg b/theme_alan/static/src/img/snippets_icon/about-33.jpg new file mode 100644 index 000000000..ee89dba97 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-33.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-34.jpg b/theme_alan/static/src/img/snippets_icon/about-34.jpg new file mode 100644 index 000000000..9556a1dba Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-34.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-35.jpg b/theme_alan/static/src/img/snippets_icon/about-35.jpg new file mode 100644 index 000000000..34423c291 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-35.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-36.jpg b/theme_alan/static/src/img/snippets_icon/about-36.jpg new file mode 100644 index 000000000..9243dfe6f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-36.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-37.jpg b/theme_alan/static/src/img/snippets_icon/about-37.jpg new file mode 100644 index 000000000..6b3e12169 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-37.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-38.jpg b/theme_alan/static/src/img/snippets_icon/about-38.jpg new file mode 100644 index 000000000..b87affebe Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-38.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-39.jpg b/theme_alan/static/src/img/snippets_icon/about-39.jpg new file mode 100644 index 000000000..73f2f30fd Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-39.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-4.jpg b/theme_alan/static/src/img/snippets_icon/about-4.jpg new file mode 100644 index 000000000..bbdf74a62 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-40.jpg b/theme_alan/static/src/img/snippets_icon/about-40.jpg new file mode 100644 index 000000000..45f857196 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-40.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-41.jpg b/theme_alan/static/src/img/snippets_icon/about-41.jpg new file mode 100644 index 000000000..9c146dcfe Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-41.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-42.jpg b/theme_alan/static/src/img/snippets_icon/about-42.jpg new file mode 100644 index 000000000..2922ac96e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-42.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-43.jpg b/theme_alan/static/src/img/snippets_icon/about-43.jpg new file mode 100644 index 000000000..db53ead96 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-43.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-44.jpg b/theme_alan/static/src/img/snippets_icon/about-44.jpg new file mode 100644 index 000000000..22bf05357 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-44.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-45.jpg b/theme_alan/static/src/img/snippets_icon/about-45.jpg new file mode 100644 index 000000000..b03f7f00d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-45.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-46.jpg b/theme_alan/static/src/img/snippets_icon/about-46.jpg new file mode 100644 index 000000000..211ff9e72 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-46.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-47.jpg b/theme_alan/static/src/img/snippets_icon/about-47.jpg new file mode 100644 index 000000000..5cfeea84a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-47.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-48.jpg b/theme_alan/static/src/img/snippets_icon/about-48.jpg new file mode 100644 index 000000000..eb903ab80 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-48.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-49.jpg b/theme_alan/static/src/img/snippets_icon/about-49.jpg new file mode 100644 index 000000000..2014a6917 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-49.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-5.jpg b/theme_alan/static/src/img/snippets_icon/about-5.jpg new file mode 100644 index 000000000..8e30e983d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-50.jpg b/theme_alan/static/src/img/snippets_icon/about-50.jpg new file mode 100644 index 000000000..8f34ba61e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-50.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-51.jpg b/theme_alan/static/src/img/snippets_icon/about-51.jpg new file mode 100644 index 000000000..c67b71a81 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-51.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-52.jpg b/theme_alan/static/src/img/snippets_icon/about-52.jpg new file mode 100644 index 000000000..f833871b6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-52.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-53.jpg b/theme_alan/static/src/img/snippets_icon/about-53.jpg new file mode 100644 index 000000000..bc6dc16a6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-53.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-54.jpg b/theme_alan/static/src/img/snippets_icon/about-54.jpg new file mode 100644 index 000000000..b055ee80c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-54.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-55.jpg b/theme_alan/static/src/img/snippets_icon/about-55.jpg new file mode 100644 index 000000000..b1c3757b9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-55.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-56.jpg b/theme_alan/static/src/img/snippets_icon/about-56.jpg new file mode 100644 index 000000000..ee959cfdf Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-56.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-57.jpg b/theme_alan/static/src/img/snippets_icon/about-57.jpg new file mode 100644 index 000000000..2445ff9f2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-57.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-58.jpg b/theme_alan/static/src/img/snippets_icon/about-58.jpg new file mode 100644 index 000000000..d89590fe6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-58.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-59.jpg b/theme_alan/static/src/img/snippets_icon/about-59.jpg new file mode 100644 index 000000000..c8d62b246 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-59.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-6.jpg b/theme_alan/static/src/img/snippets_icon/about-6.jpg new file mode 100644 index 000000000..adc95cd59 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-7.jpg b/theme_alan/static/src/img/snippets_icon/about-7.jpg new file mode 100644 index 000000000..e406bc77b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-8.jpg b/theme_alan/static/src/img/snippets_icon/about-8.jpg new file mode 100644 index 000000000..c4af1d771 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/about-9.jpg b/theme_alan/static/src/img/snippets_icon/about-9.jpg new file mode 100644 index 000000000..870fc2d6e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/about-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/afq-1.jpg b/theme_alan/static/src/img/snippets_icon/afq-1.jpg new file mode 100644 index 000000000..b4b6ff276 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/afq-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-1.jpg b/theme_alan/static/src/img/snippets_icon/banner-1.jpg new file mode 100644 index 000000000..bf4a141fc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-10.jpg b/theme_alan/static/src/img/snippets_icon/banner-10.jpg new file mode 100644 index 000000000..fa78227a2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-11.jpg b/theme_alan/static/src/img/snippets_icon/banner-11.jpg new file mode 100644 index 000000000..04769d5ab Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-12.jpg b/theme_alan/static/src/img/snippets_icon/banner-12.jpg new file mode 100644 index 000000000..cc96b89c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-13.jpg b/theme_alan/static/src/img/snippets_icon/banner-13.jpg new file mode 100644 index 000000000..584cf6b17 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-14.jpg b/theme_alan/static/src/img/snippets_icon/banner-14.jpg new file mode 100644 index 000000000..d7ea6e8d3 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-15.jpg b/theme_alan/static/src/img/snippets_icon/banner-15.jpg new file mode 100644 index 000000000..968d5598d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-16.jpg b/theme_alan/static/src/img/snippets_icon/banner-16.jpg new file mode 100644 index 000000000..e31123ac8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-17.jpg b/theme_alan/static/src/img/snippets_icon/banner-17.jpg new file mode 100644 index 000000000..43ad300ac Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-18.jpg b/theme_alan/static/src/img/snippets_icon/banner-18.jpg new file mode 100644 index 000000000..106a55f80 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-19.jpg b/theme_alan/static/src/img/snippets_icon/banner-19.jpg new file mode 100644 index 000000000..4fab77f3a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-19.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-2.jpg b/theme_alan/static/src/img/snippets_icon/banner-2.jpg new file mode 100644 index 000000000..c6dcee214 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-20.jpg b/theme_alan/static/src/img/snippets_icon/banner-20.jpg new file mode 100644 index 000000000..c1aadbbfb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-20.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-21.jpg b/theme_alan/static/src/img/snippets_icon/banner-21.jpg new file mode 100644 index 000000000..8082a63a3 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-21.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-22.jpg b/theme_alan/static/src/img/snippets_icon/banner-22.jpg new file mode 100644 index 000000000..6700bae9d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-22.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-23.jpg b/theme_alan/static/src/img/snippets_icon/banner-23.jpg new file mode 100644 index 000000000..fc84a9a92 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-23.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-24.jpg b/theme_alan/static/src/img/snippets_icon/banner-24.jpg new file mode 100644 index 000000000..1064d4216 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-24.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-25.jpg b/theme_alan/static/src/img/snippets_icon/banner-25.jpg new file mode 100644 index 000000000..896372245 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-25.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-26.jpg b/theme_alan/static/src/img/snippets_icon/banner-26.jpg new file mode 100644 index 000000000..38617d702 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-26.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-27.jpg b/theme_alan/static/src/img/snippets_icon/banner-27.jpg new file mode 100644 index 000000000..b910cb8a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-27.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-28.jpg b/theme_alan/static/src/img/snippets_icon/banner-28.jpg new file mode 100644 index 000000000..d0576babd Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-28.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-29.jpg b/theme_alan/static/src/img/snippets_icon/banner-29.jpg new file mode 100644 index 000000000..4441efd43 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-29.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-3.jpg b/theme_alan/static/src/img/snippets_icon/banner-3.jpg new file mode 100644 index 000000000..4d7d6f194 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-4.jpg b/theme_alan/static/src/img/snippets_icon/banner-4.jpg new file mode 100644 index 000000000..ca1760130 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-5.jpg b/theme_alan/static/src/img/snippets_icon/banner-5.jpg new file mode 100644 index 000000000..eaa021fe4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-6.jpg b/theme_alan/static/src/img/snippets_icon/banner-6.jpg new file mode 100644 index 000000000..700d2f044 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-7.jpg b/theme_alan/static/src/img/snippets_icon/banner-7.jpg new file mode 100644 index 000000000..0f98cd0a5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-8.jpg b/theme_alan/static/src/img/snippets_icon/banner-8.jpg new file mode 100644 index 000000000..f97b0e02b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/banner-9.jpg b/theme_alan/static/src/img/snippets_icon/banner-9.jpg new file mode 100644 index 000000000..18ce82032 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/banner-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-1.jpg b/theme_alan/static/src/img/snippets_icon/category-1.jpg new file mode 100644 index 000000000..0bed2b5d8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-10.jpg b/theme_alan/static/src/img/snippets_icon/category-10.jpg new file mode 100644 index 000000000..565eb7909 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-11.jpg b/theme_alan/static/src/img/snippets_icon/category-11.jpg new file mode 100644 index 000000000..f0aac7589 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-12.jpg b/theme_alan/static/src/img/snippets_icon/category-12.jpg new file mode 100644 index 000000000..c64240ea1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-13.jpg b/theme_alan/static/src/img/snippets_icon/category-13.jpg new file mode 100644 index 000000000..2af5f0b59 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-14.jpg b/theme_alan/static/src/img/snippets_icon/category-14.jpg new file mode 100644 index 000000000..7b0efa2dd Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-15.jpg b/theme_alan/static/src/img/snippets_icon/category-15.jpg new file mode 100644 index 000000000..17dd03003 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-16.jpg b/theme_alan/static/src/img/snippets_icon/category-16.jpg new file mode 100644 index 000000000..af854335e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-17.jpg b/theme_alan/static/src/img/snippets_icon/category-17.jpg new file mode 100644 index 000000000..037bd39bf Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-18.jpg b/theme_alan/static/src/img/snippets_icon/category-18.jpg new file mode 100644 index 000000000..c9c567b44 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-19.jpg b/theme_alan/static/src/img/snippets_icon/category-19.jpg new file mode 100644 index 000000000..364c52360 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-19.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-2.jpg b/theme_alan/static/src/img/snippets_icon/category-2.jpg new file mode 100644 index 000000000..6acbb45f9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-20.jpg b/theme_alan/static/src/img/snippets_icon/category-20.jpg new file mode 100644 index 000000000..ca33c5ed8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-20.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-21.jpg b/theme_alan/static/src/img/snippets_icon/category-21.jpg new file mode 100644 index 000000000..bdf0a6684 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-21.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-22.jpg b/theme_alan/static/src/img/snippets_icon/category-22.jpg new file mode 100644 index 000000000..7c64b784e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-22.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-23.jpg b/theme_alan/static/src/img/snippets_icon/category-23.jpg new file mode 100644 index 000000000..bc77024eb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-23.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-24.jpg b/theme_alan/static/src/img/snippets_icon/category-24.jpg new file mode 100644 index 000000000..0daa100d8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-24.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-25.jpg b/theme_alan/static/src/img/snippets_icon/category-25.jpg new file mode 100644 index 000000000..c8070162b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-25.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-26.jpg b/theme_alan/static/src/img/snippets_icon/category-26.jpg new file mode 100644 index 000000000..735b8ef8c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-26.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-27.jpg b/theme_alan/static/src/img/snippets_icon/category-27.jpg new file mode 100644 index 000000000..93a0157e3 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-27.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-3.jpg b/theme_alan/static/src/img/snippets_icon/category-3.jpg new file mode 100644 index 000000000..0bc513def Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-4.jpg b/theme_alan/static/src/img/snippets_icon/category-4.jpg new file mode 100644 index 000000000..4360ded8a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-5.jpg b/theme_alan/static/src/img/snippets_icon/category-5.jpg new file mode 100644 index 000000000..484f66878 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-6.jpg b/theme_alan/static/src/img/snippets_icon/category-6.jpg new file mode 100644 index 000000000..9e5b0e694 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-7.jpg b/theme_alan/static/src/img/snippets_icon/category-7.jpg new file mode 100644 index 000000000..31fc79190 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-8.jpg b/theme_alan/static/src/img/snippets_icon/category-8.jpg new file mode 100644 index 000000000..38d08e86b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/category-9.jpg b/theme_alan/static/src/img/snippets_icon/category-9.jpg new file mode 100644 index 000000000..6cbaff247 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/category-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-1.jpg b/theme_alan/static/src/img/snippets_icon/collection-1.jpg new file mode 100644 index 000000000..29580a494 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-10.jpg b/theme_alan/static/src/img/snippets_icon/collection-10.jpg new file mode 100644 index 000000000..f0c8fb1ec Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-11.jpg b/theme_alan/static/src/img/snippets_icon/collection-11.jpg new file mode 100644 index 000000000..cf798cae7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-12.jpg b/theme_alan/static/src/img/snippets_icon/collection-12.jpg new file mode 100644 index 000000000..4bde354ef Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-13.jpg b/theme_alan/static/src/img/snippets_icon/collection-13.jpg new file mode 100644 index 000000000..b695f53d9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-2.jpg b/theme_alan/static/src/img/snippets_icon/collection-2.jpg new file mode 100644 index 000000000..a52bdffce Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-3.jpg b/theme_alan/static/src/img/snippets_icon/collection-3.jpg new file mode 100644 index 000000000..54e19ae83 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-4.jpg b/theme_alan/static/src/img/snippets_icon/collection-4.jpg new file mode 100644 index 000000000..8c4c94bb1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-5.jpg b/theme_alan/static/src/img/snippets_icon/collection-5.jpg new file mode 100644 index 000000000..0c3779b67 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-6.jpg b/theme_alan/static/src/img/snippets_icon/collection-6.jpg new file mode 100644 index 000000000..377197247 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-7.jpg b/theme_alan/static/src/img/snippets_icon/collection-7.jpg new file mode 100644 index 000000000..3dcdc0ccb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-8.jpg b/theme_alan/static/src/img/snippets_icon/collection-8.jpg new file mode 100644 index 000000000..cf06af2d4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/collection-9.jpg b/theme_alan/static/src/img/snippets_icon/collection-9.jpg new file mode 100644 index 000000000..0c9013277 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/collection-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/contact_us-1.jpg b/theme_alan/static/src/img/snippets_icon/contact_us-1.jpg new file mode 100644 index 000000000..c5612d964 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/contact_us-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/contact_us-2.jpg b/theme_alan/static/src/img/snippets_icon/contact_us-2.jpg new file mode 100644 index 000000000..4fa73b48a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/contact_us-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/contact_us-3.jpg b/theme_alan/static/src/img/snippets_icon/contact_us-3.jpg new file mode 100644 index 000000000..a0fca55cb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/contact_us-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-1.jpg b/theme_alan/static/src/img/snippets_icon/cta-1.jpg new file mode 100644 index 000000000..706cbbd70 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-10.jpg b/theme_alan/static/src/img/snippets_icon/cta-10.jpg new file mode 100644 index 000000000..ae1a92baf Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-11.jpg b/theme_alan/static/src/img/snippets_icon/cta-11.jpg new file mode 100644 index 000000000..aca8e48af Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-12.jpg b/theme_alan/static/src/img/snippets_icon/cta-12.jpg new file mode 100644 index 000000000..3139625b5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-13.jpg b/theme_alan/static/src/img/snippets_icon/cta-13.jpg new file mode 100644 index 000000000..ee6c4cf12 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-14.jpg b/theme_alan/static/src/img/snippets_icon/cta-14.jpg new file mode 100644 index 000000000..f355b70aa Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-15.jpg b/theme_alan/static/src/img/snippets_icon/cta-15.jpg new file mode 100644 index 000000000..c066764c1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-16.jpg b/theme_alan/static/src/img/snippets_icon/cta-16.jpg new file mode 100644 index 000000000..49fb54f96 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-17.jpg b/theme_alan/static/src/img/snippets_icon/cta-17.jpg new file mode 100644 index 000000000..49f19c9c7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-18.jpg b/theme_alan/static/src/img/snippets_icon/cta-18.jpg new file mode 100644 index 000000000..74df1b1b5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-19.jpg b/theme_alan/static/src/img/snippets_icon/cta-19.jpg new file mode 100644 index 000000000..0b4c1ef0b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-19.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-2.jpg b/theme_alan/static/src/img/snippets_icon/cta-2.jpg new file mode 100644 index 000000000..3326ed24b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-20.jpg b/theme_alan/static/src/img/snippets_icon/cta-20.jpg new file mode 100644 index 000000000..580050264 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-20.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-21.jpg b/theme_alan/static/src/img/snippets_icon/cta-21.jpg new file mode 100644 index 000000000..442ef3d2a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-21.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-22.jpg b/theme_alan/static/src/img/snippets_icon/cta-22.jpg new file mode 100644 index 000000000..e5cc76987 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-22.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-23.jpg b/theme_alan/static/src/img/snippets_icon/cta-23.jpg new file mode 100644 index 000000000..f01e2b9f5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-23.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-24.jpg b/theme_alan/static/src/img/snippets_icon/cta-24.jpg new file mode 100644 index 000000000..96b42e76e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-24.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-25.jpg b/theme_alan/static/src/img/snippets_icon/cta-25.jpg new file mode 100644 index 000000000..7f401b4dd Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-25.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-26.jpg b/theme_alan/static/src/img/snippets_icon/cta-26.jpg new file mode 100644 index 000000000..7735f8575 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-26.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-27.jpg b/theme_alan/static/src/img/snippets_icon/cta-27.jpg new file mode 100644 index 000000000..f1dbe787d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-27.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-28.jpg b/theme_alan/static/src/img/snippets_icon/cta-28.jpg new file mode 100644 index 000000000..826fd15ce Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-28.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-3.jpg b/theme_alan/static/src/img/snippets_icon/cta-3.jpg new file mode 100644 index 000000000..cb7aa1301 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-4.jpg b/theme_alan/static/src/img/snippets_icon/cta-4.jpg new file mode 100644 index 000000000..a5554a6fa Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-5.jpg b/theme_alan/static/src/img/snippets_icon/cta-5.jpg new file mode 100644 index 000000000..920d8c3a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-6.jpg b/theme_alan/static/src/img/snippets_icon/cta-6.jpg new file mode 100644 index 000000000..f64acbaed Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-7.jpg b/theme_alan/static/src/img/snippets_icon/cta-7.jpg new file mode 100644 index 000000000..2fa603550 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-8.jpg b/theme_alan/static/src/img/snippets_icon/cta-8.jpg new file mode 100644 index 000000000..555ed60fb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/cta-9.jpg b/theme_alan/static/src/img/snippets_icon/cta-9.jpg new file mode 100644 index 000000000..50a3a6fd2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/cta-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/deal-1.jpg b/theme_alan/static/src/img/snippets_icon/deal-1.jpg new file mode 100644 index 000000000..98531e281 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/deal-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/deal-2.jpg b/theme_alan/static/src/img/snippets_icon/deal-2.jpg new file mode 100644 index 000000000..7b4dbf307 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/deal-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/deal-3.jpg b/theme_alan/static/src/img/snippets_icon/deal-3.jpg new file mode 100644 index 000000000..7ef79ff65 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/deal-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-1.jpg b/theme_alan/static/src/img/snippets_icon/feature-1.jpg new file mode 100644 index 000000000..db754facc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-10.jpg b/theme_alan/static/src/img/snippets_icon/feature-10.jpg new file mode 100644 index 000000000..e4524b0ae Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-11.jpg b/theme_alan/static/src/img/snippets_icon/feature-11.jpg new file mode 100644 index 000000000..d6116477a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-12.jpg b/theme_alan/static/src/img/snippets_icon/feature-12.jpg new file mode 100644 index 000000000..87b350462 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-13.jpg b/theme_alan/static/src/img/snippets_icon/feature-13.jpg new file mode 100644 index 000000000..ed7ee9d88 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-14.jpg b/theme_alan/static/src/img/snippets_icon/feature-14.jpg new file mode 100644 index 000000000..3509fdcce Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-15.jpg b/theme_alan/static/src/img/snippets_icon/feature-15.jpg new file mode 100644 index 000000000..2c772c9a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-16.jpg b/theme_alan/static/src/img/snippets_icon/feature-16.jpg new file mode 100644 index 000000000..8db8350a0 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-17.jpg b/theme_alan/static/src/img/snippets_icon/feature-17.jpg new file mode 100644 index 000000000..5b41f0fdc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-18.jpg b/theme_alan/static/src/img/snippets_icon/feature-18.jpg new file mode 100644 index 000000000..e38848fa6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-19.jpg b/theme_alan/static/src/img/snippets_icon/feature-19.jpg new file mode 100644 index 000000000..5f418a963 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-19.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-2.jpg b/theme_alan/static/src/img/snippets_icon/feature-2.jpg new file mode 100644 index 000000000..bf23d43ef Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-20.jpg b/theme_alan/static/src/img/snippets_icon/feature-20.jpg new file mode 100644 index 000000000..49a2c0cc1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-20.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-21.jpg b/theme_alan/static/src/img/snippets_icon/feature-21.jpg new file mode 100644 index 000000000..a5c1a867d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-21.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-22.jpg b/theme_alan/static/src/img/snippets_icon/feature-22.jpg new file mode 100644 index 000000000..4446c3dbb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-22.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-23.jpg b/theme_alan/static/src/img/snippets_icon/feature-23.jpg new file mode 100644 index 000000000..a4ca5b732 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-23.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-24.jpg b/theme_alan/static/src/img/snippets_icon/feature-24.jpg new file mode 100644 index 000000000..c1093ecc9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-24.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-25.jpg b/theme_alan/static/src/img/snippets_icon/feature-25.jpg new file mode 100644 index 000000000..984aec424 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-25.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-26.jpg b/theme_alan/static/src/img/snippets_icon/feature-26.jpg new file mode 100644 index 000000000..d35bad05f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-26.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-27.jpg b/theme_alan/static/src/img/snippets_icon/feature-27.jpg new file mode 100644 index 000000000..92d001b57 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-27.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-28.jpg b/theme_alan/static/src/img/snippets_icon/feature-28.jpg new file mode 100644 index 000000000..a9e07dc87 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-28.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-29.jpg b/theme_alan/static/src/img/snippets_icon/feature-29.jpg new file mode 100644 index 000000000..8b811d5a2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-29.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-3.jpg b/theme_alan/static/src/img/snippets_icon/feature-3.jpg new file mode 100644 index 000000000..65b81f199 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-30.jpg b/theme_alan/static/src/img/snippets_icon/feature-30.jpg new file mode 100644 index 000000000..783633280 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-30.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-31.jpg b/theme_alan/static/src/img/snippets_icon/feature-31.jpg new file mode 100644 index 000000000..197960673 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-31.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-32.jpg b/theme_alan/static/src/img/snippets_icon/feature-32.jpg new file mode 100644 index 000000000..cd4ee240e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-32.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-4.jpg b/theme_alan/static/src/img/snippets_icon/feature-4.jpg new file mode 100644 index 000000000..fe4d56bdc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-5.jpg b/theme_alan/static/src/img/snippets_icon/feature-5.jpg new file mode 100644 index 000000000..9db9a56f6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-6.jpg b/theme_alan/static/src/img/snippets_icon/feature-6.jpg new file mode 100644 index 000000000..79e475287 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-7.jpg b/theme_alan/static/src/img/snippets_icon/feature-7.jpg new file mode 100644 index 000000000..ad063b378 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-8.jpg b/theme_alan/static/src/img/snippets_icon/feature-8.jpg new file mode 100644 index 000000000..86b916758 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/feature-9.jpg b/theme_alan/static/src/img/snippets_icon/feature-9.jpg new file mode 100644 index 000000000..3764e0f81 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/feature-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/gallery-1.jpg b/theme_alan/static/src/img/snippets_icon/gallery-1.jpg new file mode 100644 index 000000000..72dba94ca Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/gallery-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/grid_snippet.png b/theme_alan/static/src/img/snippets_icon/grid_snippet.png new file mode 100644 index 000000000..7344c39f2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/grid_snippet.png differ diff --git a/theme_alan/static/src/img/snippets_icon/our_client-1.jpg b/theme_alan/static/src/img/snippets_icon/our_client-1.jpg new file mode 100644 index 000000000..3e284aaac Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_client-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_client-2.jpg b/theme_alan/static/src/img/snippets_icon/our_client-2.jpg new file mode 100644 index 000000000..052c5b0c7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_client-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-1.jpg b/theme_alan/static/src/img/snippets_icon/our_team-1.jpg new file mode 100644 index 000000000..588b57006 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-10.jpg b/theme_alan/static/src/img/snippets_icon/our_team-10.jpg new file mode 100644 index 000000000..cdc010261 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-11.jpg b/theme_alan/static/src/img/snippets_icon/our_team-11.jpg new file mode 100644 index 000000000..018fe37b4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-2.jpg b/theme_alan/static/src/img/snippets_icon/our_team-2.jpg new file mode 100644 index 000000000..a700040eb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-3.jpg b/theme_alan/static/src/img/snippets_icon/our_team-3.jpg new file mode 100644 index 000000000..0dbb30680 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-4.jpg b/theme_alan/static/src/img/snippets_icon/our_team-4.jpg new file mode 100644 index 000000000..a282d3c1e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-5.jpg b/theme_alan/static/src/img/snippets_icon/our_team-5.jpg new file mode 100644 index 000000000..753f88011 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-6.jpg b/theme_alan/static/src/img/snippets_icon/our_team-6.jpg new file mode 100644 index 000000000..79064ed0e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-7.jpg b/theme_alan/static/src/img/snippets_icon/our_team-7.jpg new file mode 100644 index 000000000..bf1bb227a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-8.jpg b/theme_alan/static/src/img/snippets_icon/our_team-8.jpg new file mode 100644 index 000000000..cb6262ee0 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/our_team-9.jpg b/theme_alan/static/src/img/snippets_icon/our_team-9.jpg new file mode 100644 index 000000000..d13563b71 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/our_team-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/parallax-1.jpg b/theme_alan/static/src/img/snippets_icon/parallax-1.jpg new file mode 100644 index 000000000..8440bcb3f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/parallax-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/portfolio-1.jpg b/theme_alan/static/src/img/snippets_icon/portfolio-1.jpg new file mode 100644 index 000000000..122c2ea9f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/portfolio-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/portfolio-2.jpg b/theme_alan/static/src/img/snippets_icon/portfolio-2.jpg new file mode 100644 index 000000000..2abca3f33 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/portfolio-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/portfolio-3.jpg b/theme_alan/static/src/img/snippets_icon/portfolio-3.jpg new file mode 100644 index 000000000..395130017 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/portfolio-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/portfolio-4.jpg b/theme_alan/static/src/img/snippets_icon/portfolio-4.jpg new file mode 100644 index 000000000..26431b355 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/portfolio-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/price_table-1.jpg b/theme_alan/static/src/img/snippets_icon/price_table-1.jpg new file mode 100644 index 000000000..b1a5a5e77 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/price_table-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/price_table-2.jpg b/theme_alan/static/src/img/snippets_icon/price_table-2.jpg new file mode 100644 index 000000000..c49014fea Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/price_table-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/price_table-3.jpg b/theme_alan/static/src/img/snippets_icon/price_table-3.jpg new file mode 100644 index 000000000..9f4734d3f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/price_table-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/price_table-4.jpg b/theme_alan/static/src/img/snippets_icon/price_table-4.jpg new file mode 100644 index 000000000..05d6bf6af Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/price_table-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-1.jpg b/theme_alan/static/src/img/snippets_icon/promotion-1.jpg new file mode 100644 index 000000000..c89751f9d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-10.jpg b/theme_alan/static/src/img/snippets_icon/promotion-10.jpg new file mode 100644 index 000000000..63a0b9661 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-11.jpg b/theme_alan/static/src/img/snippets_icon/promotion-11.jpg new file mode 100644 index 000000000..2df03a834 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-2.jpg b/theme_alan/static/src/img/snippets_icon/promotion-2.jpg new file mode 100644 index 000000000..4932434c3 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-3.jpg b/theme_alan/static/src/img/snippets_icon/promotion-3.jpg new file mode 100644 index 000000000..39f81b38e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-4.jpg b/theme_alan/static/src/img/snippets_icon/promotion-4.jpg new file mode 100644 index 000000000..4ea2f47cd Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-5.jpg b/theme_alan/static/src/img/snippets_icon/promotion-5.jpg new file mode 100644 index 000000000..a4ed5d0d5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-6.jpg b/theme_alan/static/src/img/snippets_icon/promotion-6.jpg new file mode 100644 index 000000000..ddeab4e62 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-7.jpg b/theme_alan/static/src/img/snippets_icon/promotion-7.jpg new file mode 100644 index 000000000..34fee575e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-8.jpg b/theme_alan/static/src/img/snippets_icon/promotion-8.jpg new file mode 100644 index 000000000..4e1826c6f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/promotion-9.jpg b/theme_alan/static/src/img/snippets_icon/promotion-9.jpg new file mode 100644 index 000000000..37c21ae4f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/promotion-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-1.jpg b/theme_alan/static/src/img/snippets_icon/services-1.jpg new file mode 100644 index 000000000..3c80266cc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-10.jpg b/theme_alan/static/src/img/snippets_icon/services-10.jpg new file mode 100644 index 000000000..661097a17 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-11.jpg b/theme_alan/static/src/img/snippets_icon/services-11.jpg new file mode 100644 index 000000000..a3e5655da Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-12.jpg b/theme_alan/static/src/img/snippets_icon/services-12.jpg new file mode 100644 index 000000000..14af1608f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-13.jpg b/theme_alan/static/src/img/snippets_icon/services-13.jpg new file mode 100644 index 000000000..a8b2e5c9a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-14.jpg b/theme_alan/static/src/img/snippets_icon/services-14.jpg new file mode 100644 index 000000000..49e49e367 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-15.jpg b/theme_alan/static/src/img/snippets_icon/services-15.jpg new file mode 100644 index 000000000..0be43e708 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-16.jpg b/theme_alan/static/src/img/snippets_icon/services-16.jpg new file mode 100644 index 000000000..89ce6858c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-17.jpg b/theme_alan/static/src/img/snippets_icon/services-17.jpg new file mode 100644 index 000000000..d0db253c8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-18.jpg b/theme_alan/static/src/img/snippets_icon/services-18.jpg new file mode 100644 index 000000000..c4911046e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-2.jpg b/theme_alan/static/src/img/snippets_icon/services-2.jpg new file mode 100644 index 000000000..038a98da2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-3.jpg b/theme_alan/static/src/img/snippets_icon/services-3.jpg new file mode 100644 index 000000000..7f7243ef0 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-4.jpg b/theme_alan/static/src/img/snippets_icon/services-4.jpg new file mode 100644 index 000000000..cb7573340 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-5.jpg b/theme_alan/static/src/img/snippets_icon/services-5.jpg new file mode 100644 index 000000000..dfda99e7f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-6.jpg b/theme_alan/static/src/img/snippets_icon/services-6.jpg new file mode 100644 index 000000000..60f70cb15 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-7.jpg b/theme_alan/static/src/img/snippets_icon/services-7.jpg new file mode 100644 index 000000000..fc3dba0b4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-8.jpg b/theme_alan/static/src/img/snippets_icon/services-8.jpg new file mode 100644 index 000000000..7da1dc6e0 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/services-9.jpg b/theme_alan/static/src/img/snippets_icon/services-9.jpg new file mode 100644 index 000000000..6493fca41 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/services-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shoes-shop.jpg b/theme_alan/static/src/img/snippets_icon/shoes-shop.jpg new file mode 100644 index 000000000..653384b7b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shoes-shop.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-1.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-1.jpg new file mode 100644 index 000000000..059aa3e64 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-10.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-10.jpg new file mode 100644 index 000000000..30d0a9708 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-11.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-11.jpg new file mode 100644 index 000000000..60c833e6f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-12.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-12.jpg new file mode 100644 index 000000000..10f8ddb62 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-13.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-13.jpg new file mode 100644 index 000000000..5b61587f7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-14.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-14.jpg new file mode 100644 index 000000000..9d06ae275 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-15.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-15.jpg new file mode 100644 index 000000000..ba5f21d37 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-16.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-16.jpg new file mode 100644 index 000000000..bcde823e2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-17.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-17.jpg new file mode 100644 index 000000000..6f99ff7e9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-18.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-18.jpg new file mode 100644 index 000000000..84e8bd847 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-19.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-19.jpg new file mode 100644 index 000000000..cc1d08c12 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-19.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-2.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-2.jpg new file mode 100644 index 000000000..444d00ba9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-20.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-20.jpg new file mode 100644 index 000000000..beab90f9a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-20.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-21.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-21.jpg new file mode 100644 index 000000000..58b5195bb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-21.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-22.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-22.jpg new file mode 100644 index 000000000..c6ddb5c99 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-22.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-23.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-23.jpg new file mode 100644 index 000000000..e2f36c478 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-23.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-24.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-24.jpg new file mode 100644 index 000000000..c50b26ef6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-24.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-25.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-25.jpg new file mode 100644 index 000000000..8186d8931 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-25.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-26.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-26.jpg new file mode 100644 index 000000000..012888972 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-26.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-27.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-27.jpg new file mode 100644 index 000000000..5ea4e987c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-27.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-28.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-28.jpg new file mode 100644 index 000000000..c1a8761a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-28.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-29.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-29.jpg new file mode 100644 index 000000000..8aa3d3f83 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-29.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-3.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-3.jpg new file mode 100644 index 000000000..d3d9dbefe Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-30.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-30.jpg new file mode 100644 index 000000000..13dcc94a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-30.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-31.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-31.jpg new file mode 100644 index 000000000..d7d3caed5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-31.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-32.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-32.jpg new file mode 100644 index 000000000..eafb75ec4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-32.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-33.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-33.jpg new file mode 100644 index 000000000..fd5104e8c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-33.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-34.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-34.jpg new file mode 100644 index 000000000..ac3ee01a6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-34.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-35.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-35.jpg new file mode 100644 index 000000000..bbc2cd725 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-35.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-36.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-36.jpg new file mode 100644 index 000000000..556b5b689 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-36.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-37.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-37.jpg new file mode 100644 index 000000000..e795cadb5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-37.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-38.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-38.jpg new file mode 100644 index 000000000..765107e5b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-38.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-39.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-39.jpg new file mode 100644 index 000000000..edfd16f13 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-39.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-4.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-4.jpg new file mode 100644 index 000000000..05b218dd2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-40.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-40.jpg new file mode 100644 index 000000000..b4cb58be6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-40.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-41.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-41.jpg new file mode 100644 index 000000000..a1c11c614 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-41.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-42.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-42.jpg new file mode 100644 index 000000000..56a90d2b0 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-42.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-43.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-43.jpg new file mode 100644 index 000000000..662d20ca6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-43.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-44.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-44.jpg new file mode 100644 index 000000000..aff0bc453 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-44.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-45.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-45.jpg new file mode 100644 index 000000000..ffddd8591 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-45.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-46.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-46.jpg new file mode 100644 index 000000000..544b9a69b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-46.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-47.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-47.jpg new file mode 100644 index 000000000..ef5891064 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-47.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-48.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-48.jpg new file mode 100644 index 000000000..7d35e3298 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-48.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-49.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-49.jpg new file mode 100644 index 000000000..a05babbfc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-49.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-5.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-5.jpg new file mode 100644 index 000000000..e2767d5fe Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-50.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-50.jpg new file mode 100644 index 000000000..5e62cdf70 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-50.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-51.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-51.jpg new file mode 100644 index 000000000..eae185f3b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-51.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-52.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-52.jpg new file mode 100644 index 000000000..2bc3fb9db Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-52.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-53.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-53.jpg new file mode 100644 index 000000000..df625256e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-53.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-54.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-54.jpg new file mode 100644 index 000000000..4e2394a4c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-54.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-55.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-55.jpg new file mode 100644 index 000000000..6aa41201e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-55.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-56.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-56.jpg new file mode 100644 index 000000000..69dfd484a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-56.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-57.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-57.jpg new file mode 100644 index 000000000..639db8536 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-57.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-58.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-58.jpg new file mode 100644 index 000000000..0477e16a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-58.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-6.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-6.jpg new file mode 100644 index 000000000..acf0c4104 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-7.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-7.jpg new file mode 100644 index 000000000..e27d49913 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-8.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-8.jpg new file mode 100644 index 000000000..0a5e45668 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/shop_banner-9.jpg b/theme_alan/static/src/img/snippets_icon/shop_banner-9.jpg new file mode 100644 index 000000000..b67fdd0f7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/shop_banner-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-1.jpg b/theme_alan/static/src/img/snippets_icon/slider-1.jpg new file mode 100644 index 000000000..46b7e859b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-10.jpg b/theme_alan/static/src/img/snippets_icon/slider-10.jpg new file mode 100644 index 000000000..354bab131 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-11.jpg b/theme_alan/static/src/img/snippets_icon/slider-11.jpg new file mode 100644 index 000000000..05f58ba13 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-12.jpg b/theme_alan/static/src/img/snippets_icon/slider-12.jpg new file mode 100644 index 000000000..077abeac1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-13.jpg b/theme_alan/static/src/img/snippets_icon/slider-13.jpg new file mode 100644 index 000000000..943b9e0dc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-14.jpg b/theme_alan/static/src/img/snippets_icon/slider-14.jpg new file mode 100644 index 000000000..d0500bdf6 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-15.jpg b/theme_alan/static/src/img/snippets_icon/slider-15.jpg new file mode 100644 index 000000000..48df6c876 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-16.jpg b/theme_alan/static/src/img/snippets_icon/slider-16.jpg new file mode 100644 index 000000000..41a84b539 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-17.jpg b/theme_alan/static/src/img/snippets_icon/slider-17.jpg new file mode 100644 index 000000000..1e3f693ad Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-18.jpg b/theme_alan/static/src/img/snippets_icon/slider-18.jpg new file mode 100644 index 000000000..0862b8dd3 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-19.jpg b/theme_alan/static/src/img/snippets_icon/slider-19.jpg new file mode 100644 index 000000000..14cc84c2b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-19.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-2.jpg b/theme_alan/static/src/img/snippets_icon/slider-2.jpg new file mode 100644 index 000000000..c88711d2c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-20.jpg b/theme_alan/static/src/img/snippets_icon/slider-20.jpg new file mode 100644 index 000000000..e0f082175 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-20.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-21.jpg b/theme_alan/static/src/img/snippets_icon/slider-21.jpg new file mode 100644 index 000000000..cf598a2b2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-21.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-22.jpg b/theme_alan/static/src/img/snippets_icon/slider-22.jpg new file mode 100644 index 000000000..c92914147 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-22.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-23.jpg b/theme_alan/static/src/img/snippets_icon/slider-23.jpg new file mode 100644 index 000000000..368d13a3f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-23.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-24.jpg b/theme_alan/static/src/img/snippets_icon/slider-24.jpg new file mode 100644 index 000000000..d69b388ca Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-24.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-25.jpg b/theme_alan/static/src/img/snippets_icon/slider-25.jpg new file mode 100644 index 000000000..3e46545e7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-25.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-26.jpg b/theme_alan/static/src/img/snippets_icon/slider-26.jpg new file mode 100644 index 000000000..5cedcecc7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-26.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-27.jpg b/theme_alan/static/src/img/snippets_icon/slider-27.jpg new file mode 100644 index 000000000..16a2442a4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-27.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-28.jpg b/theme_alan/static/src/img/snippets_icon/slider-28.jpg new file mode 100644 index 000000000..2971d68b4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-28.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-29.jpg b/theme_alan/static/src/img/snippets_icon/slider-29.jpg new file mode 100644 index 000000000..d4f790085 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-29.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-3.jpg b/theme_alan/static/src/img/snippets_icon/slider-3.jpg new file mode 100644 index 000000000..27e41bbdc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-30.jpg b/theme_alan/static/src/img/snippets_icon/slider-30.jpg new file mode 100644 index 000000000..39bcb1559 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-30.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-31.jpg b/theme_alan/static/src/img/snippets_icon/slider-31.jpg new file mode 100644 index 000000000..351bd24d1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-31.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-32.jpg b/theme_alan/static/src/img/snippets_icon/slider-32.jpg new file mode 100644 index 000000000..d27d2b0d0 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-32.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-33.jpg b/theme_alan/static/src/img/snippets_icon/slider-33.jpg new file mode 100644 index 000000000..41f2b6558 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-33.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-34.jpg b/theme_alan/static/src/img/snippets_icon/slider-34.jpg new file mode 100644 index 000000000..b1200673d Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-34.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-35.jpg b/theme_alan/static/src/img/snippets_icon/slider-35.jpg new file mode 100644 index 000000000..0efd6a74f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-35.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-36.jpg b/theme_alan/static/src/img/snippets_icon/slider-36.jpg new file mode 100644 index 000000000..adfdaefca Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-36.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-37.jpg b/theme_alan/static/src/img/snippets_icon/slider-37.jpg new file mode 100644 index 000000000..9f56d3a30 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-37.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-38.jpg b/theme_alan/static/src/img/snippets_icon/slider-38.jpg new file mode 100644 index 000000000..a004d2e76 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-38.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-39.jpg b/theme_alan/static/src/img/snippets_icon/slider-39.jpg new file mode 100644 index 000000000..c64eca6d1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-39.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-4.jpg b/theme_alan/static/src/img/snippets_icon/slider-4.jpg new file mode 100644 index 000000000..632d228b3 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-40.jpg b/theme_alan/static/src/img/snippets_icon/slider-40.jpg new file mode 100644 index 000000000..621a4eb9a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-40.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-41.jpg b/theme_alan/static/src/img/snippets_icon/slider-41.jpg new file mode 100644 index 000000000..4b484ee30 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-41.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-42.jpg b/theme_alan/static/src/img/snippets_icon/slider-42.jpg new file mode 100644 index 000000000..c4d2eb7bb Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-42.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-43.jpg b/theme_alan/static/src/img/snippets_icon/slider-43.jpg new file mode 100644 index 000000000..296a223db Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-43.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-44.jpg b/theme_alan/static/src/img/snippets_icon/slider-44.jpg new file mode 100644 index 000000000..b7edbc1c4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-44.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-45.jpg b/theme_alan/static/src/img/snippets_icon/slider-45.jpg new file mode 100644 index 000000000..d222fb362 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-45.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-46.jpg b/theme_alan/static/src/img/snippets_icon/slider-46.jpg new file mode 100644 index 000000000..4b7d914bc Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-46.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-47.png b/theme_alan/static/src/img/snippets_icon/slider-47.png new file mode 100644 index 000000000..8d6ee8290 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-47.png differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-5.jpg b/theme_alan/static/src/img/snippets_icon/slider-5.jpg new file mode 100644 index 000000000..4a5141533 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-6.jpg b/theme_alan/static/src/img/snippets_icon/slider-6.jpg new file mode 100644 index 000000000..0e727465a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-7.jpg b/theme_alan/static/src/img/snippets_icon/slider-7.jpg new file mode 100644 index 000000000..f6766c476 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-8.jpg b/theme_alan/static/src/img/snippets_icon/slider-8.jpg new file mode 100644 index 000000000..22e9d23d1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/slider-9.jpg b/theme_alan/static/src/img/snippets_icon/slider-9.jpg new file mode 100644 index 000000000..6c3eb4e93 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/slider-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-1.jpg b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-1.jpg new file mode 100644 index 000000000..ccf0bab13 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-2.jpg b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-2.jpg new file mode 100644 index 000000000..83fc711e0 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-3.jpg b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-3.jpg new file mode 100644 index 000000000..9d8c945a8 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-4.jpg b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-4.jpg new file mode 100644 index 000000000..440645e59 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-5.jpg b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-5.jpg new file mode 100644 index 000000000..69a5ab109 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-6.jpg b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-6.jpg new file mode 100644 index 000000000..1fb6ee196 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-7.jpg b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-7.jpg new file mode 100644 index 000000000..fc6295af2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/subscbie_newsletter-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/tabs-1-min.jpg b/theme_alan/static/src/img/snippets_icon/tabs-1-min.jpg new file mode 100644 index 000000000..23deaddef Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/tabs-1-min.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/tabs-1.jpg b/theme_alan/static/src/img/snippets_icon/tabs-1.jpg new file mode 100644 index 000000000..a1ac5db67 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/tabs-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/tabs-2.jpg b/theme_alan/static/src/img/snippets_icon/tabs-2.jpg new file mode 100644 index 000000000..5e291d93f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/tabs-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-1.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-1.jpg new file mode 100644 index 000000000..4eb873043 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-10.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-10.jpg new file mode 100644 index 000000000..2314f859b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-10.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-11.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-11.jpg new file mode 100644 index 000000000..76614086b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-11.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-12.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-12.jpg new file mode 100644 index 000000000..5504c4bea Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-12.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-13.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-13.jpg new file mode 100644 index 000000000..fa9210476 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-13.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-14.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-14.jpg new file mode 100644 index 000000000..656c38053 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-14.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-15.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-15.jpg new file mode 100644 index 000000000..2887590e2 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-15.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-16.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-16.jpg new file mode 100644 index 000000000..df683935e Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-16.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-17.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-17.jpg new file mode 100644 index 000000000..cfe848c4b Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-17.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-18.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-18.jpg new file mode 100644 index 000000000..65dce9589 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-18.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-2.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-2.jpg new file mode 100644 index 000000000..1b45d9c26 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-3.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-3.jpg new file mode 100644 index 000000000..133bb67ce Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-4.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-4.jpg new file mode 100644 index 000000000..70a82c44f Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-5.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-5.jpg new file mode 100644 index 000000000..b21fabf74 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-6.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-6.jpg new file mode 100644 index 000000000..adbfa080c Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-7.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-7.jpg new file mode 100644 index 000000000..2b7376ce4 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-8.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-8.jpg new file mode 100644 index 000000000..dd09b2695 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-8.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/testimonial-9.jpg b/theme_alan/static/src/img/snippets_icon/testimonial-9.jpg new file mode 100644 index 000000000..7b17a47ba Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/testimonial-9.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-1.jpg b/theme_alan/static/src/img/snippets_icon/title-1.jpg new file mode 100644 index 000000000..3f119fffd Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-10.png b/theme_alan/static/src/img/snippets_icon/title-10.png new file mode 100644 index 000000000..32743f320 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-10.png differ diff --git a/theme_alan/static/src/img/snippets_icon/title-2.jpg b/theme_alan/static/src/img/snippets_icon/title-2.jpg new file mode 100644 index 000000000..3068b7cec Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-3.jpg b/theme_alan/static/src/img/snippets_icon/title-3.jpg new file mode 100644 index 000000000..0984b17c9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-3.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-4.jpg b/theme_alan/static/src/img/snippets_icon/title-4.jpg new file mode 100644 index 000000000..82e417fa1 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-4.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-5.jpg b/theme_alan/static/src/img/snippets_icon/title-5.jpg new file mode 100644 index 000000000..713f5339a Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-5.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-6.jpg b/theme_alan/static/src/img/snippets_icon/title-6.jpg new file mode 100644 index 000000000..6f58796e7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-6.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-7.jpg b/theme_alan/static/src/img/snippets_icon/title-7.jpg new file mode 100644 index 000000000..1a7390ec7 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-7.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/title-8.png b/theme_alan/static/src/img/snippets_icon/title-8.png new file mode 100644 index 000000000..8cd4ae3be Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-8.png differ diff --git a/theme_alan/static/src/img/snippets_icon/title-9.png b/theme_alan/static/src/img/snippets_icon/title-9.png new file mode 100644 index 000000000..b6d1d0b94 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/title-9.png differ diff --git a/theme_alan/static/src/img/snippets_icon/video_popup-1.jpg b/theme_alan/static/src/img/snippets_icon/video_popup-1.jpg new file mode 100644 index 000000000..57028cac5 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/video_popup-1.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/video_popup-2.jpg b/theme_alan/static/src/img/snippets_icon/video_popup-2.jpg new file mode 100644 index 000000000..940b0b8a9 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/video_popup-2.jpg differ diff --git a/theme_alan/static/src/img/snippets_icon/video_popup-3.jpg b/theme_alan/static/src/img/snippets_icon/video_popup-3.jpg new file mode 100644 index 000000000..9a72e0a72 Binary files /dev/null and b/theme_alan/static/src/img/snippets_icon/video_popup-3.jpg differ diff --git a/theme_alan/static/src/js/AlanTouch/AlanTouch.js b/theme_alan/static/src/js/AlanTouch/AlanTouch.js new file mode 100644 index 000000000..da8fc035d --- /dev/null +++ b/theme_alan/static/src/js/AlanTouch/AlanTouch.js @@ -0,0 +1,55 @@ +/** @odoo-module **/ + +import { registry } from '@web/core/registry'; +import { useService } from '@web/core/utils/hooks'; +import { Dialog } from "@web/core/dialog/dialog"; +import { _t } from '@web/core/l10n/translation'; + +const { Component, onWillStart } = owl; + +class AlanConfigDialog extends Dialog {} +AlanConfigDialog.props = { + ...Dialog.props, + size: { type: String, optional: true, validate: (s) => ["sm", "md", "lg", "xl" ,"as-full-screen"].includes(s) }, +}; +AlanConfigDialog.defaultProps = { + ...Dialog.defaultProps, + title: _t("Alan Feature Settings") +}; + +class AlanConfiguration extends Component { + setup(){ + this.rpc = useService("rpc"); + onWillStart(this._fetch_configuration); + } + + async _fetch_configuration(){ + this.configuration = await this.rpc('/get_alan_configuration'); + } + async _setting_change(ev){ + let is_active = $(ev.target).prop("checked"); + let setting = $(ev.target).attr("id"); + await this.rpc('/set_alan_configuration', + {'is_active':is_active, 'setting': setting}); + } +} + +AlanConfiguration.template = "theme_alan.alan_configuration" +AlanConfiguration.components = { AlanConfigDialog } + +class AlanTouch extends Component { + setup() { + this.dialogs = useService('dialog'); + } + show_configuration(){ + this.dialogs.add(AlanConfiguration, {}); + } +} + +AlanTouch.template = "theme_alan.alan_touch"; + +export const systrayItem = { + Component: AlanTouch, +}; + +registry.category("website_systray").add("alanTouch", systrayItem, { sequence: 15 }); diff --git a/theme_alan/static/src/js/AlanTouch/AlanTouch.xml b/theme_alan/static/src/js/AlanTouch/AlanTouch.xml new file mode 100644 index 000000000..bbff3e6bb --- /dev/null +++ b/theme_alan/static/src/js/AlanTouch/AlanTouch.xml @@ -0,0 +1,377 @@ + + + + + +
+

Alan Settings

+
+
+ +
+ +
+ +
+
General Configuration
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+ +
+
Shop Page Configuration
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ +
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+
+
+ +
+
Product Page Configuration
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
+
+ + + + +
+ Alan +
+ + + diff --git a/theme_alan/static/src/js/components/FrameData/frame_data.js b/theme_alan/static/src/js/components/FrameData/frame_data.js new file mode 100644 index 000000000..4176281f5 --- /dev/null +++ b/theme_alan/static/src/js/components/FrameData/frame_data.js @@ -0,0 +1,138 @@ +/** @odoo-module alias=theme_alan.FrameData **/ + +import { _t } from '@web/core/l10n/translation'; +import { SnippetBox } from 'theme_alan.SnippetBox'; +import { useService } from "@web/core/utils/hooks"; +import { UserInformDialog } from "theme_alan.UserInformDialog" + +const { Component, onMounted } = owl; + +class FrameData extends Component { + setup(){ + this.dialog = useService("dialog"); + this._rpc = useService("rpc"); + onMounted(() => { + /** Mount the frame */ + if(this.env.SnippetBuilder.PreviewframeTemplate != false){ + $(this.__owl__.bdom.parentEl).find(".as-frame-data").append(this.env.SnippetBuilder.PreviewframeTemplate.html()) + }else{ + $(this.__owl__.bdom.parentEl).find(".as-frame-data").append(this.env.SnippetBuilder.frameCustomTemplate.html()) + } + this._update_frame(); + }); + } + _update_frame(){ + /** Update the Frame */ + $.each($(this.__owl__.bdom.parentEl).find(".as-grid"), function (idx, ele) { + $(ele).removeClass("as-border-none"); + let btn; + if($(ele).attr("data-snippet-name")){ + btn = " \ + "; + }else{ + btn = ""; + } + $(ele).empty().append(btn); + }); + $(this.__owl__.bdom.parentEl).find(".as-frame-data").removeClass("d-none"); + $(this.__owl__.bdom.parentEl).find(".as-data-btn").click((ev)=>{ + ev.stopPropagation(); + this._openSnippetBox(ev,"SnippetList"); + }); + $(this.__owl__.bdom.parentEl).find(".as-snippet-btn").click((ev)=>{ + ev.stopPropagation(); + this._openSnippetBox(ev, $(ev.currentTarget).parent().attr("data-snippet-name")); + }); + $(this.__owl__.bdom.parentEl).find(".as-snippet-rm-btn").click((ev)=>{ + ev.stopPropagation(); + this._removeSnippet(ev); + }); + } + + _backToFrame(){ + this.dialog.add(UserInformDialog, { + warning_msg:_t('All configuration will remove. Are you sure you want to go back?'), + inform_type:"remove_config", + onConfirm: async () => { + this.env.SnippetBuilder.state.active_component = "FrameMaker"; + }, + }); + } + _showPreview(ev){ + /** Go to preview with config data */ + let snippet_count = $(this.__owl__.bdom.parentEl).find("[data-snippet-name]").length; + if(snippet_count != 0){ + $(this.__owl__.bdom.parentEl).find(".as-frame-data").find(".as-grid").empty(); + this.env.SnippetBuilder.PreviewframeTemplate = $(this.__owl__.bdom.parentEl).find(".as-frame-data"); + this.env.SnippetBuilder.state.active_component = "FramePreview"; + this.env.SnippetBuilder.props.allow_save = true + }else{ + this.dialog.add(UserInformDialog, { + warning_msg:_t('Oops, Please configure at least one snippet to see preview.'), + inform_type:"no_snippet", + onConfirm: () => { + this.env.SnippetBuilder.state.active_component = "FrameMaker"; + }, + }); + } + } + + _openSnippetBox(ev, snippet){ + /** Use to open the select snippet with init data */ + let static_snippet = ['MegaMenuContent', 'StaticSnippet']; + let initData; + + if(snippet != "SnippetList"){ + if(static_snippet.includes(snippet)){ + initData = { + 'selected_templ_id': $(ev.currentTarget).parent().attr("data-selected-templ-id"), + 'active_id': $(ev.currentTarget).parent().attr("data-active-id"), + } + }else{ + initData = { + 'record_ids': JSON.parse($(ev.currentTarget).parent().attr("data-records-ids")), + 'modal': $(ev.currentTarget).parent().attr("data-modal"), + 'design_edit': JSON.parse($(ev.currentTarget).parent().attr("data-design-edit")), + } + if(snippet == "MegaMenuCategory"){ + if($(ev.currentTarget).parent().attr("data-extra-info")){ + initData['extra_info'] = JSON.parse($(ev.currentTarget).parent().attr("data-extra-info")) + } + } + } + } + const dialog = this.env.SnippetBuilder.props.snippet_origin.call("dialog", "add", SnippetBox,{ + 'title': 'Snippet Box', + 'size': 'as-full-screen', + 'initSnippet':snippet, + 'initData':initData, + 'col_size':$(ev.currentTarget).parent().attr("data-size"), + 'snippet_origin':$(ev.currentTarget).parent(), + 'SnippetBuilder':this.env.SnippetBuilder, + 'SnippetBoxBuilder':SnippetBox, + 'snippet_list':this.env.SnippetBuilder.props.snippet_list.snippets, + }); + // dialog.mount(this.env.SnippetBuilder.props.snippet_origin.el); + } + + _removeSnippet(ev){ + /** Use to remove current snippet */ + $(ev.currentTarget).parent().removeAttr("data-modal") + .removeAttr("data-snippet-name") + .removeAttr("data-records-ids") + .removeAttr("data-design-edit") + .removeAttr("data-extra-info") + .removeAttr("data-selected-templ-id") + .removeAttr("data-active-id") + let btn = ''; + $(ev.currentTarget).parent().empty().append(btn); + this._update_frame() + + } +} + +FrameData.template = 'theme_alan.frame_data'; + +export default { + FrameData: FrameData, +} diff --git a/theme_alan/static/src/js/components/FrameData/frame_data.xml b/theme_alan/static/src/js/components/FrameData/frame_data.xml new file mode 100644 index 000000000..0bc1023b3 --- /dev/null +++ b/theme_alan/static/src/js/components/FrameData/frame_data.xml @@ -0,0 +1,21 @@ + + + + +
+
+
+
+ + +
+
+
+
+
+
+ +
+ + + diff --git a/theme_alan/static/src/js/components/FrameMaker/frame_maker.js b/theme_alan/static/src/js/components/FrameMaker/frame_maker.js new file mode 100644 index 000000000..cf7f86df1 --- /dev/null +++ b/theme_alan/static/src/js/components/FrameMaker/frame_maker.js @@ -0,0 +1,223 @@ +/** @odoo-module alias=theme_alan.FrameMaker **/ + +import { useService } from "@web/core/utils/hooks"; + +const { Component, useState, useSubEnv, onMounted, onWillStart } = owl; + +class FrameOption extends Component { + /** shows the frame option like custom and our default */ + _custom_frame(){ + this.env.SnippetBuilder.frameCustomTemplate = false; + this.env.SnippetBuilder.PreviewframeTemplate = false; + this.env.SnippetBuilder.defaultFrame = false; + this.env.FrameMaker.state.frame_stage = "CustomFrame"; + } + _default_frame(){ + this.env.FrameMaker.state.frame_stage = "DefaultFrame"; + } +} + +FrameOption.template = "theme_alan.frame_option" + +class CustomFrame extends Component { + /** helps to create custom frame based on user need */ + + controllers = useState({"frame_create":false}) + + _active_frame_option(){ + this.env.FrameMaker.state.frame_stage = "FrameOption"; + } + _frame_done(){ + /** Action on submit the frame */ + let $modal = $(this.__owl__.bdom.parentEl); + $modal.find(".as-grid-active").removeClass("as-grid-active"); + this.env.SnippetBuilder.frameCustomTemplate = $modal.find(".as-frame-work"); + this.env.SnippetBuilder.PreviewframeTemplate = false; + this.env.SnippetBuilder.defaultFrame = false; + this.env.SnippetBuilder.state.active_component = "FrameData"; + } + _update_frame_grid(init_stage=true){ + /** Make frame based on rows and cols */ + let $modal = $(this.__owl__.bdom.parentEl); + var row = $modal.find("#as-row").val(); + var column = $modal.find("#as-column").val(); + if(row == '0' || column == '0'){ + this.controllers.frame_create = false; + } + if(row != '0' && column != '0'){ + this.controllers.frame_create = true; + if(init_stage){ + let frame_template = ""; + for (let r = 0; r < row; r++) { + let col_template = ""; + + let col_val = 12 / column; + for (let c = 0; c < column; c++) { + let pos_id = "" + c + r; + let template = "
"; + col_template = col_template + template; + } + let row_template = "
"+ col_template +"
"; + frame_template = frame_template + row_template; + } + $(this.__owl__.bdom.parentEl).find(".as-frame-work").empty().append(frame_template); + } + this._update_frame_grid_merge($modal, init_stage); + } + } + _update_frame_grid_merge($model, init_stage=true){ + /** Do frame merge */ + + var self = this; + $model.find(".as-grid").click(function(ev){ + let $click_box = $(ev.currentTarget); + let $parent = $(ev.currentTarget).parent(); + let $active_box = $model.find(".as-grid-active"); + if($click_box.hasClass("as-grid-active")){ + if($click_box.prev().hasClass("as-grid-active") && $click_box.next().hasClass("as-grid-active")){ + $active_box.removeClass("as-grid-active"); + }else{ + if(!init_stage){ + $click_box.addClass("as-grid-active"); + }else{ + $click_box.removeClass("as-grid-active"); + } + } + }else{ + let parent_id = $parent.data('id'); + var incorrect_point = 0; + for (let e = 0; e < $active_box.length; e++) { + let cur_par_id = $($active_box[e]).parent().data('id'); + if(cur_par_id != parent_id){ + incorrect_point++; + break; + } + } + if(incorrect_point){ + $active_box.removeClass("as-grid-active"); + $click_box.addClass("as-grid-active"); + }else{ + if($click_box.prev().hasClass("as-grid-active") || $click_box.next().hasClass("as-grid-active")){ + $click_box.addClass("as-grid-active"); + }else{ + $active_box.removeClass("as-grid-active"); + $click_box.addClass("as-grid-active"); + } + } + } + }) + $model.find(".as-frame-merge").click(function (ev) { + let $frame = $model.find(".as-frame-work"); + let $merge = $frame.find(".as-grid-active"); + if($merge.length > 1){ + let $first_div = $merge[0]; + let default_size = $($first_div).parent().data('colSize'); + let row_id = $($first_div).parent().data('id'); + let size = 0; + for (let e = 0; e < $merge.length; e++) { + size = size + $($merge[e]).data('size'); + } + let pos_id = "" + row_id + size; + if(default_size != size){ + var template = "
"; + }else{ + var template = "
"; + } + + $(template).insertBefore($first_div); + $merge.remove(); + self._update_frame_grid(false); + } + }) + $model.find(".as-frame-reset").click(function (ev) { + let $frame = $model.find(".as-frame-work"); + let $merge = $frame.find(".as-grid-active"); + + if($merge.length == 1){ + let $first_div = $merge[0]; + let default_size = $($first_div).parent().data('colSize') + let row_id = $($first_div).parent().data('id'); + let size = $($merge[0]).data('size') / $($first_div).parent().data('colSize'); + let template = ""; + for (let i = 0; i < size; i++) { + let pos_id = "" + row_id + i; + template = template + "
"; + } + $(template).insertAfter($first_div); + $first_div.remove(); + self._update_frame_grid(false); + } + }) + } +} + +CustomFrame.template = "theme_alan.custom_frame" + +class DefaultFrame extends Component { + /** shows all the alan default and custom frame */ + + setup(){ + this.rpc = useService("rpc"); + onWillStart(async()=>{ + this.data = await this.rpc('/get_default_frame'); + }) + onMounted(()=>{ + $(this.__owl__.bdom.parentEl).find("#as_default_frame").empty().html(this.data.response) + $(this.__owl__.bdom.parentEl).find(".as_frame").click((ev)=>{ + this._select_frame(ev); + }) + $(this.__owl__.bdom.parentEl).find(".as_delete_frame").click((ev)=>{ + this._delete_frame(ev); + }) + }) + } + + _active_frame_option(){ + this.env.FrameMaker.state.frame_stage = "FrameOption"; + } + async _delete_frame(ev){ + let frame_id = $(ev.currentTarget).attr('data-frame_id'); + $(ev.currentTarget).parents('.as-frame-temp').remove(); + return await this.rpc('/delete_default_frame',{'frame_id':frame_id}); + } + async _select_frame(ev){ + let frame = await this.rpc('/get_frame',{'frame_id':$(ev.currentTarget).attr('data-frame_id')}); + this.env.SnippetBuilder.frameCustomTemplate = $("
"+frame+"
"); + this.env.SnippetBuilder.PreviewframeTemplate = false; + this.env.SnippetBuilder.defaultFrame = true; + this.env.SnippetBuilder.defaultFrameId = $(ev.currentTarget).attr('data-frame_id'); + this.env.SnippetBuilder.state.active_component = "FrameData"; + } +} + +DefaultFrame.template = "theme_alan.default_frame" + +class FrameMaker extends Component { + /** Main component for the creation of framemaker */ + + state = useState({ frame_stage: "FrameOption"}); + + setup(){ + useSubEnv({'FrameMaker': this}) + this.env.SnippetBuilder.frameCustomTemplate = false; + } + + get activeFrameComponent() { + /** frame component activator */ + const stage = this.state.frame_stage; + if(stage == "FrameOption"){ return FrameOption } + else if(stage == "CustomFrame"){ return CustomFrame } + else if(stage == "DefaultFrame"){ return DefaultFrame } + } +} + +FrameMaker.template = 'theme_alan.frame_maker'; +FrameMaker.components = { FrameOption, CustomFrame, DefaultFrame }; + +export default { + FrameMaker: FrameMaker, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/components/FrameMaker/frame_maker.xml b/theme_alan/static/src/js/components/FrameMaker/frame_maker.xml new file mode 100644 index 000000000..ff048c5f5 --- /dev/null +++ b/theme_alan/static/src/js/components/FrameMaker/frame_maker.xml @@ -0,0 +1,86 @@ + + + + + +
+ +
+ + + +
+
+
+
+
+ Make Custom Frame +
+ +
+
+
+
+
+ Select Default Frame +
+ +
+
+
+
+
+
+ + + +
+
+
+ + +
+
+ + +
+
+ + + + +
+
+
+
+ +
+
+ +
+

Show Your Megical Creativity

+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + + diff --git a/theme_alan/static/src/js/components/FramePreview/frame_preview.js b/theme_alan/static/src/js/components/FramePreview/frame_preview.js new file mode 100644 index 000000000..605ba4d3a --- /dev/null +++ b/theme_alan/static/src/js/components/FramePreview/frame_preview.js @@ -0,0 +1,118 @@ +/** @odoo-module alias=theme_alan.FramePreview **/ + +import { useService } from "@web/core/utils/hooks"; +import { alanTemplate } from "theme_alan.mixins"; + +const { Component, onMounted } = owl; + +class FramePreview extends Component { + setup(){ + /** setup method */ + this.rpc = useService("rpc"); + onMounted(async ()=>{ + let $preview_template = await this.env.SnippetBuilder._getPreviewframeTemplate(false) + $(this.__owl__.bdom.parentEl).find(".as-preview-section").empty().append($preview_template); + $(this.__owl__.bdom.parentEl).find(".border").addClass("as-border-none"); + this.initializedSnippet(); + }) + } + _backToDataConfig(){ + /** beck to data config component */ + this.env.SnippetBuilder.state.active_component = "FrameData"; + } + async _save(){ + /** save the snippet */ + + $(this.__owl__.bdom.parentEl).find("[data-default-content]").removeAttr("data-default-content"); + $(this.__owl__.bdom.parentEl).find(".as-preview-section").empty().append(this.env.SnippetBuilder.PreviewframeTemplate); + this.props.snippet_origin.$target.empty().append($(this.__owl__.bdom.parentEl).find(".as-preview-section").html()); + + let configs = await this.rpc('/save_user_custom_frame',{ + 'frame':this.env.SnippetBuilder.frameCustomTemplate.html(), + 'is_default_frame':this.env.SnippetBuilder.defaultFrame, + 'default_frame_id':this.env.SnippetBuilder.defaultFrameId, + 'frame_config':$(this.__owl__.bdom.parentEl).find(".as-preview-section").html(), + }) + this.props.snippet_origin.$target.attr('data-frame-work',configs.frame_config); + this.props.snippet_origin.$target.attr('data-frame-id',configs.frame); + this.props.close(); + } + + async initializedSnippet(){ + /** Add the snippet in preview if exist */ + let snippetList = $(this.__owl__.bdom.parentEl).find("[data-snippet-name]"); + + let MegaMenuList = ['MegaMenuContent','MegaMenuProduct','MegaMenuBrand', 'MegaMenuCategory'] + let ProductList = ['ProductSlider','BestSellingProduct', 'LatestProduct', 'BrandProduct', 'CategoryProduct', 'ProductBanner','CategorySlider', 'BrandSlider','BlogSlider'] + + for (const snippet of snippetList) { + let static_snippet = ['MegaMenuContent','StaticSnippet']; + if(static_snippet.includes($(snippet).attr("data-snippet-name"))){ + if($(snippet).attr("data-default-content") == undefined){ + let pos_id = "[data-pos-id='"+ $(snippet).data("posId") +"']"; + let $set_data = this.props.snippet_origin.$target.find(pos_id) + $(snippet).empty().append($set_data.html()); + }else{ + let temp_id = "theme_alan." + $(snippet).attr("data-selected-templ-id"); + let template = alanTemplate.getStaticTemplate(temp_id, {}) + $(snippet).empty().append($(template)); + } + }else{ + let context = { + 'snippet':$(snippet).attr("data-snippet-name"), + 'record_ids':JSON.parse($(snippet).attr("data-records-ids")), + 'modal':$(snippet).attr("data-modal"), + 'design_editor':JSON.parse($(snippet).attr("data-design-edit")), + } + if($(snippet).attr("data-snippet-name") == "MegaMenuCategory"){ + context['extra_info'] = JSON.parse($(snippet).attr("data-extra-info")) + } + let response = false + if(MegaMenuList.includes($(snippet).attr("data-snippet-name"))){ + response = await this.rpc("/get_mega_snippet_template",context); + }else if(ProductList.includes($(snippet).attr("data-snippet-name"))){ + + response = await this.rpc("/get_products_snippet_template",context); + } + // Multi tabe + if($(snippet).attr("data-snippet-name") == "BrandProduct"){ + $(snippet).empty().append(response['template']); + var $template = $(snippet).find('.as_page_swiper'); + for (let s_templ of $template) { + $(s_templ).attr("id",'as_swiper_slider_as'); + if(Object.keys(response.slider_config).length != 0){ + new Swiper("#as_swiper_slider_as", response.slider_config); + } + $(s_templ).removeAttr("id","as_swiper_slider_as") + } + } + else if($(snippet).attr("data-snippet-name") == "CategoryProduct"){ + $(snippet).empty().append(response['template']); + var $template = $(snippet).find('.as_page_swiper') + for (let s_templ of $template) { + $(s_templ).attr("id",'as_swiper_slider_as'); + if(Object.keys(response.slider_config).length != 0){ + new Swiper("#as_swiper_slider_as", response.slider_config); + } + $(s_templ).removeAttr("id","as_swiper_slider_as") + } + } + else{ + var $template = $(response['template']).attr("id","as_swiper_slider_as"); + $(snippet).empty().append($template); + if(Object.keys(response.slider_config).length != 0){ + new Swiper("#as_swiper_slider_as", response.slider_config); + } + $template.removeAttr("id"); + } + } + } + } +} + +FramePreview.template = 'theme_alan.frame_preview'; +FramePreview.components = {}; + +export default { + FramePreview: FramePreview, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/components/FramePreview/frame_preview.xml b/theme_alan/static/src/js/components/FramePreview/frame_preview.xml new file mode 100644 index 000000000..e210daf02 --- /dev/null +++ b/theme_alan/static/src/js/components/FramePreview/frame_preview.xml @@ -0,0 +1,19 @@ + + + + +
+
+
+
+ + +
+
+
+ +
+
+ + + diff --git a/theme_alan/static/src/js/components/Menus/menu.js b/theme_alan/static/src/js/components/Menus/menu.js new file mode 100644 index 000000000..415018dfd --- /dev/null +++ b/theme_alan/static/src/js/components/Menus/menu.js @@ -0,0 +1,140 @@ +/** @odoo-module alias=theme_alan.Menu **/ + +import { MenuDialog, EditMenuDialog } from '@website/components/dialog/edit_menu'; +import { patch } from "@web/core/utils/patch"; + +const {useState, useEffect } = owl; + +const useControlledInput = (initialValue, validate) => { + const input = useState({ + value: initialValue, + hasError: false, + }); + + const isValid = () => { + if (validate(input.value)) { + return true; + } + input.hasError = true; + return false; + }; + + useEffect(() => { + input.hasError = false; + }, () => [input.value]); + + return { + input, + isValid, + }; +}; + +patch(MenuDialog.prototype, { + setup() { + super.setup(); + this.is_tag_active = useControlledInput(this.props.is_tag_active, value => !!value); + this.tag_text = useControlledInput(this.props.tag_text, value => !!value); + this.tag_text_color = useControlledInput(this.props.tag_text_color, value => !!value); + this.tag_bg_color = useControlledInput(this.props.tag_bg_color, value => !!value); + this.hlt_menu = useControlledInput(this.props.hlt_menu, value=> !!value); + this.hlt_menu_bg_color = useControlledInput(this.props.hlt_menu_bg_color, value => !!value); + this.hlt_menu_ft_col = useControlledInput(this.props.hlt_menu_ft_col, value => !!value); + this.hlt_menu_icon = useControlledInput(this.props.hlt_menu_icon, value => !!value); + }, + + onClickOk() { + if (this.name.isValid()) { + if (this.props.isMegaMenu || this.url.isValid()) { + this.props.save(this.name.input.value, this.url.input.value, + this.tag_text.input.value, + this.is_tag_active.input.value, + this.tag_bg_color.input.value, + this.tag_text_color.input.value, + this.hlt_menu.input.value, + this.hlt_menu_bg_color.input.value, + this.hlt_menu_ft_col.input.value, + this.hlt_menu_icon.input.value, + ); + this.props.close(); + } + } + } + +}) + +MenuDialog.template = 'theme_alan.MenuDialog'; +MenuDialog.props = { + ...MenuDialog.props, + is_tag_active: { type: Boolean, optional: true }, + tag_text: {optional: true }, + tag_bg_color: { optional: true }, + tag_text_color:{optional: true }, + hlt_menu: { type: Boolean,optional: true }, + hlt_menu_bg_color: {optional: true }, + hlt_menu_ft_col:{optional: true }, + hlt_menu_icon: { optional: true }, +}; + +patch(EditMenuDialog.prototype, { + addMenu(isMegaMenu) { + this.dialogs.add(MenuDialog, { + isMegaMenu, + save: (name, url, isNewWindow, tag_text,is_tag_active,tag_text_color,tag_bg_color, + hlt_menu,hlt_menu_bg_color,hlt_menu_ft_col,hlt_menu_icon) => { + const newMenu = { + fields: { + id: `menu_${(new Date).toISOString()}`, + name, + url: isMegaMenu ? '#' : url, + new_window: isNewWindow, + 'is_mega_menu': isMegaMenu, + sequence: 0, + 'parent_id': false, + 'tag_text': tag_text, + 'is_tag_active' : is_tag_active, + 'tag_bg_color':tag_bg_color, + 'tag_text_color':tag_text_color, + 'hlt_menu': hlt_menu, + 'hlt_menu_bg_color' : hlt_menu_bg_color, + 'hlt_menu_ft_col':hlt_menu_ft_col, + 'hlt_menu_icon':hlt_menu_icon, + }, + 'children': [], + }; + this.map.set(newMenu.fields['id'], newMenu); + this.state.rootMenu.children.push(newMenu); + }, + }); + }, + + editMenu(id) { + const menuToEdit = this.map.get(id); + this.dialogs.add(MenuDialog, { + name: menuToEdit.fields['name'], + url: menuToEdit.fields['url'], + isMegaMenu: menuToEdit.fields['is_mega_menu'], + tag_text: menuToEdit.fields['tag_text'], + is_tag_active: menuToEdit.fields['is_tag_active'], + tag_bg_color: menuToEdit.fields['tag_bg_color'], + tag_text_color: menuToEdit.fields['tag_text_color'], + hlt_menu: menuToEdit.fields['hlt_menu'], + hlt_menu_bg_color: menuToEdit.fields['hlt_menu_bg_color'], + hlt_menu_ft_col: menuToEdit.fields['hlt_menu_ft_col'], + hlt_menu_icon: menuToEdit.fields['hlt_menu_icon'], + save: (name, url,tag_text,is_tag_active,tag_bg_color,tag_text_color, + hlt_menu,hlt_menu_bg_color,hlt_menu_ft_col,hlt_menu_icon) => { + menuToEdit.fields['name'] = name; + menuToEdit.fields['url'] = url; + menuToEdit.fields['tag_text'] = tag_text; + menuToEdit.fields['is_tag_active'] = is_tag_active; + menuToEdit.fields['tag_bg_color'] = tag_bg_color; + menuToEdit.fields['tag_text_color'] = tag_text_color; + menuToEdit.fields['hlt_menu'] = hlt_menu; + menuToEdit.fields['hlt_menu_bg_color'] = hlt_menu_bg_color; + menuToEdit.fields['hlt_menu_ft_col'] = hlt_menu_ft_col; + menuToEdit.fields['hlt_menu_icon'] = hlt_menu_icon; + this.state.rootMenu.children = [...this.state.rootMenu.children]; + }, + }); + } +}) \ No newline at end of file diff --git a/theme_alan/static/src/js/components/Menus/menu.xml b/theme_alan/static/src/js/components/Menus/menu.xml new file mode 100644 index 000000000..bc8e09ed4 --- /dev/null +++ b/theme_alan/static/src/js/components/Menus/menu.xml @@ -0,0 +1,77 @@ + + + + +
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ + + + + +
+ + + diff --git a/theme_alan/static/src/js/components/SelectData/select_data.js b/theme_alan/static/src/js/components/SelectData/select_data.js new file mode 100644 index 000000000..9170e3b09 --- /dev/null +++ b/theme_alan/static/src/js/components/SelectData/select_data.js @@ -0,0 +1,452 @@ +/** @odoo-module alias=theme_alan.SelectData **/ + +import { alanTemplate } from "theme_alan.mixins"; +import { _t } from "@web/core/l10n/translation"; +import { useService } from "@web/core/utils/hooks"; +import { UserInformDialog } from 'theme_alan.UserInformDialog'; + +const { Component, useState, onMounted } = owl; + +class SelectData extends Component { + setup() { + // Initlized data of snippets.... + this.dialog = useService("dialog"); + this.state = useState({'record_info':[], 'record_ids':[]}) + this.rpc = useService("rpc"); + this.design_editor = useState(this.props.design_and_edit); + this.bindedSortable = []; + + if(this.props.init_record_ids != undefined){ + this._init_records(this.props.init_record_ids) + } + onMounted(this._select2); + if(this.props.only_preview){ + this._open_preview() + } + } + async _init_records(record_ids){ + this.state.record_ids = record_ids; + let details = await this.rpc('/get_records_details',{'record_ids':record_ids, 'model':this.props.search}) + this.state.record_info = details; + } + _sortable(el){ + // Use to change the sequence the records..... + // var self = this; + // this.call( + // "sortable", + // "update", + // self._update_record_sequence(), + // ).enable(); + } + async _update_record_sequence(){ + let sort_record = $(this.__owl__.bdom.parentEl).find(".as_data_info"); + let sort_record_list = []; + for (const ele of sort_record) { + sort_record_list.push($(ele).data("id")); + } + this.state.record_ids = sort_record_list; + } + _select2(){ + // Use to select the records.... + + let $input = $(this.__owl__.bdom.el).find("#as_search"); + let self = this; + + $input.select2({ + width: "100%", + tokenSeparators:[","], + minimumInputLength: 2, + placeholder:_t("Search Items ...."), + multiple: false, + maximumSelectionSize: 100, + dropdownCssClass: 'as-select2-dropdown', + allowClear: true, + initSelection: function (ele, cbf) { }, + ajax: { + url: "/select/data/fetch", + quietMillis: 100, + dataType: 'json', + data: function (terms) { + return ({ terms:terms, searchIn:JSON.stringify([self.props.search])}); + }, + results: function (rec) { + return { + results: self._procedureData(rec) + }; + }, + }, + formatResult: function (res) { + return alanTemplate.getStaticTemplate("theme_alan.select2_fetch_info",res); + }, + }); + this._onSelect(); + // this._sortable(this.__owl__.bdom.el); + } + _procedureData(rec) { + rec.forEach(ele => { ele['text'] = ele['name'] }); + return rec; + } + _delete(ev){ + // Use to delete records.... + + let rec_id = $(ev.target).parents(".as_data_info").attr("data-id"); + for (var i = 0; i < this.state.record_ids.length; i++) { + if (this.state.record_ids[i] == rec_id) { + this.state.record_ids.splice(i, 1); + } + if(this.state.record_info[i]['id'] == rec_id){ + this.state.record_info.splice(i, 1); + } + } + $(ev.target).parents(".as_data_info").remove(); + } + _onSelect(){ + // Use to update the record list.... + + let $input = $(this.__owl__.bdom.el).find("#as_search"); + $input.on("select2-selecting", async (ev)=> { + if(this.state.record_ids.indexOf(ev.val) == -1){ + let details = await this.rpc('/get_record_detail',{ + 'record_id':ev.val, + 'model':this.props.search, + 'exists_data':this.state.record_info }) + this.state.record_ids.push(ev.val); + this.state.record_info.push(details); + } + }); + } + async _get_latest_product(){ + let details = await this.rpc('/get_quick_record',{'mode':'get_latest_product'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_top_product(){ + let details = await this.rpc('/get_quick_record',{'mode':'get_top_product'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_best_sold_product(){ + let details = await this.rpc('/get_quick_record',{'mode':'get_best_sold_product'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_random_product(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_random_product'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_parent_category(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_parent_category'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_a_to_z_category(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_a_to_z_category'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_z_to_a_category(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_z_to_a_category'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_random_category(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_random_category'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_random_brand(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_random_brand'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_a_to_z_brand(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_a_to_z_brand'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_z_to_a_brand(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_z_to_a_brand'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_random_blog(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_random_blog'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_a_to_z_blog(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_a_to_z_blog'}) + if(details.length != 0){ + this._assign_data(details) + } + } + async _get_z_to_a_blog(){ + let details = await this.rpc('/get_quick_record',{'mode':'_get_z_to_a_blog'}) + if(details.length != 0){ + this._assign_data(details) + } + } + _assign_data(data){ + // Use to assign the pre get record .... + for (var i = 0; i < data.length; i++) { + if(this.state.record_ids.indexOf(data[i]['id']) == -1){ + this.state.record_ids.push(data[i]['id']); + this.state.record_info.push({'id':data[i]['id'],'display_name':data[i]['display_name'],'image':data[i]['image']}) + } + } + } + _change_active_view(ev){ + + let megamenu_snippet_lst = ['MegaMenuCategory','MegaMenuProduct', 'MegaMenuBrand'] + let product_snippet_lst = ['ProductSlider','BestSellingProduct', 'LatestProduct', 'BrandProduct', 'CategoryProduct', 'ProductBanner', 'CategorySlider', 'BrandSlider', 'BlogSlider'] + + if(megamenu_snippet_lst.includes(this.props.selete_data_config)){ + this.design_editor.active_view = $(ev.target).val(); + }else if(product_snippet_lst.includes(this.props.selete_data_config)){ + this.design_editor.view = $(ev.target).val(); + } + + if($(ev.target).val() == "grid"){ + this.design_editor.auto_slider = false; + this.design_editor.template_id = this.design_editor.default_gtemplate_id + }else{ + this.design_editor.template_id = this.design_editor.default_stemplate_id + } + + this._get_preview(); + } + _change_auto_slider(ev){ + if(this.design_editor.auto_slider){ + this.design_editor.auto_slider = false; + }else{ + this.design_editor.auto_slider = true; + } + this._get_preview(); + } + _change_slider_time(ev){ + this.design_editor.slider_time = $(ev.target).val(); + this._get_preview(); + } + _change_col_item(ev){ + let megamenu_snippet_lst = ['MegaMenuCategory','MegaMenuProduct', 'MegaMenuBrand'] + let product_snippet_lst = ['ProductSlider','BestSellingProduct', 'LatestProduct', 'BrandProduct', 'CategoryProduct', 'ProductBanner', 'CategorySlider', 'BrandSlider', 'BlogSlider'] + + if(megamenu_snippet_lst.includes(this.props.selete_data_config)){ + this.design_editor.col_item = $(ev.target).val(); + } + else if(product_snippet_lst.includes(this.props.selete_data_config)){ + let screen_view = $(ev.target).attr("data-view-type") + if(screen_view == "desk"){ + this.design_editor.default_col_desk = $(ev.target).val(); + }else if(screen_view == "mob"){ + this.design_editor.default_col_mob = $(ev.target).val(); + } + // this.design_editor.view = $(ev.target).val(); + } + + this._get_preview(); + } + _change_grid_style(ev){ + this.design_editor.grid_style = $(ev.target).val(); + let option = "[value='"+ $(ev.target).val() +"']"; + this.design_editor.template_id = $(ev.target).find(option).attr("data-template"); + this._get_preview(); + } + _change_slider_style(ev){ + this.design_editor.slider_style = $(ev.target).val(); + let option = "[value='"+ $(ev.target).val() +"']"; + this.design_editor.template_id = $(ev.target).find(option).attr("data-template"); + this._get_preview(); + } + _change_pagination(ev){ + this.design_editor.pagination = $(ev.target).val(); + this._get_preview(); + } + _change_quick_option(ev){ + let quick_option = $(ev.target).data("target"); + + if(quick_option == "allow_add_to_cart"){ + this.design_editor.allow_add_to_cart = $(ev.target).prop("checked"); + }else if(quick_option == "allow_quick_view"){ + this.design_editor.allow_quick_view = $(ev.target).prop("checked"); + }else if(quick_option == "allow_compare"){ + this.design_editor.allow_compare = $(ev.target).prop("checked"); + }else if(quick_option == "allow_wishlist"){ + this.design_editor.allow_wishlist = $(ev.target).prop("checked"); + }else if(quick_option == "allow_rating"){ + this.design_editor.allow_rating = $(ev.target).prop("checked"); + }else if(quick_option == "allow_label"){ + this.design_editor.allow_label = $(ev.target).prop("checked"); + }else if(quick_option == "allow_hover_image"){ + this.design_editor.allow_hover_image = $(ev.target).prop("checked"); + }else if(quick_option == "allow_stock_info"){ + this.design_editor.allow_stock_info = $(ev.target).prop("checked"); + }else if(quick_option == "allow_offer_time"){ + this.design_editor.allow_offer_time = $(ev.target).prop("checked"); + }else if(quick_option == "allow_brand_info"){ + this.design_editor.allow_brand_info = $(ev.target).prop("checked"); + }else if(quick_option == "allow_color_variant"){ + this.design_editor.allow_color_variant = $(ev.target).prop("checked"); + }else if(quick_option == "loop"){ + this.design_editor.loop = $(ev.target).prop("checked"); + }else if(quick_option == "tabs"){ + this.design_editor.tabs = $(ev.target).prop("checked"); + }else if(quick_option == "allow_link"){ + this.design_editor.allow_link = $(ev.target).prop("checked"); + } + this._get_preview(); + } + async _get_preview(){ + // Use to show the preview of snippets + let megamenu_preview = ['MegaMenuCategory','MegaMenuProduct', 'MegaMenuBrand']; + let products_preview = ['ProductSlider','BestSellingProduct', 'LatestProduct', 'BrandProduct', 'CategoryProduct', 'ProductBanner', 'CategorySlider', 'BrandSlider','BlogSlider']; + + if(megamenu_preview.includes(this.props.selete_data_config)){ + let context = { + 'snippet':this.props.selete_data_config, + 'record_ids':this.state.record_ids, + 'modal':this.props.search, + 'design_editor':this.design_editor, + } + if(this.props.selete_data_config == "MegaMenuCategory" || this.props.selete_data_config == "MegaMenuCategory"){ + context['extra_info'] = this.props.extra_info.second_level_ids + } + let data = await this.rpc('/get_mega_snippet_template', context); + $(this.__owl__.bdom.parentEl).find("#as_snippet_preview").empty().append(data.template) + if(this.design_editor.active_view == 'slider'){ + new Swiper(".as_swiper", data.slider_config) + } + }else if(products_preview.includes(this.props.selete_data_config)){ + let records = { + 'snippet':this.props.selete_data_config, + 'record_ids':this.state.record_ids, + 'modal':this.props.search, + 'design_editor':this.design_editor + } + let data = await this.rpc('/get_products_snippet_template', records); + $(this.__owl__.bdom.parentEl).find("#as_snippet_preview").empty().append(data.template) + if(this.design_editor.view == 'slider'){ + new Swiper(".as_page_swiper", data.slider_config) + } + } + + } + _open_preview(){ + this._get_preview(); + } + _back_to_frame(){ + this.env.SnippetBox.props.close(); + } + _save_snippet(){ + if(!this.state.record_ids.length){ + + this.dialog = this.call("dialog", "add", UserInformDialog, { + warning_msg:_t('Oops, Please configure a snippet before save.'), + inform_type:"no_snippet_config", + onConfirm: () => { + this.env.SnippetBuilder.state.active_component = "FrameMaker"; + }, + }); + + }else{ + let snippet_origin = this.env.SnippetBox.props.snippet_origin + snippet_origin.attr("data-snippet-name", this.design_editor.snippet) + snippet_origin.attr("data-records-ids",JSON.stringify(this.state.record_ids)) + snippet_origin.attr("data-modal", this.props.search) + snippet_origin.attr("data-design-edit", JSON.stringify(this.design_editor)) + if(this.design_editor.snippet == "MegaMenuCategory"){ + snippet_origin.attr("data-extra-info", JSON.stringify(this.props.extra_info.second_level_ids)) + } + + let btn = " \ + "; + + $(snippet_origin).empty().append(btn); + $(snippet_origin).find(".as-snippet-btn").click((ev)=>{ + ev.stopPropagation(); + this._openSnippet(ev, this.design_editor.snippet); + }); + $(snippet_origin).find(".as-snippet-rm-btn").click((ev)=>{ + ev.stopPropagation(); + this._removeSnippet(ev); + }); + this.env.SnippetBox.props.close(); + } + } + _openSnippet(ev, Snippet){ + if(Snippet != "SnippetList"){ + var initData = { + 'record_ids': JSON.parse($(ev.currentTarget).parent().attr("data-records-ids")), + 'modal': $(ev.currentTarget).parent().attr("data-modal"), + 'design_edit': JSON.parse($(ev.currentTarget).parent().attr("data-design-edit")), + } + if(Snippet == "MegaMenuCategory"){ + if($(ev.currentTarget).parent().attr("data-extra-info")){ + initData['extra_info'] = JSON.parse($(ev.currentTarget).parent().attr("data-extra-info")) + } + } + } + const dialog = this.env.SnippetBox.props.SnippetBuilder.props.snippet_origin.call("dialog", "add", this.env.SnippetBox.props.SnippetBoxBuilder,{ + 'title': 'Snippet Box', + 'initSnippet':Snippet, + 'initData':initData, + 'snippet_origin':$(ev.currentTarget).parent(), + 'SnippetBuilder':this.env.SnippetBox.props.SnippetBuilder, + 'SnippetBoxBuilder':this.env.SnippetBox.props.SnippetBoxBuilder, + 'snippet_list':this.env.SnippetBox.props.SnippetBuilder.props.snippet_list.snippets, + }); + dialog.mount(this.env.SnippetBox.props.SnippetBuilder.props.snippet_origin.el); + } + _removeSnippet(ev){ + var self = this; + $(ev.currentTarget).parent().removeAttr("data-modal") + .removeAttr("data-snippet-name") + .removeAttr("data-records-ids") + .removeAttr("data-design-edit") + .removeAttr("data-extra-info") + .removeAttr("data-selected-templ-id") + .removeAttr("data-active-id") + let btn = ''; + $(this.env.SnippetBox.props.snippet_origin).empty().append(btn) + $(this.env.SnippetBox.props.snippet_origin).find(".as-data-btn").click((ev)=>{ + ev.stopPropagation(); + self._openSnippet(ev,'SnippetList'); + }); + } + + select_sub_category(ev){ + // Use to select the subcateory for megamenu + let id = $(ev.target).data("id"); + let pre_select_cats = $(ev.target).attr("data-sub-cat"); + this.env.MegaMenuCategory._subCategory(id, ev, pre_select_cats); + } + + get_sub_category(parent_id){ + // init sub catgeory at records + for (const cat of this.props.extra_info.second_level_ids) { + if(cat['parent'] == parent_id){ + return [cat['childs'].toString(), cat['childs'].length] + } + } + return ["",0] + } +} + +SelectData.template = 'theme_alan.select_data_configure'; + +export default { + SelectData: SelectData, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/components/SelectData/select_data.xml b/theme_alan/static/src/js/components/SelectData/select_data.xml new file mode 100644 index 000000000..d08c45779 --- /dev/null +++ b/theme_alan/static/src/js/components/SelectData/select_data.xml @@ -0,0 +1,657 @@ + + + + +
+
+ +
+ + +
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+

let's Search Items...

+
+
+ + + +
+
+
+ +
+
+
+ +
+
+ +
+
+ + +
+
+
+
+ + + + +
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+
+
+

Exclusive Collection

+
+
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ + +
+

let's Search Items...

+
+
+ +
+
+
+
+
+
+
+
+

Design & Edit

+
+
+ + + + + + +
+
+
Layout
+
+ + +
+ + +
+ + +
+
+ + +
+
+
+ +
+
+ + +
+
+ +
+ +
+ + +
+
+ + +
+
+
Number of item
+
+
+ +
+
+ + +
+
+ +
+
+
+
+
Style
+
+ + + + + + +
+
+ + +
+ + + +
+
+
Layout
+
+
+ + +
+ + +
+
+ + +
+
+
+ +
+
+ + +
+
+ +
+ + +
+ + +
+
+ + + +
+
+
Number of item for Desktop
+
+ + + + + + + +
+ +
+
+ + +
+
+ +
+
+
Number of item for Mobile
+
+
+ +
+
+ + +
+
+ +
+
+
+
+
Style
+
+ + + + + + + +
+
+
+
Pagination
+
+ +
+
+
+
Infinite Loop
+
+
+ + +
+
+
+ + +
+ +
+
+
Options
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + diff --git a/theme_alan/static/src/js/components/SnippetBox/snippet_box.js b/theme_alan/static/src/js/components/SnippetBox/snippet_box.js new file mode 100644 index 000000000..1a2e1cf2b --- /dev/null +++ b/theme_alan/static/src/js/components/SnippetBox/snippet_box.js @@ -0,0 +1,49 @@ +/** @odoo-module alias=theme_alan.SnippetBox **/ + +// import { useWowlService } from '@web/legacy/utils'; +import { Dialog } from "@web/core/dialog/dialog"; +import { SnippetPicker } from "theme_alan.SnippetPicker"; + +const { Component, onRendered, useSubEnv, xml } = owl; + +class SnippetBoxDialog extends Dialog {} +SnippetBoxDialog.props = { + ...Dialog.props, + size: { type: String, optional: true, validate: (s) => ["sm", "md", "lg", "xl" ,"as-full-screen"].includes(s) }, +}; +SnippetBoxDialog.defaultProps = { + ...Dialog.defaultProps, +}; + +class SnippetBox extends Component { + setup(){ + /** setup method */ + useSubEnv({'SnippetBox':this}) + } +} + +SnippetBox.template = 'theme_alan.snippet_box'; +SnippetBox.components = { SnippetBoxDialog, SnippetPicker }; + +class SnippetBoxBuilder extends Component { + setup() { + var self = this; + /** setup method */ + + // this.dialogs = useWowlService('dialog'); + this.props.size = "as-full-screen" + + onRendered(() => { + self.call("dialog", "add", SnippetBox, self.props); + // this.dialogs.add(, this.props); + }); + } +} + +SnippetBoxBuilder.template = xml``; + +export default { + SnippetBoxDialog:SnippetBoxDialog, + SnippetBox: SnippetBox, + SnippetBoxBuilder:SnippetBoxBuilder +} \ No newline at end of file diff --git a/theme_alan/static/src/js/components/SnippetBox/snippet_box.xml b/theme_alan/static/src/js/components/SnippetBox/snippet_box.xml new file mode 100644 index 000000000..3b6538c68 --- /dev/null +++ b/theme_alan/static/src/js/components/SnippetBox/snippet_box.xml @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/theme_alan/static/src/js/components/SnippetBuilder/snippet_builder.js b/theme_alan/static/src/js/components/SnippetBuilder/snippet_builder.js new file mode 100644 index 000000000..8da475be5 --- /dev/null +++ b/theme_alan/static/src/js/components/SnippetBuilder/snippet_builder.js @@ -0,0 +1,109 @@ +/** @odoo-module alias=theme_alan.SnippetBuilder **/ + +import { useService } from "@web/core/utils/hooks"; +// import { useWowlService } from '@web/legacy/utils'; +import { Dialog } from "@web/core/dialog/dialog"; +import { FrameMaker } from "theme_alan.FrameMaker"; +import { FrameData } from "theme_alan.FrameData"; +import { FramePreview } from "theme_alan.FramePreview"; + +const { Component, useState, onRendered, xml, useSubEnv, onWillStart } = owl; + +class FrameDialog extends Dialog {} +FrameDialog.props = { + ...Dialog.props, + size: { type: String, optional: true, validate: (s) => ["sm", "md", "lg", "xl" ,"as-full-screen"].includes(s) }, +}; +FrameDialog.defaultProps = { + ...Dialog.defaultProps, +}; + +class SnippetBuilder extends Component { + + setup() { + /** setup method */ + this.rpc = useService("rpc"); + useSubEnv({'SnippetBuilder':this}); + onWillStart(this.initlized); + this.state = useState({ active_component: this._get_state() }); + } + async initlized(){ + this._getPreviewframeTemplate(true) + } + _get_state(){ + let frame_config = this.props.snippet_origin.$target.attr('data-frame-work'); + let frame_id = this.props.snippet_origin.$target.attr('data-frame-id'); + if( frame_config != undefined && frame_id != undefined ){ + return "FramePreview"; + }else{ + return "FrameMaker"; + } + } + async _getPreviewframeTemplate(init){ + let frame_config = this.props.snippet_origin.$target.attr('data-frame-work'); + let frame_id = this.props.snippet_origin.$target.attr('data-frame-id'); + if( frame_config != undefined && frame_id != undefined ){ + let data = await this.rpc('/get_snippet_frame',{'frame_id':frame_id,'frame_config':frame_config}) + if(init){ + if(data.frame_id != false && data.frame_config != false){ + this.frameCustomTemplate = $(data.frame_id); + this.PreviewframeTemplate = $(data.frame_config); + this.state.active_component = "FramePreview"; + this.defaultFrame = true; + this.defaultFrameId = this.props.snippet_origin.$target.attr('data-frame-id'); + }else{ + this.frameCustomTemplate = false; + this.PreviewframeTemplate = false; + } + }else{ + if(data.frame_id != false && data.frame_config != false){ + if(this.PreviewframeTemplate != false && this.PreviewframeTemplate != undefined){ + return this.PreviewframeTemplate + }else{ + return $(data.frame_config); + } + }else{ + return this.PreviewframeTemplate + } + } + }else{ + if(this.PreviewframeTemplate){ + return this.PreviewframeTemplate + }else{ + this.frameCustomTemplate = false; + this.PreviewframeTemplate = false; + } + } + } + + get activeComponent() { + /** active the component based on state */ + const stage = this.state.active_component; + if(stage == "FrameMaker"){ return FrameMaker } + else if(stage == "FrameData"){ return FrameData } + else if(stage == "FramePreview"){ return FramePreview } + } +} + +SnippetBuilder.template = 'theme_alan.snippetBuilder'; +// this are the core components of frame maker... +SnippetBuilder.components = { FrameDialog, FrameMaker, FrameData, FramePreview }; + +class SnippetBuilderWrapper extends Component { + setup() { + /** setup method */ + + this.dialog = useService("dialog"); + this.props.size = "as-full-screen" + + // onRendered(() => { + this.dialog.add(SnippetBuilder, this.props); + // }); + } +} +SnippetBuilderWrapper.template = xml``; + +export default { + SnippetBuilder: SnippetBuilder, + SnippetBuilderWrapper: SnippetBuilderWrapper, +} diff --git a/theme_alan/static/src/js/components/SnippetBuilder/snippet_builder.xml b/theme_alan/static/src/js/components/SnippetBuilder/snippet_builder.xml new file mode 100644 index 000000000..5220e0c98 --- /dev/null +++ b/theme_alan/static/src/js/components/SnippetBuilder/snippet_builder.xml @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/theme_alan/static/src/js/components/SnippetPicker/snippet_picker.js b/theme_alan/static/src/js/components/SnippetPicker/snippet_picker.js new file mode 100644 index 000000000..24341551e --- /dev/null +++ b/theme_alan/static/src/js/components/SnippetPicker/snippet_picker.js @@ -0,0 +1,80 @@ +/** @odoo-module alias=theme_alan.SnippetPicker **/ + +import { MegaMenuProduct } from "theme_alan.MegaMenuProduct"; +import { MegaMenuCategory } from "theme_alan.MegaMenuCategory"; +import { MegaMenuBrand } from "theme_alan.MegaMenuBrand"; +import { MegaMenuContent } from "theme_alan.MegaMenuContent"; +import { ProductSlider } from "theme_alan.ProductSlider"; +import { BestSellingProduct } from "theme_alan.BestSellingProduct"; +import { LatestProduct } from "theme_alan.LatestProduct"; +import { BrandProduct } from "theme_alan.BrandProduct"; +import { CategoryProduct } from "theme_alan.CategoryProduct"; +import { ProductBanner } from "theme_alan.ProductBanner"; +import { CategorySlider } from "theme_alan.CategorySlider"; +import { BrandSlider } from "theme_alan.BrandSlider"; +import { BlogSlider } from "theme_alan.BlogSlider"; +import { StaticSnippet } from "theme_alan.StaticSnippet"; + +const { Component, useState, useSubEnv } = owl; + +class SnippetList extends Component { + setup(){ + /** Setup Method */ + this.snippet_list = this.env.SnippetBox.props.snippet_list; + } + _select_snippet(ev){ + /** Select Snippet */ + let snippetConfig = $(ev.target).parents(".as_snippet").attr("data-snippet-name"); + if(snippetConfig != undefined){ + this.env.SnippetPicker.state.active_snippet = snippetConfig; + } + } + _back_to_frame(){ + this.env.SnippetBox.props.close(); + } +} + +SnippetList.template = 'theme_alan.snippet_list'; +SnippetList.components = { }; + +class SnippetPicker extends Component { + setup(){ + /** Setup Method */ + useSubEnv({'SnippetPicker':this}); + let initSnippet = this.env.SnippetBox.props.initSnippet; + + this.init_snippet = initSnippet != undefined ? initSnippet: "SnippetList"; + this.state = useState({ active_snippet: this.init_snippet }); + } + + get activeSnippet() { + /** Snippet Activation Method */ + const stage = this.state.active_snippet; + if(stage == "SnippetList"){ return SnippetList } + else if(stage == "MegaMenuProduct"){ return MegaMenuProduct } + else if(stage == "MegaMenuCategory"){ return MegaMenuCategory } + else if(stage == "MegaMenuBrand"){ return MegaMenuBrand } + else if(stage == "MegaMenuContent"){ return MegaMenuContent } + else if(stage == "ProductSlider"){ return ProductSlider } + else if(stage == "BestSellingProduct"){ return BestSellingProduct } + else if(stage == "LatestProduct"){ return LatestProduct } + else if(stage == "BrandProduct"){ return BrandProduct } + else if(stage == "CategoryProduct"){ return CategoryProduct } + else if(stage == "ProductBanner"){ return ProductBanner } + else if(stage == "CategorySlider"){ return CategorySlider } + else if(stage == "BrandSlider"){ return BrandSlider } + else if(stage == "BlogSlider"){ return BlogSlider } + else if(stage == "StaticSnippet"){ return StaticSnippet } + + } +} + +SnippetPicker.template = 'theme_alan.snippet_picker'; +SnippetPicker.components = { SnippetList, + MegaMenuCategory, MegaMenuProduct, MegaMenuBrand, MegaMenuContent, + ProductSlider, BestSellingProduct, LatestProduct, BrandProduct, CategoryProduct, + ProductBanner, CategorySlider, BrandSlider, BlogSlider, StaticSnippet }; + +export default { + SnippetPicker: SnippetPicker, +} diff --git a/theme_alan/static/src/js/components/SnippetPicker/snippet_picker.xml b/theme_alan/static/src/js/components/SnippetPicker/snippet_picker.xml new file mode 100644 index 000000000..ba3bdc0ea --- /dev/null +++ b/theme_alan/static/src/js/components/SnippetPicker/snippet_picker.xml @@ -0,0 +1,40 @@ + + + + +
+
+
+

Select Snippets

+
+ +
+
+
+
+
+ +
+
+
+
+ +
+
+
+

+
+
+
+
+ +
+
+
+ + + + + + + diff --git a/theme_alan/static/src/js/components/UserInfo/user_info.js b/theme_alan/static/src/js/components/UserInfo/user_info.js new file mode 100644 index 000000000..6621a3484 --- /dev/null +++ b/theme_alan/static/src/js/components/UserInfo/user_info.js @@ -0,0 +1,26 @@ +/** @odoo-module alias=theme_alan.UserInformDialog **/ + +import { Dialog } from "@web/core/dialog/dialog"; +const { Component } = owl; + +class UserInformDialog extends Component { + setup() { + this.title = "Test"; + this.footer = false; + this.header = false; + } + _confirm(){ + this.props.onConfirm(); + this.props.close(); + } + _cancel(){ + this.props.close(); + } +} +UserInformDialog.components = { Dialog }; +UserInformDialog.template = 'theme_alan.userInformDialog'; + + +export default { + UserInformDialog: UserInformDialog, +} diff --git a/theme_alan/static/src/js/components/UserInfo/user_info.xml b/theme_alan/static/src/js/components/UserInfo/user_info.xml new file mode 100644 index 000000000..139aaba25 --- /dev/null +++ b/theme_alan/static/src/js/components/UserInfo/user_info.xml @@ -0,0 +1,21 @@ + + + + + +
+
+ +
+
+ +
+
+ + + +
+
+ + + diff --git a/theme_alan/static/src/js/frontend/base/mixins.js b/theme_alan/static/src/js/frontend/base/mixins.js new file mode 100644 index 000000000..826bdb65b --- /dev/null +++ b/theme_alan/static/src/js/frontend/base/mixins.js @@ -0,0 +1,13 @@ +/** @odoo-module alias=theme_alan.mixins **/ + +import { renderToElement } from "@web/core/utils/render"; + +var alanTemplate = { + getStaticTemplate:function(template, context){ + return renderToElement(template, { data: context }); + } +} + +export default { + alanTemplate:alanTemplate, +} diff --git a/theme_alan/static/src/js/frontend/registries.js b/theme_alan/static/src/js/frontend/registries.js new file mode 100644 index 000000000..d73e6e385 --- /dev/null +++ b/theme_alan/static/src/js/frontend/registries.js @@ -0,0 +1,412 @@ +/** @odoo-module **/ + +import { registry } from '@web/core/registry'; + +const as_snippet_registry = registry.category("as_snippet_registry"); + +let m_product = { + 'component': 'MegaMenuProduct', + 'name': 'Product Menu', + 'description': 'Create the Product Menu with grid and slider view with different styles.', + 'icon':'/theme_alan/static/src/img/icons/product-menu.svg' + } +let m_category = { + 'component': 'MegaMenuCategory', + 'name': 'Category Menu', + 'description': 'Create the Category menu with grid and slider view with different styles.', + 'icon':'/theme_alan/static/src/img/icons/category-menu.svg' + } +let m_brand = { + 'component': 'MegaMenuBrand', + 'name': 'Brand Menu', + 'description': 'Create the Brand menu with grid and slider view with different styles.', + 'icon':'/theme_alan/static/src/img/icons/brand-menu.svg' + } +let m_static = { + 'component': 'MegaMenuContent', + 'name': 'Static Menu', + 'description': 'Add the static content and edit it with odoo editor.', + 'icon':'/theme_alan/static/src/img/icons/static-menu.svg' + } + +as_snippet_registry.add("as_mega_menu", { snippets : [ m_product , m_category, m_brand, m_static ] }); + +let static_snippet = { + 'component': 'StaticSnippet', + 'name': 'Static Snippet', + 'description': 'Add the static content and edit it with odoo editor.', + 'icon':'/theme_alan/static/src/img/icons/static-menu.svg' + } + +let product_slider = { + 'component': 'ProductSlider', + 'name': 'Product Selector', + 'description': 'Amazing product selector snippet comes with awesome design', + 'icon':'/theme_alan/static/src/img/icons/product-menu.svg' +} + +let best_selling_product = { + 'component': 'BestSellingProduct', + 'name': 'Best Selling Products', + 'description': 'Best snippet to show best selling product with awesome design', + 'icon':'/theme_alan/static/src/img/icons/best-selling.svg' +} + +let latest_product = { + 'component': 'LatestProduct', + 'name': 'Latest Products', + 'description': 'Latest product snippet helps to display latest product with awesome design', + 'icon':'/theme_alan/static/src/img/icons/latest-product.svg' +} + +let brand_droduct = { + 'component': 'BrandProduct', + 'name': 'Brand Products', + 'description': 'Shows brand wise product with awesome design.', + 'icon':'/theme_alan/static/src/img/icons/brand-product.svg' +} +let category_product = { + 'component': 'CategoryProduct', + 'name': 'Category Products', + 'description': 'Shows category wise product with awesome design.', + 'icon':'/theme_alan/static/src/img/icons/category-product.svg' +} + +let product_banner = { + 'component': 'ProductBanner', + 'name': 'Product Banner', + 'description': 'Create amazing product banners with our banner snippet.', + 'icon':'/theme_alan/static/src/img/icons/product-banner.svg' +} + +let category_slider = { + 'component': 'CategorySlider', + 'name': 'Category', + 'description': 'Category snippet helps you to display categories with amazing styles', + 'icon':'/theme_alan/static/src/img/icons/category-menu.svg' +} + +let brand_slider = { + 'component': 'BrandSlider', + 'name': 'Brands', + 'description': 'Brand snippet helps you to display brand with amazing styles', + 'icon':'/theme_alan/static/src/img/icons/brand-menu.svg' +} + +let blog_slider = { + 'component': 'BlogSlider', + 'name': 'Blogs', + 'description': 'Blog snippet helps you to display blog with amazing styles', + 'icon':'/theme_alan/static/src/img/icons/blogs.svg' +} + +as_snippet_registry.add("as_dynamic_snippets", { snippets : [ + product_slider, category_product, best_selling_product, brand_slider, latest_product, brand_droduct, + category_slider, blog_slider, product_banner, static_snippet +] }); + + +let as_static_snippets = [ + { + 'list':[ + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-1.png', + 'name':'Snippet 1', + 'temp_id':'slider_temp_1' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-2.png', + 'name':'Snippet 2', + 'temp_id':'slider_temp_2' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-3.png', + 'name':'Snippet 3', + 'temp_id':'slider_temp_3' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-4.png', + 'name':'Snippet 4', + 'temp_id':'slider_temp_4' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-5.jpg', + 'name':'Snippet 5', + 'temp_id':'slider_temp_5' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-6.png', + 'name':'Snippet 6', + 'temp_id':'slider_temp_6' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-7.jpg', + 'name':'Snippet 7', + 'temp_id':'slider_temp_7' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-8.png', + 'name':'Snippet 8', + 'temp_id':'slider_temp_8' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-9.png', + 'name':'Snippet 9', + 'temp_id':'slider_temp_9' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-10.png', + 'name':'Snippet 10', + 'temp_id':'slider_temp_10' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-11.png', + 'name':'Snippet 11', + 'temp_id':'slider_temp_11' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-12.png', + 'name':'Snippet 12', + 'temp_id':'slider_temp_12' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-13.png', + 'name':'Snippet 13', + 'temp_id':'slider_temp_13' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-14.png', + 'name':'Snippet 14', + 'temp_id':'slider_temp_14' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-15.jpg', + 'name':'Snippet 15', + 'temp_id':'slider_temp_15' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-16.png', + 'name':'Snippet 16', + 'temp_id':'slider_temp_16' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-17.jpg', + 'name':'Snippet 17', + 'temp_id':'slider_temp_17' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-18.png', + 'name':'Snippet 18', + 'temp_id':'slider_temp_18' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-19.png', + 'name':'Snippet 19', + 'temp_id':'slider_temp_19' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-20.png', + 'name':'Snippet 20', + 'temp_id':'slider_temp_20' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-21.png', + 'name':'Snippet 21', + 'temp_id':'slider_temp_21' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-22.jpg', + 'name':'Snippet 22', + 'temp_id':'slider_temp_22' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-23.png', + 'name':'Snippet 23', + 'temp_id':'slider_temp_23' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-24.png', + 'name':'Snippet 24', + 'temp_id':'slider_temp_24' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-25.png', + 'name':'Snippet 25', + 'temp_id':'slider_temp_25' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-26.png', + 'name':'Snippet 26', + 'temp_id':'slider_temp_26' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-27.png', + 'name':'Snippet 27', + 'temp_id':'slider_temp_27' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-28.png', + 'name':'Snippet 28', + 'temp_id':'slider_temp_28' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-29.png', + 'name':'Snippet 29', + 'temp_id':'slider_temp_29' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-30.png', + 'name':'Snippet 30', + 'temp_id':'slider_temp_30' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-31.png', + 'name':'Snippet 31', + 'temp_id':'slider_temp_31' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-32.png', + 'name':'Snippet 32', + 'temp_id':'slider_temp_32' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-33.png', + 'name':'Snippet 33', + 'temp_id':'slider_temp_33' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-34.png', + 'name':'Snippet 34', + 'temp_id':'slider_temp_34' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-35.png', + 'name':'Snippet 35', + 'temp_id':'slider_temp_35' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-36.png', + 'name':'Snippet 36', + 'temp_id':'slider_temp_36' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-37.png', + 'name':'Snippet 37', + 'temp_id':'slider_temp_37' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-38.png', + 'name':'Snippet 38', + 'temp_id':'slider_temp_38' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-39.png', + 'name':'Snippet 39', + 'temp_id':'slider_temp_39' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-40.png', + 'name':'Snippet 40', + 'temp_id':'slider_temp_40' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-41.png', + 'name':'Snippet 41', + 'temp_id':'slider_temp_41' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-42.png', + 'name':'Snippet 42', + 'temp_id':'slider_temp_42' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-43.png', + 'name':'Snippet 43', + 'temp_id':'slider_temp_43' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-44.png', + 'name':'Snippet 44', + 'temp_id':'slider_temp_44' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-45.png', + 'name':'Snippet 45', + 'temp_id':'slider_temp_45' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-46.png', + 'name':'Snippet 46', + 'temp_id':'slider_temp_46' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-47.png', + 'name':'Snippet 47', + 'temp_id':'slider_temp_47' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-48.png', + 'name':'Snippet 48', + 'temp_id':'slider_temp_48' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-49.png', + 'name':'Snippet 49', + 'temp_id':'slider_temp_49' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-50.png', + 'name':'Snippet 50', + 'temp_id':'slider_temp_50' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-51.png', + 'name':'Snippet 51', + 'temp_id':'slider_temp_51' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-52.png', + 'name':'Snippet 52', + 'temp_id':'slider_temp_52' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-53.png', + 'name':'Snippet 53', + 'temp_id':'slider_temp_53' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-54.png', + 'name':'Snippet 54', + 'temp_id':'slider_temp_54' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-55.png', + 'name':'Title Style 1', + 'temp_id':'banner_temp_1' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-56.png', + 'name':'Title Style 2', + 'temp_id':'banner_temp_2' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-57.png', + 'name':'Title Style 3', + 'temp_id':'banner_temp_3' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-58.png', + 'name':'Title Style 4', + 'temp_id':'banner_temp_4' + }, + { + 'img_url':'/theme_alan/static/src/img/snippets/dynamic_snippets/dy_snippet-59.png', + 'name':'Title Style 5', + 'temp_id':'banner_temp_5' + }, + ] + }, + + ] + +as_snippet_registry.add("as_static_snippets", as_static_snippets); \ No newline at end of file diff --git a/theme_alan/static/src/js/frontend/variant_mixin.js b/theme_alan/static/src/js/frontend/variant_mixin.js new file mode 100644 index 000000000..1c6bd6a1e --- /dev/null +++ b/theme_alan/static/src/js/frontend/variant_mixin.js @@ -0,0 +1,46 @@ +/** @odoo-module **/ + +import VariantMixin from "@website_sale/js/sale_variant_mixin"; +import publicWidget from "@web/legacy/js/public/public_widget"; +import "@website_sale/js/website_sale"; + +VariantMixin._onChangeCombinationIntercalReference = function (ev, $parent, combination) { + let $product_sku = this.$target.find(".as_product_sku"); + let $last_month_count = this.$target.find(".as_month_sale_count"); + let $as_bulk_save = this.$target.find(".as_bulk_save"); + let $offer_timer = this.$target.find(".as_offer_timer"); + if(combination.last_month_count > 0){ + let strs = ""+ combination.last_month_count +" sold in last month"; + $last_month_count.empty().html(strs); + }else{ + $last_month_count.empty(); + } + if(combination.bulk_save != false){ + $as_bulk_save.removeClass("d-none").empty().append($(combination.bulk_save)); + }else{ + $as_bulk_save.addClass("d-none").empty(); + } + if(combination.offer_timer != false){ + $offer_timer.attr("data-offer", combination.offer_timer) + this.trigger_up('widgets_start_request', { + $target:$('.as_offer_timer') + }); + } + if(combination.default_code != false){ + var html = combination.default_code; + $product_sku.find("span").empty().append(html); + $product_sku.removeClass("d-none") + }else{ + $product_sku.find("span").empty(); + $product_sku.addClass("d-none") + } +} +publicWidget.registry.WebsiteSale.include({ + _onChangeCombination: function () { + this._super.apply(this, arguments); + VariantMixin._onChangeCombinationIntercalReference.apply(this, arguments); + }, + +}); + +export default VariantMixin; diff --git a/theme_alan/static/src/js/frontend/website_front.js b/theme_alan/static/src/js/frontend/website_front.js new file mode 100644 index 000000000..4da3520c1 --- /dev/null +++ b/theme_alan/static/src/js/frontend/website_front.js @@ -0,0 +1,354 @@ +/** @odoo-module **/ + +import publicWidget from "@web/legacy/js/public/public_widget"; +import VariantMixin from "@website_sale/js/variant_mixin"; +import wSaleUtils from "@website_sale/js/website_sale_utils"; +const cartHandlerMixin = wSaleUtils.cartHandlerMixin; + +publicWidget.registry.MegaMenuTabsSnippets = publicWidget.Widget.extend({ + selector: '.as-mm-tabs-level-1', + disabledInEditableMode:false, + events:{ + 'mouseenter':'_showMegaMenuTabs', + 'click .as-mob-tab-menu':'_showMegaMenuTabsMob', + }, + _showMegaMenuTabs:function(ev){ + if($(ev.currentTarget).hasClass("active") == false){ + this.$target.parents(".as-mm-tabs-levels").find(".as-mm-tabs-level-1.active").removeClass("active"); + $(ev.currentTarget).addClass("active"); + } + }, + _showMegaMenuTabsMob:function(ev){ + ev.preventDefault(); + ev.stopPropagation(); + if($(ev.currentTarget).parents(".as-mm-tabs-level-1").hasClass("as-mob-menu")){ + $(ev.currentTarget).parents(".as-mm-tabs-level-1").removeClass("active").removeClass("as-mob-menu"); + }else{ + $(ev.currentTarget).parents(".as-mm-tabs-level-1").addClass("active").addClass("as-mob-menu"); + } + } +}); + +publicWidget.registry.MegaMenuSnippets = publicWidget.Widget.extend({ + selector: '.nav-item', + disabledInEditableMode:false, + is_clicked :false, + events:{ + 'click':'_showMegaMenu', + 'mouseenter':'_showMegaMenu', + }, + init: function () { + this._super.apply(this, arguments); + this.rpc = this.bindService("rpc"); + }, + _showMegaMenu: async function(ev){ + if(!this.is_clicked && !this.editableMode){ + let loader = '' + let snippetList = this.$target.find('[data-snippet-name]:not([data-snippet-name="MegaMenuContent"])').empty().append(loader); + for (const snippet of snippetList) { + let static_snippet = ['MegaMenuContent']; + if(!static_snippet.includes($(snippet).attr("data-snippet-name"))){ + let context = { + 'snippet':$(snippet).attr("data-snippet-name"), + 'record_ids':JSON.parse($(snippet).attr("data-records-ids")), + 'modal':$(snippet).attr("data-modal"), + 'design_editor':JSON.parse($(snippet).attr("data-design-edit")), + } + if($(snippet).attr("data-snippet-name") == "MegaMenuCategory"){ + context['extra_info'] = JSON.parse($(snippet).attr("data-extra-info")) + } + this.rpc('/get_mega_snippet_template', context).then((response)=>{ + var $template = $(response['template']).attr("id","as_swiper_slider_as"); + $(snippet).empty().append($template); + if(Object.keys(response.slider_config).length != 0){ + new Swiper("#as_swiper_slider_as", response.slider_config); + } + $template.removeAttr("id"); + }) + } + } + this.is_clicked = true; + } + } +}) + +let AlanSliders = publicWidget.Widget.extend({ + init: function () { + this._super.apply(this, arguments); + this.rpc = this.bindService("rpc"); + }, + _getProductSlider:function(){ + for (const product_slider of this.$target) { + let context = { + 'snippet':$(product_slider).attr("data-snippet-name"), + 'record_ids':JSON.parse($(product_slider).attr("data-records-ids")), + 'modal':$(product_slider).attr("data-modal"), + 'design_editor':JSON.parse($(product_slider).attr("data-design-edit")), + } + if(!this.editableMode){ + this.rpc('/get_products_snippet_template', context).then((res)=>{ + if(this.selector == "[data-snippet-name='CategoryProduct']" || this.selector == "[data-snippet-name='BrandProduct']"){ + $(product_slider).empty().append(res['template']); + var $template = $(product_slider).find('.as_page_swiper') + for (let s_templ of $template) { + $(s_templ).attr("id",'as_swiper_slider_as'); + if(Object.keys(res.slider_config).length != 0){ + new Swiper("#as_swiper_slider_as", res.slider_config); + } + $(s_templ).removeAttr("id","as_swiper_slider_as") + } + + }else{ + + if('record_ids' in res){ + $(product_slider).attr("data-records-ids", JSON.stringify(res.record_ids)) + } + var $template = $(res['template']).attr("id","as_swiper_slider_as"); + $(product_slider).empty().append($template); + if(Object.keys(res.slider_config).length != 0){ + new Swiper("#as_swiper_slider_as", res.slider_config); + } + $template.removeAttr("id"); + } + this.trigger_up('widgets_start_request', {$target: $template}); + this.trigger_up('widgets_start_request', {$target: $(".as_quick_view")}); + this.trigger_up('widgets_start_request', {$target: $(".as_color_variant")}); + + }); + }else{ + $(product_slider).parents(".s_dynamic_snippets").attr("contenteditable",true) + $(product_slider).empty().append("

"+$(product_slider).attr("data-snippet-name")+"

"); + } + } + }, + _tab_change:function(ev){ + this.$target.find(".as-tab-name").removeClass("active"); + let tab_id = $(ev.currentTarget).data('id'); + $(ev.currentTarget).addClass('active'); + if(this.selector == "[data-snippet-name='CategoryProduct']"){ + var slider_tab = "[data-tab-id='category_"+tab_id+"']"; + this.$target.find(".as_category_products").removeClass("active"); + + }else{ + var slider_tab = "[data-tab-id='brand_"+tab_id+"']"; + this.$target.find(".as_brand_products").removeClass("active"); + } + this.$target.find(".as-tab-pane").removeClass("active") + this.$target.find(slider_tab).addClass("active"); + }, + _get_loader:function(){ + var loader = '
\ + \ + Placeholder\ + \ + \ +
\ +
\ + \ +
\ +

\ + \ + \ + \ + \ + \ +

\ + \ +
\ +
'; + this.$target.empty().append(loader) + } +}); + +publicWidget.registry.ProductWishlist.include({ + selector: '#wrapwrap', +}) +publicWidget.registry.ProductComparison.include({ + selector: '#wrapwrap', +}) + +publicWidget.registry.AlanAddCart = publicWidget.Widget.extend(cartHandlerMixin, VariantMixin, { + selector: "#wrapwrap", + events:{ + 'click #as_add_to_cart':'async _addToCart', + }, + init: function () { + this._super.apply(this, arguments); + this.rpc = this.bindService("rpc"); + }, + _addToCart:function(ev){ + ev.preventDefault(); + var def = () => { + this.isBuyNow = ev.currentTarget.classList.contains('o_we_buy_now'); + const targetSelector = ev.currentTarget.dataset.animationSelector || 'img'; + this.$itemImgContainer = this.$(ev.currentTarget).closest(`:has(${targetSelector})`); + return this._handleAdd($(ev.currentTarget).closest('form')); + }; + return def(); + }, + _handleAdd: function ($form) { + var self = this; + this.$form = $form; + var productSelector = [ + 'input[type="hidden"][name="product_id"]', + 'input[type="radio"][name="product_id"]:checked' + ]; + var productReady = this.selectOrCreateProduct( + $form, + parseInt($form.find(productSelector.join(', ')).first().val(), 10), + $form.find('.product_template_id').val(), + false + ); + return productReady.then(function (productId) { + $form.find(productSelector.join(', ')).val(productId); + self._updateRootProduct($form, productId); + return self._onProductReady(); + }); + }, + _updateRootProduct($form, productId) { + this.rootProduct = { + product_id: productId, + quantity: parseFloat($form.find('input[name="add_qty"]').val() || 1), + product_custom_attribute_values: this.getCustomVariantValues($form.find('.js_product')), + variant_values: this.getSelectedVariantValues($form.find('.js_product')), + no_variant_attribute_values: this.getNoVariantAttributeValues($form.find('.js_product')) + }; + }, + _onProductReady: function () { + return this._submitForm(); + }, + _submitForm: function () { + const params = this.rootProduct; + params.add_qty = params.quantity; + params.product_custom_attribute_values = JSON.stringify(params.product_custom_attribute_values); + params.no_variant_attribute_values = JSON.stringify(params.no_variant_attribute_values); + delete params.quantity; + this.stayOnPageOption = true; + return this.addToCart(params); + }, +}); + +publicWidget.registry.alanProductSlider = AlanSliders.extend({ + selector:"[data-snippet-name='ProductSlider']", + disabledInEditableMode: false, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + + +publicWidget.registry.alanBestSellingProduct = AlanSliders.extend({ + selector:"[data-snippet-name='BestSellingProduct']", + disabledInEditableMode: false, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + +publicWidget.registry.alanLatestProduct = AlanSliders.extend({ + selector:"[data-snippet-name='LatestProduct']", + disabledInEditableMode: false, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + +publicWidget.registry.alanCategoryProduct = AlanSliders.extend({ + selector:"[data-snippet-name='CategoryProduct']", + disabledInEditableMode: false, + events:{ + 'click .as-tab-name':'_tab_change' + }, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + +publicWidget.registry.alanBrandProduct = AlanSliders.extend({ + selector:"[data-snippet-name='BrandProduct']", + disabledInEditableMode: false, + events:{ + 'click .as-tab-name':'_tab_change' + }, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + + +publicWidget.registry.alanProductBanner = AlanSliders.extend({ + selector:"[data-snippet-name='ProductBanner']", + disabledInEditableMode: false, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + + +publicWidget.registry.alanCategorySlider = AlanSliders.extend({ + selector:"[data-snippet-name='CategorySlider']", + disabledInEditableMode: false, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + +publicWidget.registry.alanBrandSlider = AlanSliders.extend({ + selector:"[data-snippet-name='BrandSlider']", + disabledInEditableMode: false, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + +publicWidget.registry.alanBlogSlider = AlanSliders.extend({ + selector:"[data-snippet-name='BlogSlider']", + disabledInEditableMode: false, + start:function(){ + this._get_loader() + this._getProductSlider(); + } +}); + +export const HeroSlider = publicWidget.Widget.extend({ + selector:".hero_slider", + disabledInEditableMode: false, + start:function(){ + var data = new Swiper(".as-slide-swiper", { + slidesPerView: 1, + centeredSlides: true, + slidesPerGroup: 1, + spaceBetween: 15, + slideToClickedSlide: true, + loop: true, + pagination: { + el: ".swiper-pagination", + clickable: true, + }, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + breakpoints: { + 1024: { + slidesPerView: 1.60, + }, + }, + }); + } +}); + +publicWidget.registry.HeroSlider = HeroSlider; + +export default { + ImgHotSpot: publicWidget.registry.ImgHotSpot, + HeroSlider: publicWidget.registry.HeroSlider +}; diff --git a/theme_alan/static/src/js/frontend/website_product.js b/theme_alan/static/src/js/frontend/website_product.js new file mode 100644 index 000000000..06b65a7f3 --- /dev/null +++ b/theme_alan/static/src/js/frontend/website_product.js @@ -0,0 +1,156 @@ +/** @odoo-module **/ + +import Dialog from '@web/legacy/js/core/dialog'; +import publicWidget from "@web/legacy/js/public/public_widget"; + +export const ProductDetailInfo = publicWidget.Widget.extend({ + selector:".as-product-detail", + events:{ + 'mouseenter .as-pager-prod':'_show_pager_product_info', + 'mouseleave .as-pager-prod':'_hide_pager_product_info', + 'scroll':'_stickyCart', + 'click .as_sticky_action':'_sticky_btn', + }, + init: function () { + this._super.apply(this, arguments); + this.rpc = this.bindService("rpc"); + }, + start: function () { + new Swiper(".as-al-ass-swiper", { + slidesPerView: 1.75, + spaceBetween: 10, + navigation: { + nextEl: ".swiper-button-ass-next", + prevEl: ".swiper-button-ass-prev", + }, + breakpoints: { + 640: { + slidesPerView: 2, + spaceBetween: 24, + }, + 768: { + slidesPerView: 3, + spaceBetween: 24, + }, + 1024: { + slidesPerView: 4, + spaceBetween: 24, + }, + + }, + }); + + new Swiper(".as-al-alt-swiper", { + slidesPerView: 1.75, + spaceBetween: 10, + navigation: { + nextEl: ".swiper-button-alt-next", + prevEl: ".swiper-button-alt-prev", + }, + breakpoints: { + 640: { + slidesPerView: 2, + spaceBetween: 24, + }, + 768: { + slidesPerView: 3, + spaceBetween: 24, + }, + 1024: { + slidesPerView: 4, + spaceBetween: 24, + }, + + }, + }); + this.trigger_up('widgets_start_request', {$target: $(".as_color_variant")}); + + return this._super.apply(this, arguments); + }, + _show_pager_product_info(ev){ + if($(ev.currentTarget).attr('id') == "as-pre-prod-info"){ + this.$target.find(".as-pre-prod-info").removeClass("d-none"); + }else{ + this.$target.find(".as-next-prod-info").removeClass("d-none"); + } + }, + _hide_pager_product_info(ev){ + this.$target.find(".as-pager-prod-info").addClass("d-none") + }, + _stickyCart:function(ev){ + var cr = this; + var addToCartBtns = cr.$target.find('#add_to_cart'); + if(cr.$target.find('.as-sticky-cart-active').length != 0 && addToCartBtns.length != 0){ + const top = cr.$target.find('#add_to_cart').offset().top; + const bottom = cr.$target.find('#add_to_cart').offset().top + cr.$target.find('#add_to_cart').outerHeight(); + const bottom_screen = $(window).scrollTop() + $(window).innerHeight(); + const top_screen = $(window).scrollTop(); + if ((bottom_screen > top) && (top_screen < bottom)){ + if(cr.$target.find('.as-product-sticky-cart').hasClass("as-stikcy-show")){ + cr.$target.find('.as-product-sticky-cart').removeClass("as-stikcy-show"); + } + } else { + if(top < 0){ + if(!cr.$target.find('.as-product-sticky-cart').hasClass("as-stikcy-show")){ + cr.$target.find('.as-product-sticky-cart').addClass("as-stikcy-show"); + } + } + } + } + var offset = 450; + var $back_to_top = $('.as-scroll-to-top'); + ($('#wrapwrap').scrollTop() > offset) ? $back_to_top.addClass('as-bt-visible'): $back_to_top.removeClass('as-bt-visible'); + }, + _sticky_btn:function(ev){ + this.$target.find($(ev.target).data('target_id')).trigger("click"); + }, +}) + +publicWidget.registry.ProductDetailInfo = ProductDetailInfo; + + +let AlanAdvanceInfo = Dialog.extend({ + events:({ 'click .as_close': 'close', + }), + init(ele, otps) { + this.advance_info_id = otps.advance_info_id; + this._super(ele, { + backdrop: true, + size: 'extra-large', + technical: false, + renderHeader: false, + renderFooter: false, + }); + this.rpc = this.bindService("rpc"); + }, + willStart: async function () { + var template = this.rpc('/get_advance_info', { advance_info_id: this.advance_info_id }); + return Promise.all([this._super(...arguments), template]).then((response) => { + this.$content = $("
" + response[1] + "
"); + }); + }, + + start: function () { + $(this.$content).appendTo(this.$el); + this.trigger_up('widgets_start_request', { + $target: this.$content, + }); + return this._super.apply(this, arguments); + }, +}); + +export const ProductAdvanceInfo = publicWidget.Widget.extend({ + "selector": ".show_advance_product", + events : { + "click": "_show_advance_info_dialog" + }, + _show_advance_info_dialog: function(){ + new AlanAdvanceInfo(this, { advance_info_id: parseInt(this.$target.attr("data-info_id")) }).open(); + } +}); +publicWidget.registry.ProductAdvanceInfo = ProductAdvanceInfo; + +export default { + ProductDetailInfo: publicWidget.registry.ProductDetailInfo, + ProductAdvanceInfo: publicWidget.registry.ProductAdvanceInfo, +}; diff --git a/theme_alan/static/src/js/frontend/website_sale.js b/theme_alan/static/src/js/frontend/website_sale.js new file mode 100644 index 000000000..f3d334cff --- /dev/null +++ b/theme_alan/static/src/js/frontend/website_sale.js @@ -0,0 +1,686 @@ +/** @odoo-module **/ + +import Dialog from '@web/legacy/js/core/dialog'; +import publicWidget from "@web/legacy/js/public/public_widget"; +import '@website_sale/js/website_sale'; +import '@website_sale_wishlist/js/website_sale_wishlist'; +import '@website_sale_comparison/js/website_sale_comparison'; +import { _t } from '@web/core/l10n/translation'; +import { debounce } from "@web/core/utils/timing"; +const { DateTime } = luxon; +import { deserializeDateTime, formatDateTime } from "@web/core/l10n/dates"; +import VariantMixin from "@website_sale/js/variant_mixin"; + +// Color Variant Icon >--------------------------------- +const ColorVariantDetails = Dialog.extend({ + init(ele, otps) { + this.product_id = otps.product_id; + this._super(ele, { + backdrop: true, + size: 'extra-large', + title:"Color Variant", + technical: false, + renderHeader: true, + renderFooter: false, + }); + this.rpc = this.bindService("rpc"); + }, + willStart: async function () { + var template = this.rpc('/get_color_product', { product_id: this.product_id }); + return Promise.all([this._super(...arguments), template]).then((response) => { + if(response[1] != false){ + this.$content = $(response[1]); + this.$modal.addClass("as-color-product-modal"); + } + }); + }, +}) + +export const ShopVariantColor = publicWidget.Widget.extend({ + selector: '.as_color_variant', + disabledInEditableMode: false, + events : { + 'mouseenter .as_color_variant_img':'_show_color_image', + 'mouseleave .as_color_variant_img':'_show_default_image', + 'click .as_color_variant_img':'_show_color_variant', + }, + _show_color_image:function(ev){ + let color_image = $(ev.currentTarget).find("[data-color-image]").attr("data-color-image"); + let $img = this.$target.find(".oe_product_image_img_wrapper > img"); + let default_url = $img.attr("src"); + this.$target.attr("data-default-src",default_url); + $img.attr("src", color_image); + }, + _show_default_image:function(ev){ + let default_url = this.$target.attr("data-default-src"); + this.$target.find(".oe_product_image_img_wrapper > img").attr("src", default_url); + }, + _show_color_variant:function(ev){ + new ColorVariantDetails(this,{ product_id: parseInt($(ev.currentTarget).attr('data-product_tmpl_id'))}).open() + } +}) +publicWidget.registry.ShopVariantColor = ShopVariantColor; +// Color Variant Icon <--------------------------------- + +// Similar Product >--------------------------------- +const AlanSimilarProduct = Dialog.extend({ + events:({ 'click .as_close': 'close' }), + init(ele, otps) { + this.product_id = otps.product_id; + this._super(ele, { + backdrop: true, + size: 'extra-large', + technical: false, + renderHeader: false, + renderFooter: false, + }); + this.rpc = this.bindService("rpc"); + }, + willStart: async function () { + var template = this.rpc('/get_similar_product', { product_id: this.product_id }); + return Promise.all([this._super(...arguments), template]).then((response) => { + this.$content = $(response[1]); + this.$modal.addClass("as-similar-product-modal"); + }); + }, + start: function () { + $(this.$content).appendTo(this.$el); + return this._super.apply(this, arguments); + }, +}) + +export const SimilarProduct = publicWidget.Widget.extend({ + selector: '.as_similar_product', + disabledInEditableMode: false, + events : { + 'click':'_show_similar', + }, + _show_similar:function(ev){ + new AlanSimilarProduct(this,{ product_id: parseInt($(ev.currentTarget).attr('data-product_tmpl_id')) }).open(); + + } +}) +publicWidget.registry.SimilarProduct = SimilarProduct; +// Similar Product <--------------------------------- + +// Scroll Top >--------------------------------- +export const ScrolltoTop = publicWidget.Widget.extend({ + 'selector': '#wrapwrap', + 'events':{ + 'click .as_scroll_to_top, .as-scroll-top' : '_scroll2Top', + 'scroll': '_scroll2TopVisibility', + }, + _scroll2TopVisibility:function(){ + if(this.$target.scrollTop() > 800){ + this.$target.find(".as_scroll_to_top").addClass("as_scroll_show"); + }else{ + this.$target.find(".as_scroll_to_top").removeClass("as_scroll_show"); + } + }, + _scroll2Top:function(){ + $("html, body").animate({ scrollTop: 0 }, 500); + } +}); +publicWidget.registry.ScrolltoTop = ScrolltoTop; +// Scroll Top <--------------------------------- + +// Login Popup >--------------------------------- +let LoginPopup = Dialog.extend({ + events: ({ + 'click .as_close':'close', + 'click .loginbtn':'_checkAuthentication', + 'click .haveAccount':'_backToLogin', + 'click .signupbtn':'_userSignup', + }), + init: function (ele, otps) { + this._super(ele, { + backdrop: true, + size: 'extra-large', + technical: false, + renderHeader: false, + renderFooter: false, + }, otps); + this.rpc = this.bindService("rpc"); + }, + willStart: async function(){ + var template = this.rpc('/get_login_popup', {'test':'test'}); + return Promise.all([this._super(...arguments), template]).then((response) => { + this.$content = $(response[1]); + this.$modal.addClass("as-login-modal"); + }); + }, + start: function () { + $(this.$content).appendTo(this.$el); + return this._super.apply(this, arguments); + }, + _checkAuthentication:function(ev){ + + var cr = this; + const login = this.$el.find("#login").val(); + const password = this.$el.find("#password").val(); + if(login.trim() != "" && password.trim() != ""){ + ev.preventDefault(); + return this.rpc("/alan/login/authenticate", { "login":login, "password":password }).then(function (result) { + if(result["login_success"] == true){ + window.location.reload(); + } + else if("error" in result){ + cr.$el.find("#errormsg").css("display","block").empty().append(result["error"]); + } + }); + } + }, + _userSignup:function(ev){ + var cr = this; + const logins = cr.$el.find("#logins").val(); + const passwords = cr.$el.find("#passwords").val(); + const names = cr.$el.find("#names").val(); + const confirm_passwords = cr.$el.find("#confirm_passwords").val(); + const token = cr.$el.find("#token").val() + if(logins.trim() != "" && passwords.trim() != "" + && confirm_passwords.trim() != "" && names.trim() != ""){ + ev.preventDefault(); + return this.rpc("/alan/signup/authenticate",{ + "login":logins, + "name":names, + "password":passwords, + "confirm_password":confirm_passwords, + "token":token + } + ).then(function (result) { + if("error" in result){ + cr.$el.find("#errors").css("display","block").empty().append(result["error"]) + } + else if(result["signup_success"] == true){ + window.location.reload(); + } + }); + } + }, + _backToLogin:function(){ + this.$el.find("#as-login").click(); + }, +}); + +export const LoginPopups = publicWidget.Widget.extend({ + selector: ".as_login_popup", + events:{ + 'click':'_show_login_popup', + }, + _show_login_popup:function(ev){ + ev.preventDefault(); + this.LoginPopup = new LoginPopup(this, {}); + this.LoginPopup.open(); + } +}); + +publicWidget.registry.LoginPopup = LoginPopups; +// Login Popup <--------------------------------- + +// Quick View >--------------------------------- +const AlanQuickView = Dialog.extend({ + events:({ 'click .as_close': 'close', + }), + init(ele, otps) { + this.product_id = otps.product_id; + this._super(ele, { + backdrop: true, + size: 'extra-large', + technical: false, + renderHeader: false, + renderFooter: false, + }); + this.rpc = this.bindService("rpc"); + }, + QuickViewLOad:function(){ + var self = this + var template = this.rpc('/get_quick_view', { product_id: this.product_id }).then((response) => { + self.$content = $(response); + self.$modal.addClass("as-quick-view-modal"); + self.$el.find('.as_spinner').addClass('d-none'); + $(self.$content).appendTo(self.$el); + self.trigger_up('widgets_start_request', { + $target: self.$content, + }); + }); + + }, + start: function () { + this.QuickViewLOad(); + $('').appendTo(this.$el); + return this._super.apply(this, arguments); + }, +}); + +export const QuickView = publicWidget.Widget.extend({ + selector: ".as_quick_view", + events:{ + 'click':'_show_quick_view', + }, + _show_quick_view:function(ev){ + new AlanQuickView(this,{ product_id: parseInt($(ev.currentTarget).attr('data-product_tmpl_id')) }).open(); + } +}); + +publicWidget.registry.QuickView = QuickView; +// Quick View <--------------------------------- + +// Load More >--------------------------------- +export const AjaxProductLoad = publicWidget.Widget.extend({ + selector:".as_shop_page", + disabledInEditableMode: false, + events:{ + 'click #loadMoreproducts':'_loadProduct' + }, + + init: function () { + this._super.apply(this, arguments); + this.rpc = this.bindService("rpc"); + }, + + InitLoadProducts:function(){ + var self = this; + this.next_products = false; + this.pager = false; + this.rmn_ids = [] + var $next_page = $(".alan_pager").find("li.active").next(); + var prd_ids = $next_page.data('prd_ids') + let next_url = $next_page.find("a").attr("href"); + if(next_url == undefined || next_url == "" || prd_ids == undefined || prd_ids == ""){ + this.$target.find("#loadMoreproducts").hide(); + this.$target.find(".all_loaded").removeClass('d-none').empty().append("All products are loaded.") + } + else{ + var ppr = $next_page.data('ppr') + var $lasttr = this.$target.find(".o_wsale_products_grid_table_wrapper").find("tbody tr:last").find('td') + if ($lasttr.length < ppr){ + for (let i = 0; i < $lasttr.length; i++) { + self.rmn_ids.push(parseInt($($lasttr[i]).find('.product_ref_id').val())) + } + } + var products = this.$target.find(".o_wsale_products_grid_table_wrapper").find('input.product_ref_id').map(function(){return parseInt($(this).val());}).get(); + var all_prds = $.merge(self.rmn_ids, prd_ids) + this.rpc("/nextpage/products",{ + 'product_ids': all_prds, + 'products': products, + 'ppr': ppr, + } + ).then(function (result) { + if(result){ + self.next_products = result; + } + }); + } + }, + + _loadProduct:function(){ + if(this.next_products != false){ + var $active_page = $(".alan_pager").find("li.active"); + var $next_page = $(".alan_pager").find("li.active").next(); + var ppr = $next_page.data('ppr') + var $lasttr = this.$target.find(".o_wsale_products_grid_table_wrapper").find("tbody tr:last").find('td') + if ($lasttr.length < ppr){ + this.$target.find(".o_wsale_products_grid_table_wrapper").find("tbody tr:last").remove() + } + this.$target.find(".o_wsale_products_grid_table_wrapper").find("tbody").append(this.next_products); + $active_page.removeClass('active'); + $next_page.addClass('active'); + } + this.InitLoadProducts(); + this.trigger_up('widgets_start_request', { + $target:$('.as_offer_timer') + }); + this.trigger_up('widgets_start_request', { + $target:$('.as_quick_view'), + }); + this.trigger_up('widgets_start_request', { + $target:$('.o_wsale_product_grid_wrapper'), + }); + this.trigger_up('widgets_start_request', { + $target:$('.as_similar_product'), + }); + }, + start:function(){ + this.InitLoadProducts(); + + } +}); +publicWidget.registry.AjaxProductLoad = AjaxProductLoad; +// Load More <--------------------------------- + +// Attribute Search >--------------------------------- +publicWidget.registry.WebsiteSale.include({ + _onChangeAttribute: function (ev) { + if (!ev.isDefaultPrevented() && !$(ev.target).hasClass('as_filter_search')) { + ev.preventDefault(); + const productGrid = this.el.querySelector(".o_wsale_products_grid_table_wrapper"); + if (productGrid) { + productGrid.classList.add("opacity-50"); + } + $(ev.currentTarget).closest("form").submit(); + } + }, +}); + +export const AttributeSearch = publicWidget.Widget.extend({ + selector:'.as_filter_search', + events:{ + 'keyup':'_search_attribute' + }, + _search_attribute(ev){ + let curr_val = this.$target.val().toLowerCase(); + let $attrs = $(ev.target).parents(".accordion-item").find("label.form-check-label"); + let $color = $(ev.target).parents(".accordion-item").find("label.css_attribute_color"); + let $brands = $(ev.target).parents(".accordion-item").find("label.as_brand_attr_image"); + + if($attrs.length > 0){ + for (const iter of $attrs) { + let attr = $(iter).text().toLowerCase(); + if(!attr.includes(curr_val)){ + $(iter).parent('.form-check').addClass("d-none") + }else{ + $(iter).parent('.form-check').removeClass("d-none") + } + } + } + if ($color.length > 0){ + for (const iter of $color) { + let attr = $(iter).find("input").attr("title").toLowerCase(); + if(!attr.includes(curr_val)){ + $(iter).addClass("d-none") + }else{ + $(iter).removeClass("d-none") + } + } + } + if ($brands.length > 0){ + for (const iter of $brands) { + let attr = $(iter).attr('data-name').toLowerCase(); + if(!attr.includes(curr_val)){ + $(iter).addClass("d-none") + }else{ + $(iter).removeClass("d-none") + } + } + } + } +}) +publicWidget.registry.AttributeSearch = AttributeSearch; +// Attribute Search <--------------------------------- + +// Offer Timer >--------------------------------- +export const OfferTimer = publicWidget.Widget.extend({ + selector: ".as_offer_timer", + + disabledInEditableMode: false, + start:function(){ + if(this.$target.attr("data-offer") != undefined && this.$target.attr("data-offer") != 'false'){ + var self = this; + var asOfferTimer; + var offerTimer = function(){ + if(!self.editableMode){ + var offerTime = deserializeDateTime(self.$target.attr("data-offer")); + var currentTime = DateTime.now(); + var duration = offerTime.ts - currentTime.ts + if(duration < 0){ + clearInterval(asOfferTimer); + self.$target.empty(); + } + else{ + var days = Math.floor(duration / (1000 * 60 * 60 * 24)); + var hours = Math.floor((duration / (1000 * 60 * 60)) % 24) + var minutes = Math.floor((duration / 1000 / 60) % 60) + var seconds = Math.floor((duration / 1000) % 60) + days = days < 10 ? "0" + days : days; + hours = hours < 10 ? "0" + hours : hours; + minutes = minutes < 10 ? "0" + minutes : minutes; + seconds = seconds < 10 ? "0" + seconds : seconds; + self.$target.removeClass("d-none"); + self.$target.empty().html("
    \ +
  • \ + \ + Days\ +
    • \ +
  • \ + \ + Hours\ +
    • \ +
  • \ + \ + Minutes\ +
    • \ +
  • \ + \ + Seconds\ +
    • \ +
"); + } + }else{ + let timer_info = sessionStorage.getItem("as_timer_ids"); + if(timer_info != undefined){ + let timer_ids = JSON.parse(timer_info) + for (const time_id of timer_ids) { + clearInterval(time_id); + } + } + self.$target.empty(); + } + } + offerTimer(); + asOfferTimer = setInterval(function () { offerTimer() }, 1000); + let get_timer_info = sessionStorage.getItem("as_timer_ids"); + var get_timer_ids = []; + if(get_timer_info != undefined){ + get_timer_ids = JSON.parse(get_timer_info); + } + if(get_timer_ids.indexOf(asOfferTimer) == -1){ + get_timer_ids.push(asOfferTimer) + sessionStorage.setItem("as_timer_ids", JSON.stringify(get_timer_ids)) + } + } + } +}); +publicWidget.registry.OfferTimer = OfferTimer; +// Offer Timer <--------------------------------- + +// Shop Rating >--------------------------------- +// export const ShopRating = publicWidget.Widget.extend({ +// selector: '.as_product_rating', +// disabledInEditableMode: false, +// events:{ +// 'mouseenter ':'_show_ratings_info', +// 'mouseleave ':'_show_default_rating', +// }, +// _show_ratings_info:function() +// { +// if(this.$target.find('#rating_reviews').val()){ +// var ratings_reviews_info = "
"+ this.$target.find('#rating_reviews').val() +" Reviews
"; +// this.$target.popover({ +// html: true, +// container: 'body', +// content:ratings_reviews_info, +// }).popover('show'); +// } +// }, +// _show_default_rating:function() +// { +// this.$target.popover('dispose'); +// }, +// }) +// publicWidget.registry.ShopRating = ShopRating; +// Shop Rating <--------------------------------- + +// Clear Filter >--------------------------------- +export const AlanClearFilter = publicWidget.Widget.extend({ + selector:".o_wsale_products_page", + events:{ + 'click .as-clear-filter':'_clearFilter', + }, + _clearFilter:function(ev){ + const fieldName = $(ev.currentTarget).data("name"); + const fieldValue = $(ev.currentTarget).data("value"); + const $filterForm = this.$target.find("form.js_attributes"); + const $input = $filterForm.find('input[name="'+fieldName+'"][value="' + fieldValue + '"]'); + if($input.length == 0){ + const $option = $filterForm.find('option[value=' + fieldValue + ']'); + $option.closest('select').val('').trigger("change"); + } + $input.prop('checked', false); + $input.trigger("change"); + }, + start: function () { + new Swiper(".as_wsale_filmstip", { + slidesPerView: "auto", + spaceBetween: 10, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + }); + return this._super.apply(this, arguments); + }, +}); +publicWidget.registry.alanClearFilter = AlanClearFilter; +// Clear Filter <--------------------------------- + +// Mini Cart >--------------------------------- +const AlanMiniCartProduct = Dialog.extend({ + events:({ + 'click .as_close': 'close', + 'click a.js_add_cart_json':'_onUpdateQty', + 'change input.js_quantity[data-product-id]': '_onChangeQty', + 'click .js_delete_product':'_onClickRemoveProduct', + 'click .as_clr_cart':'_asClearCart', + 'click a.js_add_suggested_products': '_onClickSuggestedProduct', + }), + init(ele, otps) { + this._super(ele, { + backdrop: true, + size: 'extra-large', + technical: false, + renderHeader: false, + renderFooter: false, + }); + this.rpc = this.bindService("rpc"); + this._changeCartQuantity = debounce(this._changeCartQuantity.bind(this), 500); + }, + willStart: async function () { + var template = this.rpc('/get_mini_cart', { }); + return Promise.all([this._super(...arguments), template]).then((response) => { + this.$content = $(response[1]['as_mini_cart']); + this.$modal.addClass("as-mini-cart-modal"); + }); + }, + _onUpdateQty: function(ev){ + VariantMixin.onClickAddCartJSON(ev); + }, + _changeCartQuantity: function ($input, value, $dom_optional, line_id, productIDs,productList, target) { + $input.data('update_change', true); + this.rpc("/shop/cart/update_json", { + line_id: line_id, + product_id: parseInt($input.data('product-id'), 10), + set_qty: value, + display: true, + }).then((data) => { + $input.data('update_change', false); + if (!data.cart_quantity) { + $(target).parents().find(('.js_delete_product')).trigger('click'); + } + else{ + $input.val(data.quantity); + $('.js_quantity[data-line-id='+line_id+']').val(data.quantity).text(data.quantity); + this.$el.find(".as-qty").empty().append(data.cart_quantity); + this.alanUpdateCartNavBar(data); + } + }); + }, + _onChangeQty: function (ev){ + var $input = $(ev.currentTarget); + if ($input.data('update_change')) { + return; + } + var value = parseInt($input.val() || 0, 10); + var $dom = $input.closest('tr'); + var $dom_optional = $dom.nextUntil(':not(.optional_product.info)'); + var line_id = parseInt($input.data('line-id'), 10); + var productIDs = [parseInt($input.data('product-id'), 10)]; + var productList = $(ev.currentTarget).data('productList') + if(productList && productList.includes(Number($(ev.currentTarget).data('productId')))){ + var line_class = '.sale_line_' + Number($(ev.currentTarget).data('productId')) + $(line_class).val(Number($(line_class).val())+1).trigger('change') + } + else{ + this._changeCartQuantity($input, value, $dom_optional, line_id, productIDs,productList, ev.currentTarget); + } + }, + _onClickRemoveProduct: function (ev) { + ev.preventDefault(); + if($('.as-mini-cart-products').find('li.as-mc-media').length == 1){ + this._asClearCart(); + } + else{ + $(ev.currentTarget).siblings().find('.js_quantity').val(0).trigger("change"); + } + }, + _asClearCart:function(){ + this.rpc('/as_clear_cart',{}).then((response) => { + $(".cart_body").replaceWith(response['empty_mini_cart']); + }); + this.$el.find(".as-qty").empty().append(0); + $(".my_cart_quantity").text("0") + $(".as_clr_cart").remove() + }, + + alanUpdateCartNavBar(data) { + sessionStorage.setItem('website_sale_cart_quantity', data.cart_quantity); + $(".my_cart_quantity") + .parents('li.o_wsale_my_cart').removeClass('d-none').end().toggleClass('d-none', data.cart_quantity === 0) + .addClass('o_mycart_zoom_animation').delay(300) + .queue(function () { + $(this) + .attr('title', data.warning) + .text(data.cart_quantity || '') + .removeClass('o_mycart_zoom_animation') + .dequeue(); + }); + $("#cart_total").replaceWith(data['website_sale.total']); + this.rpc('/get_mini_cart', {}).then((response) => { + $(".as-mini-main-cart").replaceWith(response['as_mini_cart_lines']); + }); + if (data.cart_ready) { + document.querySelector("a[name='website_sale_main_button']")?.classList.remove('disabled'); + } else { + document.querySelector("a[name='website_sale_main_button']")?.classList.add('disabled'); + } + }, + _onClickSuggestedProduct: function (ev) { + $(ev.currentTarget).prev('input').val(1).trigger('change'); + }, +}) + +export const MiniCart = publicWidget.Widget.extend({ + selector: ".as_mini_cart", + events:{ + 'click':'_show_mini_cart', + }, + _show_mini_cart:function(ev){ + ev.preventDefault(); + new AlanMiniCartProduct(this,{}).open(); + }, +}); +publicWidget.registry.MiniCart = MiniCart; +// Mini Cart <--------------------------------- + +export default { + ShopVariantColor: publicWidget.registry.ShopVariantColor, + SimilarProduct: publicWidget.registry.SimilarProduct, + ScrolltoTop: publicWidget.registry.ScrolltoTop, + MiniCart:publicWidget.registry.MiniCart, + AjaxProductLoad: publicWidget.registry.AjaxProductLoad, + LoginPopup: publicWidget.registry.LoginPopup, + AttributeSearch:publicWidget.registry.AttributeSearch, + OfferTimer: publicWidget.registry.OfferTimer, + QuickView:publicWidget.registry.QuickView, + ShopRating:publicWidget.registry.ShopRating, + AlanClearFilter:publicWidget.registry.alanClearFilter, +}; diff --git a/theme_alan/static/src/js/snippet_config.js b/theme_alan/static/src/js/snippet_config.js new file mode 100644 index 000000000..7ddaeb74b --- /dev/null +++ b/theme_alan/static/src/js/snippet_config.js @@ -0,0 +1,80 @@ +/** @odoo-module **/ + +import { SnippetBuilder } from 'theme_alan.SnippetBuilder'; +import snippetsEditor from "@web_editor/js/editor/snippets.editor"; +import options from "@web_editor/js/editor/snippets.options"; +import Dialog from '@web/legacy/js/core/dialog'; +import { _t } from '@web/core/l10n/translation'; +import { registry } from "@web/core/registry"; + +snippetsEditor.SnippetsMenu.include({ + _onSaveRequest: function (ev) { + let static_snippet_list = ['MegaMenuContent', 'StaticSnippet']; + let $snippet_list = this.$body.find(".as-grid"); + for (let snippet of $snippet_list) { + if(!static_snippet_list.includes($(snippet).attr("data-snippet-name"))){ + $(snippet).empty(); + } + } + this._super.apply(this, arguments); + } +}) + +options.registry.as_snippet_configure = options.Class.extend({ + xmlDependencies: ["/theme_alan/static/src/xml/templates.xml"], + start:function(){ + /** Call configuration method on first time and on click */ + this._super.apply(this, arguments); + this._openSnippetConfigure(); + this.$target.click(() => {this._openSnippetConfigure()}); + }, + _openSnippetConfigure: function (ev) { + /** Fetch snippet detail and open configure dialog */ + if (!this.snippetProcessing) { + var snippet_type = this.$target.attr("data-as-snippet"); + if (snippet_type == undefined) { + if (this.$target.hasClass("as_mega_menu")) { + snippet_type = "as_mega_menu"; + } + } + const snippet_list = registry.category("as_snippet_registry").get(snippet_type); + const is_static = this.$target.hasClass("as_static_menu"); + if (!is_static) { + if (snippet_type == "as_mega_menu") { + let data = { 'title': 'Megamenu Configuration', 'size': 'as-full-screen', 'snippet_list': snippet_list, 'snippet_origin': this } + this.call("dialog", "add", SnippetBuilder, data); + // dialog.mount(this.el); + } else if (snippet_type == "as_dynamic_snippets") { + let data = { 'title': 'Alan Snippet Configuration', 'size': 'as-full-screen', 'snippet_list': snippet_list, 'snippet_origin': this } + this.call("dialog", "add", SnippetBuilder, data); + // dialog.mount(this.el); + } + } + } + }, +}); + +options.registry.hero_builder = options.Class.extend({ + events:{ + 'click .add_slide':'_addSlide', + }, + _addSlide:function(){ + var $container = this.$target.find(".swiper-wrapper"); + let slider = '
\ +
\ +
\ +
\ +
\ +
Spread the holiday sparkle
\ +
With 30%off sitewide!
\ +
\ + Shop Now\ +
\ +
\ +
\ +
\ +
\ +
' + $(slider).appendTo($container); + } +}) diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/alan_static/alan_static.js b/theme_alan/static/src/js/snippets/DynamicSnippets/alan_static/alan_static.js new file mode 100644 index 000000000..15c531492 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/alan_static/alan_static.js @@ -0,0 +1,27 @@ +/** @odoo-module alias=theme_alan.StaticSnippet **/ + +import { registry } from '@web/core/registry'; +import { ContentBuilder } from "theme_alan.ContentBuilder"; + +const { Component, useSubEnv } = owl; + +class StaticSnippet extends Component { + setup(){ + /** Setup Method */ + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + this.props.snippet = "StaticSnippet"; + this.props.active_id = "as_slider"; + this.props.snippet_content = registry.category("as_snippet_registry").get("as_static_snippets"); + + useSubEnv({"StaticSnippets":this}) + } +} + +StaticSnippet.template = 'theme_alan.s_static_snippet_configuration'; +StaticSnippet.components = { ContentBuilder }; + +export default { + StaticSnippet: StaticSnippet, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/alan_static/alan_static.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/alan_static/alan_static.xml new file mode 100644 index 000000000..8c573c090 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/alan_static/alan_static.xml @@ -0,0 +1,12 @@ + + + +
+ +
+ + diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/best_selling/best_selling.js b/theme_alan/static/src/js/snippets/DynamicSnippets/best_selling/best_selling.js new file mode 100644 index 000000000..47c77fcb1 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/best_selling/best_selling.js @@ -0,0 +1,107 @@ +/** @odoo-module alias=theme_alan.BestSellingProduct **/ + +import { useService } from "@web/core/utils/hooks"; +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv, onWillStart } = owl; + +class BestSellingProduct extends Component { + setup(){ + /** Setup Method */ + this._rpc = useService("rpc"); + onWillStart(this._get_best_selling_product) + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "BestSellingProduct" + // Search + this.props.search = "product.template"; + // Quick Search Option + this.props.quick_search = [] + // Only Design and Styles + this.props.only_preview = true; + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_product_slider', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_product_slider', 'as-slider-2'], + ['Slider Style 3','theme_alan.s_product_slider', 'as-slider-3'], + ['Slider Style 4','theme_alan.s_product_slider', 'as-slider-4'], + ['Slider Style 5','theme_alan.s_product_slider', 'as-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_product_grid', 'as-grid-1'], + ['Slider Style 2','theme_alan.s_product_grid', 'as-grid-2'], + ['Slider Style 3','theme_alan.s_product_grid', 'as-grid-3'], + ['Slider Style 4','theme_alan.s_product_grid', 'as-grid-4'], + ['Slider Style 5','theme_alan.s_product_grid', 'as-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // get best sold product + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + }else{ + this.props.design_and_edit = { + 'snippet':'BestSellingProduct', + 'frame_col':this.props.col_size, + 'grid_style':'as-grid-1', + 'slider_style':'as-slider-1', + 'default_stemplate_id':'theme_alan.s_product_slider', + 'default_gtemplate_id':'theme_alan.s_product_grid', + 'template_id':'theme_alan.s_product_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + 'allow_add_to_cart': true, + 'allow_quick_view': true, + 'allow_compare': true, + 'allow_wishlist': false, + 'allow_rating': false, + 'allow_label': false, + 'allow_hover_image': false, + 'allow_stock_info': false, + 'allow_offer_time': false, + 'allow_brand_info': false, + 'allow_color_variant': false, + } + } + + useSubEnv({"BestSellingProduct":this}) + } + async _get_best_selling_product(){ + let details = await this._rpc('/get_quick_record',{'mode':'get_best_sold_product'}) + if(details.length != 0){ + this._assign_data(details) + } + } + _assign_data(data){ + this.props.init_record_ids = [] + for (var i = 0; i < data.length; i++) { + this.props.init_record_ids.push(data[i]['id']); + } + } +} + +BestSellingProduct.template = 'theme_alan.s_best_selling_configuration'; +BestSellingProduct.components = { SelectData }; + +export default { + BestSellingProduct: BestSellingProduct, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/best_selling/best_selling.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/best_selling/best_selling.xml new file mode 100644 index 000000000..65a10bb27 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/best_selling/best_selling.xml @@ -0,0 +1,18 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/blog_slider/blog_slider.js b/theme_alan/static/src/js/snippets/DynamicSnippets/blog_slider/blog_slider.js new file mode 100644 index 000000000..037745734 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/blog_slider/blog_slider.js @@ -0,0 +1,81 @@ +/** @odoo-module alias=theme_alan.BlogSlider **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class BlogSlider extends Component { + setup(){ + /** Setup Method */ + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "BlogSlider" + // Search + this.props.search = "blog.post"; + // Quick Search Option + this.props.quick_search = [] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_blog_slider', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_blog_slider', 'as-slider-2'], + ['Slider Style 3','theme_alan.s_blog_slider', 'as-slider-3'], + ['Slider Style 4','theme_alan.s_blog_slider', 'as-slider-4'], + ['Slider Style 5','theme_alan.s_blog_slider', 'as-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_blog_grid', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_blog_grid', 'as-grid-2'], + ['Slider Style 3','theme_alan.s_blog_grid', 'as-grid-3'], + ['Slider Style 4','theme_alan.s_blog_grid', 'as-grid-4'], + ['Slider Style 5','theme_alan.s_blog_grid', 'as-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'BlogSlider', + 'frame_col':this.props.col_size, + 'grid_style':'as-grid-1', + 'slider_style':'as-slider-1', + 'default_stemplate_id':'theme_alan.s_blog_slider', + 'default_gtemplate_id':'theme_alan.s_blog_grid', + 'template_id':'theme_alan.s_blog_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + } + } + + useSubEnv({"BlogSlider":this}) + } +} + +BlogSlider.template = 'theme_alan.s_blog_configuration'; +BlogSlider.components = { SelectData }; + +export default { + BlogSlider: BlogSlider, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/blog_slider/blog_slider.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/blog_slider/blog_slider.xml new file mode 100644 index 000000000..539106575 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/blog_slider/blog_slider.xml @@ -0,0 +1,17 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/brand_product/brand_product.js b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_product/brand_product.js new file mode 100644 index 000000000..af4717de3 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_product/brand_product.js @@ -0,0 +1,93 @@ +/** @odoo-module alias=theme_alan.BrandProduct **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class BrandProduct extends Component { + setup(){ + /** Setup Method */ + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "BrandProduct" + // Search + this.props.search = "as.product.brand"; + // Quick Search Option + this.props.quick_search = [] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_brand_product_slider', 'as-tab-slider-1'], + ['Slider Style 2','theme_alan.s_brand_product_slider', 'as-tab-slider-2'], + ['Slider Style 3','theme_alan.s_brand_product_slider', 'as-tab-slider-3'], + ['Slider Style 4','theme_alan.s_brand_product_slider', 'as-tab-slider-4'], + ['Slider Style 5','theme_alan.s_brand_product_slider', 'as-tab-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_brand_product_grid', 'as-tab-grid-1'], + ['Slider Style 2','theme_alan.s_brand_product_grid', 'as-tab-grid-2'], + ['Slider Style 3','theme_alan.s_brand_product_grid', 'as-tab-grid-3'], + ['Slider Style 4','theme_alan.s_brand_product_grid', 'as-tab-grid-4'], + ['Slider Style 5','theme_alan.s_brand_product_grid', 'as-tab-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'BrandProduct', + 'frame_col':this.props.col_size, + 'grid_style':'as-tab-grid-1', + 'slider_style':'as-tab-slider-1', + 'default_stemplate_id':'theme_alan.s_brand_product_slider', + 'default_gtemplate_id':'theme_alan.s_brand_product_grid', + 'template_id':'theme_alan.s_brand_product_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + 'tabs':true, + 'allow_add_to_cart': true, + 'allow_quick_view': true, + 'allow_compare': true, + 'allow_wishlist': false, + 'allow_rating': false, + 'allow_label': false, + 'allow_hover_image': false, + 'allow_stock_info': false, + 'allow_offer_time': false, + 'allow_brand_info': false, + 'allow_color_variant': false, + } + } + + useSubEnv({"BrandProduct":this}) + } +} + +BrandProduct.template = 'theme_alan.s_brand_product_configuration'; +BrandProduct.components = { SelectData }; + +export default { + BrandProduct: BrandProduct, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/brand_product/brand_product.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_product/brand_product.xml new file mode 100644 index 000000000..d08a4c564 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_product/brand_product.xml @@ -0,0 +1,16 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/brand_slider/brand_slider.js b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_slider/brand_slider.js new file mode 100644 index 000000000..ebf93dd07 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_slider/brand_slider.js @@ -0,0 +1,81 @@ +/** @odoo-module alias=theme_alan.BrandSlider **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class BrandSlider extends Component { + setup(){ + /** Setup Method */ + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "BrandSlider" + // Search + this.props.search = "as.product.brand"; + // Quick Search Option + this.props.quick_search = [] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_brand_slider', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_brand_slider', 'as-slider-2'], + ['Slider Style 3','theme_alan.s_brand_slider', 'as-slider-3'], + ['Slider Style 4','theme_alan.s_brand_slider', 'as-slider-4'], + ['Slider Style 5','theme_alan.s_brand_slider', 'as-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_brand_grid', 'as-grid-1'], + ['Slider Style 2','theme_alan.s_brand_grid', 'as-grid-2'], + ['Slider Style 3','theme_alan.s_brand_grid', 'as-grid-3'], + ['Slider Style 4','theme_alan.s_brand_grid', 'as-grid-4'], + ['Slider Style 5','theme_alan.s_brand_grid', 'as-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'BrandSlider', + 'frame_col':this.props.col_size, + 'grid_style':'as-grid-1', + 'slider_style':'as-slider-1', + 'default_stemplate_id':'theme_alan.s_brand_slider', + 'default_gtemplate_id':'theme_alan.s_brand_grid', + 'template_id':'theme_alan.s_brand_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + 'allow_link':true, + } + } + + useSubEnv({"BrandSlider":this}) + } +} + +BrandSlider.template = 'theme_alan.s_brand_configuration'; +BrandSlider.components = { SelectData }; + +export default { + BrandSlider: BrandSlider, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/brand_slider/brand_slider.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_slider/brand_slider.xml new file mode 100644 index 000000000..f93cf86f5 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/brand_slider/brand_slider.xml @@ -0,0 +1,17 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/category_product/category_product.js b/theme_alan/static/src/js/snippets/DynamicSnippets/category_product/category_product.js new file mode 100644 index 000000000..4a4fc1e54 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/category_product/category_product.js @@ -0,0 +1,93 @@ +/** @odoo-module alias=theme_alan.CategoryProduct **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class CategoryProduct extends Component { + setup(){ + /** Setup Method */ + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "CategoryProduct" + // Search + this.props.search = "product.public.category"; + // Quick Search Option + this.props.quick_search = [] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_category_product_slider', 'as-tab-slider-1'], + ['Slider Style 2','theme_alan.s_category_product_slider', 'as-tab-slider-2'], + ['Slider Style 3','theme_alan.s_category_product_slider', 'as-tab-slider-3'], + ['Slider Style 4','theme_alan.s_category_product_slider', 'as-tab-slider-4'], + ['Slider Style 5','theme_alan.s_category_product_slider', 'as-tab-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_category_product_grid', 'as-tab-grid-1'], + ['Slider Style 2','theme_alan.s_category_product_grid', 'as-tab-grid-2'], + ['Slider Style 3','theme_alan.s_category_product_grid', 'as-tab-grid-3'], + ['Slider Style 4','theme_alan.s_category_product_grid', 'as-tab-grid-4'], + ['Slider Style 5','theme_alan.s_category_product_grid', 'as-tab-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'CategoryProduct', + 'frame_col':this.props.col_size, + 'grid_style':'as-tab-grid-1', + 'slider_style':'as-tab-slider-1', + 'default_stemplate_id':'theme_alan.s_category_product_slider', + 'default_gtemplate_id':'theme_alan.s_category_product_grid', + 'template_id':'theme_alan.s_category_product_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + 'tabs':true, + 'allow_add_to_cart': true, + 'allow_quick_view': true, + 'allow_compare': true, + 'allow_wishlist': false, + 'allow_rating': false, + 'allow_label': false, + 'allow_hover_image': false, + 'allow_stock_info': false, + 'allow_offer_time': false, + 'allow_brand_info': false, + 'allow_color_variant': false, + } + } + + useSubEnv({"CategoryProduct":this}) + } +} + +CategoryProduct.template = 'theme_alan.s_category_product_configuration'; +CategoryProduct.components = { SelectData }; + +export default { + CategoryProduct: CategoryProduct, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/category_product/category_product.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/category_product/category_product.xml new file mode 100644 index 000000000..156c34a0a --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/category_product/category_product.xml @@ -0,0 +1,17 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/category_slider/category_slider.js b/theme_alan/static/src/js/snippets/DynamicSnippets/category_slider/category_slider.js new file mode 100644 index 000000000..f2cfff05b --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/category_slider/category_slider.js @@ -0,0 +1,80 @@ +/** @odoo-module alias=theme_alan.CategorySlider **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class CategorySlider extends Component { + setup(){ + /** Setup Method */ + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "CategorySlider" + // Search + this.props.search = "product.public.category"; + // Quick Search Option + this.props.quick_search = [] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_category_slider', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_category_slider', 'as-slider-2'], + ['Slider Style 3','theme_alan.s_category_slider', 'as-slider-3'], + ['Slider Style 4','theme_alan.s_category_slider', 'as-slider-4'], + ['Slider Style 5','theme_alan.s_category_slider', 'as-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_category_grid', 'as-grid-1'], + ['Slider Style 2','theme_alan.s_category_grid', 'as-grid-2'], + ['Slider Style 3','theme_alan.s_category_grid', 'as-grid-3'], + ['Slider Style 4','theme_alan.s_category_grid', 'as-grid-4'], + ['Slider Style 5','theme_alan.s_category_grid', 'as-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'CategorySlider', + 'frame_col':this.props.col_size, + 'grid_style':'as-grid-1', + 'slider_style':'as-slider-1', + 'default_stemplate_id':'theme_alan.s_category_slider', + 'default_gtemplate_id':'theme_alan.s_category_grid', + 'template_id':'theme_alan.s_category_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + } + } + + useSubEnv({"CategorySlider":this}) + } +} + +CategorySlider.template = 'theme_alan.s_category_configuration'; +CategorySlider.components = { SelectData }; + +export default { + CategorySlider: CategorySlider, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/category_slider/category_slider.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/category_slider/category_slider.xml new file mode 100644 index 000000000..4dbfcfa1a --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/category_slider/category_slider.xml @@ -0,0 +1,16 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/latest_product/latest_product.js b/theme_alan/static/src/js/snippets/DynamicSnippets/latest_product/latest_product.js new file mode 100644 index 000000000..a9553762d --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/latest_product/latest_product.js @@ -0,0 +1,107 @@ +/** @odoo-module alias=theme_alan.LatestProduct **/ + +import { useService } from "@web/core/utils/hooks"; +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv, onWillStart } = owl; + +class LatestProduct extends Component { + setup(){ + /** Setup Method */ + this._rpc = useService("rpc"); + onWillStart(this._get_latest_product) + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "LatestProduct" + // Search + this.props.search = "product.template"; + // Quick Search Option + this.props.quick_search = [] + // Only Design and Styles + this.props.only_preview = true; + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_product_slider', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_product_slider', 'as-slider-2'], + ['Slider Style 3','theme_alan.s_product_slider', 'as-slider-3'], + ['Slider Style 4','theme_alan.s_product_slider', 'as-slider-4'], + ['Slider Style 5','theme_alan.s_product_slider', 'as-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_product_grid', 'as-grid-1'], + ['Slider Style 2','theme_alan.s_product_grid', 'as-grid-2'], + ['Slider Style 3','theme_alan.s_product_grid', 'as-grid-3'], + ['Slider Style 4','theme_alan.s_product_grid', 'as-grid-4'], + ['Slider Style 5','theme_alan.s_product_grid', 'as-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // get best sold product + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + }else{ + this.props.design_and_edit = { + 'snippet':'LatestProduct', + 'frame_col':this.props.col_size, + 'grid_style':'as-grid-1', + 'slider_style':'as-slider-1', + 'default_stemplate_id':'theme_alan.s_product_slider', + 'default_gtemplate_id':'theme_alan.s_product_grid', + 'template_id':'theme_alan.s_product_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + 'allow_add_to_cart': true, + 'allow_quick_view': true, + 'allow_compare': true, + 'allow_wishlist': false, + 'allow_rating': false, + 'allow_label': false, + 'allow_hover_image': false, + 'allow_stock_info': false, + 'allow_offer_time': false, + 'allow_brand_info': false, + 'allow_color_variant': false, + } + } + + useSubEnv({"LatestProduct":this}) + } + async _get_latest_product(){ + let details = await this._rpc('/get_quick_record',{'mode':'get_latest_product'}) + if(details.length != 0){ + this._assign_data(details) + } + } + _assign_data(data){ + this.props.init_record_ids = [] + for (var i = 0; i < data.length; i++) { + this.props.init_record_ids.push(data[i]['id']); + } + } +} + +LatestProduct.template = 'theme_alan.s_latest_product_configuration'; +LatestProduct.components = { SelectData }; + +export default { + LatestProduct: LatestProduct, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/latest_product/latest_product.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/latest_product/latest_product.xml new file mode 100644 index 000000000..3870919fc --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/latest_product/latest_product.xml @@ -0,0 +1,17 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/product_banner/product_banner.js b/theme_alan/static/src/js/snippets/DynamicSnippets/product_banner/product_banner.js new file mode 100644 index 000000000..9b657adb6 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/product_banner/product_banner.js @@ -0,0 +1,89 @@ +/** @odoo-module alias=theme_alan.ProductBanner **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class ProductBanner extends Component { + setup(){ + /** Setup Method */ + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "ProductBanner" + // Search + this.props.search = "product.template"; + // Quick Search Option + this.props.quick_search = ['newest','top_rated','best_seller'] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_product_banner_slider', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_product_banner_slider', 'as-slider-2'], + ['Slider Style 3','theme_alan.s_product_banner_slider', 'as-slider-3'], + ] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_product_banner_grid', 'as-grid-1'], + ['Slider Style 2','theme_alan.s_product_banner_grid', 'as-grid-2'], + ['Slider Style 3','theme_alan.s_product_banner_grid', 'as-grid-3'], + ] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'ProductBanner', + 'frame_col':this.props.col_size, + 'grid_style':'as-grid-1', + 'slider_style':'as-slider-1', + 'default_stemplate_id':'theme_alan.s_product_banner_slider', + 'default_gtemplate_id':'theme_alan.s_product_banner_grid', + 'template_id':'theme_alan.s_product_banner_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 1, + 'default_col_mob': 1, + 'pagination':'none', + 'allow_add_to_cart': true, + 'allow_quick_view': true, + 'allow_compare': true, + 'allow_wishlist': false, + 'allow_rating': false, + 'allow_label': false, + 'allow_hover_image': false, + 'allow_stock_info': false, + 'allow_offer_time': false, + 'allow_brand_info': false, + 'allow_color_variant': false, + } + } + useSubEnv({"ProductBanner":this}); + } +} + +ProductBanner.template = 'theme_alan.s_product_banner_configuration'; +ProductBanner.components = { SelectData }; + +export default { + ProductBanner: ProductBanner, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/product_banner/product_banner.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/product_banner/product_banner.xml new file mode 100644 index 000000000..9b09d40ba --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/product_banner/product_banner.xml @@ -0,0 +1,17 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/product_slider/s_product_slider.js b/theme_alan/static/src/js/snippets/DynamicSnippets/product_slider/s_product_slider.js new file mode 100644 index 000000000..31df07005 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/product_slider/s_product_slider.js @@ -0,0 +1,92 @@ +/** @odoo-module alias=theme_alan.ProductSlider **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class ProductSlider extends Component { + setup(){ + /** Setup Method */ + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "ProductSlider" + // Search + this.props.search = "product.template"; + // Quick Search Option + this.props.quick_search = ['newest','top_rated','best_seller'] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.s_product_slider', 'as-slider-1'], + ['Slider Style 2','theme_alan.s_product_slider', 'as-slider-2'], + ['Slider Style 3','theme_alan.s_product_slider', 'as-slider-3'], + ['Slider Style 4','theme_alan.s_product_slider', 'as-slider-4'], + ['Slider Style 5','theme_alan.s_product_slider', 'as-slider-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.s_product_grid', 'as-grid-1'], + ['Slider Style 2','theme_alan.s_product_grid', 'as-grid-2'], + ['Slider Style 3','theme_alan.s_product_grid', 'as-grid-3'], + ['Slider Style 4','theme_alan.s_product_grid', 'as-grid-4'], + ['Slider Style 5','theme_alan.s_product_grid', 'as-grid-5']] + + // Pagination Style + this.props.pagination = [ + ['none', 'None'], + ['simple', 'Simple'], + ['dynamic', 'Dynamic'], + ['progress_bar', 'Progress Bar'], + ['fraction', 'Fraction'], + ['scroll_bar', 'Scrollbar'], + ['coverflow', 'Coverflow'], + ['cards', 'Cards'], + ] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'ProductSlider', + 'frame_col':this.props.col_size, + 'grid_style':'as-grid-1', + 'slider_style':'as-slider-1', + 'default_stemplate_id':'theme_alan.s_product_slider', + 'default_gtemplate_id':'theme_alan.s_product_grid', + 'template_id':'theme_alan.s_product_slider', + 'view':'slider', + 'loop':true, + 'auto_slider':true, + 'slider_time': 3, + 'default_col_desk': 4, + 'default_col_mob': 2, + 'pagination':'none', + 'allow_add_to_cart': true, + 'allow_quick_view': true, + 'allow_compare': true, + 'allow_wishlist': false, + 'allow_rating': false, + 'allow_label': false, + 'allow_hover_image': false, + 'allow_stock_info': false, + 'allow_offer_time': false, + 'allow_brand_info': false, + 'allow_color_variant': false, + + } + } + + useSubEnv({"ProductSlider":this}) + } +} + +ProductSlider.template = 'theme_alan.s_product_configuration'; +ProductSlider.components = { SelectData }; + +export default { + ProductSlider: ProductSlider, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/DynamicSnippets/product_slider/s_product_slider.xml b/theme_alan/static/src/js/snippets/DynamicSnippets/product_slider/s_product_slider.xml new file mode 100644 index 000000000..cb3cf4935 --- /dev/null +++ b/theme_alan/static/src/js/snippets/DynamicSnippets/product_slider/s_product_slider.xml @@ -0,0 +1,16 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/Hotspot/000.js b/theme_alan/static/src/js/snippets/Hotspot/000.js new file mode 100644 index 000000000..6e0d46bb6 --- /dev/null +++ b/theme_alan/static/src/js/snippets/Hotspot/000.js @@ -0,0 +1,106 @@ +/** @odoo-module **/ + +import publicWidget from "@web/legacy/js/public/public_widget"; +import { renderToElement } from "@web/core/utils/render"; +import Dialog from '@web/legacy/js/core/dialog'; + +export const ImgHotSpot = publicWidget.Widget.extend({ + selector:'.hotspot', + init: function () { + this._super.apply(this, arguments); + this.rpc = this.bindService("rpc"); + }, + + start:function(ev){ + var self = this; + if(this.$target.find(".hs_icon").hasClass("dynamic_type")){ + if(this.$target.find(".hs_icon").attr("data-dy_type") == "popover"){ + let prod_tmpl_id = this.$target.find(".hs_icon").attr("data-product_tmpl_id"); + var pop_style = this.$target.find(".hs_icon").attr('data-po_style') == undefined ? '' :this.$target.find(".hs_icon").attr('data-po_style'); + if(prod_tmpl_id && pop_style){ + this.rpc('/get_hotspot_product',{'product_tmpl_id':prod_tmpl_id, 'style':pop_style}).then((res)=>{ + self._showPopover(res['template']); + }) + } + } + else if(this.$target.find(".hs_icon").attr("data-dy_type") == "modal"){ + this.$target.find(".hs_icon").addClass("as_quick_view"); + this.trigger_up('widgets_start_request', { + $target: $('.as_quick_view'), + }); + } + }else if(this.$target.find(".hs_icon").hasClass("static_type")){ + var title = this.$target.find(".hs_icon").attr('data-po_title') == undefined ? '':this.$target.find(".hs_icon").attr('data-po_title'); + var description = this.$target.find(".hs_icon").attr('data-po_desc') == undefined ? '':this.$target.find(".hs_icon").attr('data-po_desc'); + var btn_txt = this.$target.find(".hs_icon").attr('data-po_btxt') == undefined ? '':this.$target.find(".hs_icon").attr('data-po_btxt'); + + var language = document.getElementsByTagName("html")[0].getAttribute("lang"); + var activeLang = language.replace(/-/g, "_"); + + var data_lang = 'data-lang-' + var activeLanguage = data_lang.concat("",activeLang); + if(this.$target.find(".hs_icon").attr(activeLanguage)){ + title = this.$target.find(".hs_icon").attr(activeLanguage) == undefined ? '':this.$target.find(".hs_icon").attr(activeLanguage); + } + + var data_descr_lang = 'data-description-lang-' + var activeLanguageDescription = data_descr_lang.concat("",activeLang); + if(this.$target.find(".hs_icon").attr(activeLanguageDescription)){ + description = this.$target.find(".hs_icon").attr(activeLanguageDescription) == undefined ? '':this.$target.find(".hs_icon").attr(activeLanguageDescription); + } + + var data_btn_lang = 'data-btn-lang-' + var activeLanguageBtn = data_btn_lang.concat("",activeLang); + if(this.$target.find(".hs_icon").attr(activeLanguageBtn)){ + btn_txt = this.$target.find(".hs_icon").attr(activeLanguageBtn) == undefined ? '':this.$target.find(".hs_icon").attr(activeLanguageBtn); + } + + var btn_url = this.$target.find(".hs_icon").attr('data-po_bturl') == undefined ? '':this.$target.find(".hs_icon").attr('data-po_bturl'); + var img_url = this.$target.find(".hs_icon").attr('data-po_imgurl') == undefined ? '' :this.$target.find(".hs_icon").attr('data-po_imgurl'); + var pop_thm = this.$target.find(".hs_icon").attr('data-po_theme') == undefined ? '' :this.$target.find(".hs_icon").attr('data-po_theme'); + var pop_style = this.$target.find(".hs_icon").attr('data-po_style') == undefined ? '' :this.$target.find(".hs_icon").attr('data-po_style'); + var context = { 'title':title,'description':description,'btn_txt':btn_txt, + 'btn_url':btn_url,'img_url':img_url,'pop_thm':pop_thm, 'pop_style':pop_style } + if(this.$target.find(".hs_icon").attr("data-st_type") == "popover"){ + let template = $(renderToElement("theme_alan.s_static_hotspot_popover", {data:context})) + this._showPopover(template); + } + else if(this.$target.find(".hs_icon").attr("data-st_type") == "modal"){ + this.$target.find(".hs_icon").on("click",function(){ + new Dialog(this, { + $content:$(renderToElement("theme_alan.s_static_hotspot_popover", {data:context})), + renderHeader: false, + renderFooter: false, + backdrop: true, + }).open(); + }) + } + } + }, + _showPopover(template){ + var self = this; + this.$target.find(".hs_icon").popover({ + html: true, + container: 'body', + trigger : 'manual', + content: $(template), + }).on("mouseenter", function () { + $(this).popover("show"); + $(".popover").on("mouseleave", function () { + self.$target.find(".hs_icon").popover('hide'); + }).addClass("as-popover"); + }).on("mouseleave", function () { + setTimeout(function () { + if (!$(".popover:hover").length) { + self.$target.find(".hs_icon").popover('hide'); + } + }, 100); + }); + + } +}) +publicWidget.registry.ImgHotSpot = ImgHotSpot; + +export default { + ImgHotSpot: publicWidget.registry.ImgHotSpot, +}; diff --git a/theme_alan/static/src/js/snippets/Hotspot/options.js b/theme_alan/static/src/js/snippets/Hotspot/options.js new file mode 100644 index 000000000..ebdad14ba --- /dev/null +++ b/theme_alan/static/src/js/snippets/Hotspot/options.js @@ -0,0 +1,256 @@ +/** @odoo-module **/ + +import options from "@web_editor/js/editor/snippets.options"; +import { MediaDialog } from '@web_editor/components/media_dialog/media_dialog'; +import { renderToElement } from "@web/core/utils/render"; +import Dialog from '@web/legacy/js/core/dialog'; +import { loadLanguages,_t } from "@web/core/l10n/translation"; + +var popoverShow = false; + +options.SnippetOptionWidget.include({ + events: { + 'click .add_img_hotspot':'_addHotSpotIcon', + }, + _addHotSpotIcon:function(){ + var $block = '
\ +

\ + \ + icon\ + \ +

\ +
'; + if(!this.$target.parent().hasClass("hs_container")){ + this.$target.wrap("
"); + } + this.$target.after($block); + this.$target.parent().find('.as_img_icon').trigger('click').removeClass('as_img_icon'); + } +}); +const AlanWebsiteTranslation = Dialog.extend({ + willStart: function () { + var self = this; + return this._super.apply(this, arguments).then(function () { + switch (self.size) { + case 'extra-large': + self.$modal.find('.modal-dialog').addClass('modal-xl'); + break; + } + }); + }, +}) + +options.registry.img_hotspots_slider_actions = options.Class.extend({ + events:{ + 'click we-button.add_preview':'_showPreview', + 'change we-range.pos_left':'_setPositionLeft', + 'change we-range.pos_top':'_setPositionRight', + 'click we-select.hs_types':'_setHotspotType', + 'click we-button.add_product':'_setProduct', + 'click .imagebox':'_setImage', + 'click .style_icon':'_setIcon', + 'click .as_hotspot_translation':'_set_hotspot_translation', + }, + start:function(){ + var leftPanelEl = this.$overlay.data('$optionsSection')[0]; + var titleTextEl = leftPanelEl.querySelector('we-title > span'); + $(titleTextEl).text('Hotspot'); + }, + init: function () { + this._super.apply(this, arguments); + this.rpc = this.bindService("rpc"); + }, + _set_hotspot_translation : async function(ev){ + var cr = this; + var key_data = $(ev.currentTarget).attr("data-key") + var attributesDictionary = {}; + var attributes = this.$target[0].attributes; + var attributePrefix = ''; + var defaultDataAttr = ''; + switch (key_data) { + case "title_translation": + attributePrefix = 'data-lang-'; + defaultDataAttr = 'data-po_title'; + break; + case "desc_translation": + attributePrefix = 'data-description-lang-'; + defaultDataAttr = 'data-po_desc'; + break; + case "btn_translation": + attributePrefix = 'data-btn-lang-'; + defaultDataAttr = 'data-po_btxt'; + break; + default: + return false; + } + for (var i = 0; i < attributes.length; i++) { + var attributeName = attributes[i].name; + if (attributeName.startsWith(attributePrefix)) { + var attributeValue = attributes[i].value; + attributesDictionary[attributeName] = attributeValue; + } + } + let outputArray = []; + for (const key in attributesDictionary) { + outputArray.push([key, attributesDictionary[key]]); + } + var DefaultData = this.$target.attr(defaultDataAttr); + var languages = await loadLanguages(this.orm); + let lowerCaseLanguages = languages.map(innerArray => innerArray.map(item => item.toLowerCase())); + const context = {'lang_code_name': lowerCaseLanguages,'defaultTitle' : DefaultData,'defaultAtt' : outputArray,'key_data' : key_data} + var HotspotTranslation = new AlanWebsiteTranslation(cr, { + size: 'extra-large', + title: 'Hotspot Translation', + $content :$(renderToElement("theme_alan.as_hotspot_tr",{data:context})), + buttons:[{ + text: _t('Add Translation'), + classes: 'btn-primary', + close: true, click: async () => { + var languageData = {}; + $('.o_field_translation_code').each(function(index) { + var codeValue = $(this).attr('value'); + var inputValue = $('.o_field_translation_field').eq(index).val(); + languageData[codeValue] = inputValue; + }); + var key_data = $(ev.currentTarget).attr("data-key") + for (var code in languageData) { + if (languageData.hasOwnProperty(code) && languageData[code] !== '') { + if (key_data == "title_translation") { + this.$target.attr('data-lang-' + code, languageData[code]); + } + else if (key_data == "desc_translation") { + this.$target.attr('data-description-lang-' + code, languageData[code]); + } + else if (key_data == "btn_translation") { + this.$target.attr('data-btn-lang-' + code, languageData[code]); + } + else{ + return false + } + } + } + } + }] + }) + HotspotTranslation.open() + }, + _setPositionLeft:function(ev){ + var posval = $(ev.currentTarget).find("input").val() + "%"; + this.$target.parents(".hotspot").css('left',posval); + }, + _setPositionRight:function(ev){ + var posval = $(ev.currentTarget).find("input").val() + "%"; + this.$target.parents(".hotspot").css('top',posval); + }, + _setIcon:function(evt){ + var get_icon_style = $(evt.currentTarget).attr('data-select-data-attribute'); + this.$target.removeClass('st1 st2 st3').addClass(get_icon_style); + }, + _setImage:function(){ + this.call("dialog", "add", MediaDialog, { + noImages: false, + noDocuments: true, + noVideos: true, + save: image => { + let image_url = $(image).attr("src") + this.$target.attr('data-po_imgurl', image_url); + }, + }); + }, + _procedureData(rec) { + rec.forEach(ele => { ele['text'] = ele['name'] }); + return rec; + }, + _setProduct:function(){ + var self = this; + let dialog = new Dialog(this, { + $content:$(renderToElement("theme_alan.s_hotspot_product_selector",{})), + renderHeader: false, + renderFooter: false, + backdrop: true, + }); + dialog.opened(function(ev){ + let $input = dialog.$el.find("#as_search"); + $input.select2({ + width: "100%", + placeholder:_t("Search Products..."), + multiple: true, + maximumSelectionSize: 1, + dropdownCssClass: 'as-select2-dropdown', + initSelection: function (ele, cbf) { }, + ajax: { + url: "/select/data/fetch", + quietMillis: 100, + dataType: 'json', + data: function (terms) { + return ({ terms:terms, searchIn: JSON.stringify(["product.template"]) }); + }, + results: function (rec) { + return { + results: self._procedureData(rec) + }; + }, + }, + formatResult: function (res) { + return $(renderToElement("theme_alan.select2_fetch_info",{data:res})); + }, + allowClear: true, + }); + if(self.$target.attr('data-product_tmpl_id') != undefined){ + $input.select2('data', {id: self.$target.attr('data-product_tmpl_id'), text: self.$target.attr('data-product-name')}); + } + dialog.$el.find(".as_btn_save").click(function(){ + let select_data = $input.select2('data'); + if(select_data){ + self.$target.attr('data-product_tmpl_id', $input.val()); + self.$target.attr('data-product-name', select_data[0].text); + dialog.close(); + } + }) + }) + dialog.open(); + }, + _showPreview:function(){ + var title = this.$target.attr('data-po_title') == undefined ? '':this.$target.attr('data-po_title'); + var description = this.$target.attr('data-po_desc') == undefined ? '':this.$target.attr('data-po_desc'); + var btn_txt = this.$target.attr('data-po_btxt') == undefined ? '':this.$target.attr('data-po_btxt'); + var btn_url = this.$target.attr('data-po_bturl') == undefined ? '':this.$target.attr('data-po_bturl'); + var img_url = this.$target.attr('data-po_imgurl') == undefined ? '' :this.$target.attr('data-po_imgurl'); + var pop_thm = this.$target.attr('data-po_theme') == undefined ? '' :this.$target.attr('data-po_theme'); + var pop_style = this.$target.attr('data-po_style') == undefined ? '' :this.$target.attr('data-po_style'); + var context = { 'title':title,'description':description,'btn_txt':btn_txt, + 'btn_url':btn_url,'img_url':img_url,'pop_thm':pop_thm, 'pop_style':pop_style } + + if(this.$target.attr("data-st_type") == "popover"){ + if(popoverShow === false){ + this.$target.popover({ + html: true, + container: 'body', + content:$(renderToElement("theme_alan.s_static_hotspot_popover", {data:context})), + }).popover('show'); + popoverShow = true; + } + else{ + this.$target.popover('dispose'); + popoverShow = false; + } + } + else if(this.$target.attr("data-st_type") == "modal"){ + new Dialog(this, { + $content:$(renderToElement("theme_alan.s_static_hotspot_popover", {data:context})), + renderHeader: false, + renderFooter: false, + backdrop: true, + }).open(); + } + }, + _setHotspotType:function(ev){ + this.$target.popover('dispose'); + if(!this.$target.hasClass('dynamic_type')){ + this.$target.removeClass("as_quick_view"); + } + }, + cleanForSave:function(){ + this.$target.popover('dispose'); + }, +}); diff --git a/theme_alan/static/src/js/snippets/Megamenu/brand/m_brand.js b/theme_alan/static/src/js/snippets/Megamenu/brand/m_brand.js new file mode 100644 index 000000000..ac6e0d6a1 --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/brand/m_brand.js @@ -0,0 +1,68 @@ +/** @odoo-module alias=theme_alan.MegaMenuBrand **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class MegaMenuBrand extends Component { + setup(){ + /** Setup Method */ + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "MegaMenuBrand" + // Search + this.props.search = "as.product.brand"; + // Quick Search Option + this.props.quick_search = [] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.m_brand_slider', 'as-mm-brand-snippet-1'], + ['Slider Style 2','theme_alan.m_brand_slider', 'as-mm-brand-snippet-2'], + ['Slider Style 3','theme_alan.m_brand_slider', 'as-mm-brand-snippet-3'], + ['Slider Style 4','theme_alan.m_brand_slider', 'as-mm-brand-snippet-4'], + ['Slider Style 5','theme_alan.m_brand_slider', 'as-mm-brand-snippet-5']] + + // Grid Styles + this.props.grid_styles = [['Grid Style 1','theme_alan.m_brand_grid', 'as-mm-brand-snippet-1'], + ['Grid Style 2','theme_alan.m_brand_grid', 'as-mm-brand-snippet-2'], + ['Grid Style 3','theme_alan.m_brand_grid', 'as-mm-brand-snippet-3'], + ['Grid Style 4','theme_alan.m_brand_grid', 'as-mm-brand-snippet-4'], + ['Grid Style 5','theme_alan.m_brand_grid', 'as-mm-brand-snippet-5']] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'MegaMenuBrand', + 'frame_col':this.props.col_size, + 'active_view':'slider', + 'auto_slider':true, + 'slider_time':4, + 'default_stemplate_id':'theme_alan.m_brand_slider', + 'default_gtemplate_id':'theme_alan.m_brand_grid', + 'template_id':'theme_alan.m_brand_slider', + 'slider_style':'as-mm-brand-snippet-1', + 'grid_style':'as-mm-brand-snippet-1', + 'col_item':4, + 'slider':true, + 'grid':true, + 'allow_link':true, + } + } + + useSubEnv({"MegaMenuBrand":this}) + } +} + +MegaMenuBrand.template = 'theme_alan.m_brand_configuration'; +MegaMenuBrand.components = { SelectData }; + +export default { + MegaMenuBrand: MegaMenuBrand, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/Megamenu/brand/m_brand.xml b/theme_alan/static/src/js/snippets/Megamenu/brand/m_brand.xml new file mode 100644 index 000000000..0a3168134 --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/brand/m_brand.xml @@ -0,0 +1,15 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/Megamenu/category/m_category.js b/theme_alan/static/src/js/snippets/Megamenu/category/m_category.js new file mode 100644 index 000000000..d78bdbc0d --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/category/m_category.js @@ -0,0 +1,200 @@ +/** @odoo-module alias=theme_alan.MegaMenuCategory **/ + +import { Dialog } from "@web/core/dialog/dialog"; +import { alanTemplate } from "theme_alan.mixins"; +import { useService } from "@web/core/utils/hooks"; +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv, onMounted, useState } = owl; + +class SubCategory extends Component { + setup() { + this.title = "Select Category"; + this.footer = false; + this.header = true; + this.search = "product.public.category" + this.props.selected_cat = []; + this.rpc = useService("rpc"); + onMounted(this._select2); + } + + _select2(ev){ + let $input = $(this.__owl__.bdom.refs.modalRef).find("#as_sub_category_search") + let self = this; + $input.select2({ + width: "100%", + tokenSeparators:[","], + multiple: true, + minimumInputLength: 2, + maximumSelectionSize: 100, + dropdownCssClass: 'as-select2-dropdown', + allowClear: true, + ajax: { + url: "/select/data/fetch", + quietMillis: 100, + dataType: 'json', + data: function (terms) { + return ({ terms:terms, searchIn:JSON.stringify([self.search]), parent_category:self.props.parent_id}); + }, + results: function (rec) { + return { + results: self._procedureData(rec) + }; + }, + }, + formatResult: function (res) { + return alanTemplate.getStaticTemplate("theme_alan.select2_fetch_info",res); + }, + }); + // $input.select2('container').find('ul.select2-choices').sortable({ + // containment: 'parent', + // update: function () { $input.select2('onSortEnd'); } + // }); + $input.select2('container').find('ul.select2-choices'); + + this._init_selection($input, this.props.pre_selected_vals) + + } + async _init_selection($input, vals){ + if(vals != "" && vals != undefined){ + let type_ids = vals.split(",") + let details = await this.rpc('/get_records_details',{'record_ids':type_ids, 'model':"product.public.category"}); + for (const cats of details) { + this.props.selected_cat.push({'id':cats['id'],'text':cats['name']}) + } + } + $input.select2('data', this.props.selected_cat) + } + + _procedureData(rec) { + rec.forEach(ele => { ele['text'] = ele['name'] }); + return rec; + } + _selectionDone(ev){ + let $input = $(this.__owl__.bdom.refs.modalRef).find("#as_sub_category_search").val(); + // $(ev.target).attr("data-subcat",$input); + this.props._submit_second_category($input); + this.props.close(); + } +} + +SubCategory.components = { Dialog }; +SubCategory.template = "theme_alan.m_sub_category"; + + +class MegaMenuCategory extends Component { + setup(){ + /** Setup Method */ + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "MegaMenuCategory" + // subcategory records init + this.subCategory = useState({'second_level':[],'second_level_ids':[]}); + // dialog subcategory + this.dialog = useService("dialog"); + this.rpc = useService("rpc"); + // Search + this.props.search = "product.public.category"; + // Quick Search Option + this.props.quick_search = ['top_level','asc_records','desc_records', 'random_records'] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.m_category_slider', 'as-mm-category-slider-1'], + ['Slider Style 2','theme_alan.m_category_slider', 'as-mm-category-slider-2'], + ['Slider Style 3','theme_alan.m_category_slider', 'as-mm-category-slider-3'], + ['Slider Style 4','theme_alan.m_category_slider', 'as-mm-category-slider-4']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.m_category_grid', 'as-mm-category-grid-1'], + ['Slider Style 2','theme_alan.m_category_grid', 'as-mm-category-grid-2'], + ['Slider Style 3','theme_alan.m_category_grid', 'as-mm-category-grid-3'], + ['Slider Style 4','theme_alan.m_category_grid', 'as-mm-category-grid-4'], + ['Slider Style 5','theme_alan.m_category_grid', 'as-mm-category-grid-5']] + + // Design and Edit option + + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids + this.subCategory.second_level_ids = this.env.SnippetBox.props.initData.extra_info + }else{ + this.props.design_and_edit = { + 'snippet':'MegaMenuCategory', + 'frame_col':this.props.col_size, + 'active_view':'slider', + 'auto_slider':true, + 'slider_time':4, + 'default_stemplate_id':'theme_alan.m_category_slider', + 'default_gtemplate_id':'theme_alan.m_category_grid', + 'template_id':'theme_alan.m_category_slider', + 'slider_style':'as-mm-category-slider-1', + 'grid_style':'as-mm-category-grid-1', + 'col_item':4, + 'slider':true, + 'grid':true, + } + } + useSubEnv({"MegaMenuCategory":this}) + } + _subCategory(id, ev, pre_select_cats){ + this.dialog.add(SubCategory, { + parent_id:id, + pre_selected_vals:pre_select_cats, + pre_selected_data:this.subCategory.second_level, + _submit_second_category: async(vals)=>{ + // Set category at button + $(ev.target).attr("data-sub-cat",vals); + // Here we get sub categpry and parent category + if(vals != "" && vals!= undefined){ + let type_ids = vals.split(","); + this._init_sub_cat_data(id, type_ids) + }else{ + this._init_sub_cat_data(id, []) + } + } + }); + } + async _init_sub_cat_data(parent_id, type_ids){ + + let second_level = this.subCategory.second_level; + let second_level_ids = this.subCategory.second_level_ids; + + let sl_info_update = false; + let sl_ids_update = false; + let details = []; + if(type_ids != []){ + details = await this.rpc('/get_records_details',{'record_ids':type_ids, 'model':"product.public.category"}); + } + for (const sl_info of second_level) { + if(parent_id == sl_info['parent']){ + sl_info['childs'] = details; + sl_info_update = true; + } + } + + for (const sl_ids of second_level_ids) { + if(sl_ids['parent'] == parent_id){ + sl_ids['childs'] = type_ids; + sl_ids_update = true; + } + } + + if(!sl_info_update){ + second_level.push({'parent':parent_id,'childs':details}); + } + if(!sl_ids_update){ + second_level_ids.push({'parent':parent_id,'childs':type_ids}); + } + } + +} + +MegaMenuCategory.template = 'theme_alan.m_category_configuration'; +MegaMenuCategory.components = { SelectData , SubCategory}; + + +export default { + MegaMenuCategory: MegaMenuCategory, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/Megamenu/category/m_category.xml b/theme_alan/static/src/js/snippets/Megamenu/category/m_category.xml new file mode 100644 index 000000000..0c6228541 --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/category/m_category.xml @@ -0,0 +1,27 @@ + + + +
+ +
+ + + +
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/Megamenu/content/content.js b/theme_alan/static/src/js/snippets/Megamenu/content/content.js new file mode 100644 index 000000000..9c330dddb --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/content/content.js @@ -0,0 +1,27 @@ +/** @odoo-module alias=theme_alan.MegaMenuContent **/ + +import { registry } from '@web/core/registry'; +import { ContentBuilder } from "theme_alan.ContentBuilder"; + +const { Component, useSubEnv } = owl; + +class MegaMenuContent extends Component { + setup(){ + /** Setup Method */ + + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + this.props.snippet = "MegaMenuContent"; + this.props.active_id = "as_slider"; + this.props.snippet_content =this.props.snippet_content = registry.category("as_snippet_registry").get("as_static_snippets"); + + useSubEnv({"MegaMenuContent":this}) + } +} + +MegaMenuContent.template = 'theme_alan.m_content_configuration'; +MegaMenuContent.components = { ContentBuilder }; + +export default { + MegaMenuContent: MegaMenuContent, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/Megamenu/content/content.xml b/theme_alan/static/src/js/snippets/Megamenu/content/content.xml new file mode 100644 index 000000000..516f4ecdb --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/content/content.xml @@ -0,0 +1,11 @@ + + + +
+ +
+ + diff --git a/theme_alan/static/src/js/snippets/Megamenu/product/m_product.js b/theme_alan/static/src/js/snippets/Megamenu/product/m_product.js new file mode 100644 index 000000000..55ec5ea4c --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/product/m_product.js @@ -0,0 +1,67 @@ +/** @odoo-module alias=theme_alan.MegaMenuProduct **/ + +import { SelectData } from "theme_alan.SelectData"; + +const { Component, useSubEnv } = owl; + +class MegaMenuProduct extends Component { + setup(){ + /** Setup Method */ + // Required to go back + useSubEnv({'SnippetPicker':this.env.SnippetPicker}) + + // Frame Columne Size + this.props.col_size = this.env.SnippetBox.props.col_size; + // Select Config Identifier + this.props.selete_data_config = "MegaMenuProduct" + // Search + this.props.search = "product.template"; + // Quick Search Option + this.props.quick_search = ['newest','top_rated','best_seller'] + + // Slider Styles + this.props.slider_styles = [['Slider Style 1','theme_alan.m_product_slider', 'as-mm-product-snippet-1'], + ['Slider Style 2','theme_alan.m_product_slider', 'as-mm-product-snippet-2'], + ['Slider Style 3','theme_alan.m_product_slider', 'as-mm-product-snippet-3'], + ['Slider Style 4','theme_alan.m_product_slider', 'as-mm-product-snippet-4'], + ['Slider Style 5','theme_alan.m_product_slider', 'as-mm-product-snippet-5']] + + // Grid Styles + this.props.grid_styles = [['Slider Style 1','theme_alan.m_product_grid', 'as-mm-product-snippet-1'], + ['Slider Style 2','theme_alan.m_product_grid', 'as-mm-product-snippet-2'], + ['Slider Style 3','theme_alan.m_product_grid', 'as-mm-product-snippet-3'], + ['Slider Style 4','theme_alan.m_product_grid', 'as-mm-product-snippet-4'], + ['Slider Style 5','theme_alan.m_product_grid', 'as-mm-product-snippet-5']] + + // Design and Edit option + if(this.env.SnippetBox.props.initData != undefined){ + this.props.design_and_edit = this.env.SnippetBox.props.initData.design_edit; + this.props.init_record_ids = this.env.SnippetBox.props.initData.record_ids; + }else{ + this.props.design_and_edit = { + 'snippet':'MegaMenuProduct', + 'frame_col':this.props.col_size, + 'active_view':'slider', + 'auto_slider':true, + 'slider_time':4, + 'default_stemplate_id':'theme_alan.m_product_slider', + 'default_gtemplate_id':'theme_alan.m_product_grid', + 'template_id':'theme_alan.m_product_slider', + 'slider_style':'as-mm-product-snippet-1', + 'grid_style':'as-mm-product-snippet-1', + 'col_item':4, + 'slider':true, + 'grid':true, + } + } + + useSubEnv({"MegaMenuProduct":this}) + } +} + +MegaMenuProduct.template = 'theme_alan.m_product_configuration'; +MegaMenuProduct.components = { SelectData }; + +export default { + MegaMenuProduct: MegaMenuProduct, +} \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/Megamenu/product/m_product.xml b/theme_alan/static/src/js/snippets/Megamenu/product/m_product.xml new file mode 100644 index 000000000..7393a875d --- /dev/null +++ b/theme_alan/static/src/js/snippets/Megamenu/product/m_product.xml @@ -0,0 +1,15 @@ + + + +
+ +
+ + \ No newline at end of file diff --git a/theme_alan/static/src/js/snippets/StaticSnippets/content_builder.js b/theme_alan/static/src/js/snippets/StaticSnippets/content_builder.js new file mode 100644 index 000000000..0d98af8d8 --- /dev/null +++ b/theme_alan/static/src/js/snippets/StaticSnippets/content_builder.js @@ -0,0 +1,109 @@ +/** @odoo-module alias=theme_alan.ContentBuilder **/ + +import { useService } from "@web/core/utils/hooks"; +import { UserInformDialog } from 'theme_alan.UserInformDialog'; + +const { Component, useSubEnv, useState } = owl; + +class ContentBuilder extends Component { + setup(){ + /** Setup Method */ + this.dialog = useService("dialog"); + let init_data = this.env.SnippetBox.props.initData + let init_state = false; + if(init_data != undefined){ + if(init_data.active_id != undefined && init_data.selected_templ_id != undefined){ + this.state = useState({ 'active_id':init_data.active_id, + 'selected_templ_id':init_data.selected_templ_id }) + init_state = true; + } + } + if(!init_state){ + this.state = useState({ + 'active_id':this.props.active_id, + 'selected_templ_id':false + }) + } + useSubEnv({"ContentBuilder":this}); + } + change_tab(ev){ + let id = $(ev.target).attr("data-tag") + this.state.active_id = id + } + selete_template(ev){ + let templ_id = $(ev.target).attr("data-temp"); + this.state.selected_templ_id = templ_id; + } + save(){ + if(this.state.selected_templ_id != false){ + let snippet_origin = this.env.SnippetBox.props.snippet_origin; + snippet_origin.attr("data-snippet-name", this.props.snippet); + snippet_origin.attr("data-active-id",this.state.active_id); + snippet_origin.attr("data-selected-templ-id", this.state.selected_templ_id); + snippet_origin.attr("data-default-content", true); + + let btn = " \ + "; + + $(snippet_origin).empty().append(btn); + $(snippet_origin).find(".as-snippet-btn").click((ev)=>{ + ev.stopPropagation(); + this._openSnippet(ev, this.props.snippet); + }); + $(snippet_origin).find(".as-snippet-rm-btn").click((ev)=>{ + ev.stopPropagation(); + this._removeSnippet(ev); + }); + this.env.SnippetBox.props.close() + + }else{ + this.dialog.add(UserInformDialog, { + warning_msg:'Oops, Please select snippet.', + inform_type:"no_snippet_config", + onConfirm: async () => { + this.env.SnippetBuilder.state.active_component = "FrameMaker"; + }, + }); + } + } + close(){ + this.env.SnippetBox.props.close(); + } + + _openSnippet(ev, Snippet){ + var initData = { + 'selected_templ_id': $(ev.currentTarget).parent().attr("data-selected-templ-id"), + 'active_id': $(ev.currentTarget).parent().attr("data-active-id"), + } + const dialog = this.env.SnippetBox.props.SnippetBuilder.props.snippet_origin.call("dialog", "add", this.env.SnippetBox.props.SnippetBoxBuilder,{ + 'title': 'Snippet Box', + 'initSnippet':Snippet, + 'initData':initData, + 'snippet_origin':$(ev.currentTarget).parent(), + 'SnippetBuilder':this.env.SnippetBox.props.SnippetBuilder, + 'SnippetBoxBuilder':this.env.SnippetBox.props.SnippetBoxBuilder, + }); + dialog.mount(this.env.SnippetBox.props.SnippetBuilder.props.snippet_origin.el); + } + _removeSnippet(ev){ + var self = this; + $(ev.currentTarget).parent().removeAttr("data-selected-templ-id") + .removeAttr("data-active-id") + .removeAttr("data-default-content") + .removeAttr("data-snippet-name") + + let btn = ''; + $(this.env.SnippetBox.props.snippet_origin).empty().append(btn) + $(this.env.SnippetBox.props.snippet_origin).find(".as-data-btn").click((ev)=>{ + ev.stopPropagation(); + self._openSnippet(ev,'SnippetList'); + }); + } +} + +ContentBuilder.template = 'theme_alan.content_builder'; +ContentBuilder.components = { }; + +export default { + ContentBuilder: ContentBuilder, +} diff --git a/theme_alan/static/src/js/snippets/StaticSnippets/content_builder.xml b/theme_alan/static/src/js/snippets/StaticSnippets/content_builder.xml new file mode 100644 index 000000000..43db20a2e --- /dev/null +++ b/theme_alan/static/src/js/snippets/StaticSnippets/content_builder.xml @@ -0,0 +1,38 @@ + + + +
+
+
+
Static Snippets
+
+ + +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+ + diff --git a/theme_alan/static/src/js/snippets/WebsiteBuilder/options.js b/theme_alan/static/src/js/snippets/WebsiteBuilder/options.js new file mode 100644 index 000000000..74f6beb7c --- /dev/null +++ b/theme_alan/static/src/js/snippets/WebsiteBuilder/options.js @@ -0,0 +1,91 @@ +/** @odoo-module **/ + +import { renderToElement } from "@web/core/utils/render"; +import options from "@web_editor/js/editor/snippets.options"; +import Dialog from '@web/legacy/js/core/dialog'; +import { _t } from '@web/core/l10n/translation'; + +const AlanWebsiteBuilder = Dialog.extend({ + willStart: function () { + + return this._super.apply(this, arguments).then(() => { + switch (this.size) { + case 'extra-large': + this.$modal.find('.modal-dialog').addClass('modal-xl'); + break; + case 'large': + this.$modal.find('.modal-dialog').addClass('modal-lg'); + break; + case 'small': + this.$modal.find('.modal-dialog').addClass('modal-sm'); + break; + case 'as-extra-large': + this.$modal.find('.modal-dialog').addClass('as-extra-large'); + break; + } + }); + }, +}) + +options.registry.alan_website_builder = options.Class.extend({ + xmlDependencies: ['/theme_alan/static/src/xml/website_builder/website_builder.xml', + '/theme_alan/static/src/xml/website_builder/templates/homepage.xml', + '/theme_alan/static/src/xml/website_builder/templates/sliders.xml', + '/theme_alan/static/src/xml/website_builder/templates/banner.xml', + '/theme_alan/static/src/xml/website_builder/templates/about.xml', + '/theme_alan/static/src/xml/website_builder/templates/call_to_action.xml', + '/theme_alan/static/src/xml/website_builder/templates/category.xml', + '/theme_alan/static/src/xml/website_builder/templates/our_client.xml', + '/theme_alan/static/src/xml/website_builder/templates/collection.xml', + '/theme_alan/static/src/xml/website_builder/templates/contact_us.xml', + '/theme_alan/static/src/xml/website_builder/templates/features.xml', + '/theme_alan/static/src/xml/website_builder/templates/our_team.xml', + '/theme_alan/static/src/xml/website_builder/templates/portfolio.xml', + '/theme_alan/static/src/xml/website_builder/templates/price_table.xml', + '/theme_alan/static/src/xml/website_builder/templates/promotion.xml', + '/theme_alan/static/src/xml/website_builder/templates/services.xml', + '/theme_alan/static/src/xml/website_builder/templates/shop_banner.xml', + '/theme_alan/static/src/xml/website_builder/templates/testimonial.xml', + '/theme_alan/static/src/xml/website_builder/templates/title_section.xml', + '/theme_alan/static/src/xml/website_builder/templates/video_popup.xml' ], + events:{'click':'_changeCollection' }, + _changeCollection:function(){ + this.select_snippet('click','true'); + }, + select_snippet: function(type, value) { + this.id = this.$target.attr('id'); + if(type == false || type == 'click'){ + var dialog = new AlanWebsiteBuilder(this, { + size: 'as-extra-large', + dialogClass:"as_website_builder", + title: 'Alan Website Builder', + $content: renderToElement('theme_alan.builder_block', {'uniq':Date.now() }), + buttons: [{text: _t('Save'), classes: 'btn-primary', close: true, click: () => { + var snippet = $("input[name='radio-snippet']:checked").closest('.snippet-as').find('textarea').html(); + this.$target.empty().append(snippet); + var model = this.$target.parent().attr('data-oe-model'); + if(model){ + this.$target.parent().addClass('o_editable o_dirty'); + } + this.trigger_up('widgets_start_request', { + $target:$('.hero_slider') + }); + }}, {text: _t('Discard'), close: true}], + }); + dialog.opened().then(()=>{ + dialog.$el.find(".edit-snippet-builder-box .e-sb-tab label").click( function(){ + $('.edit-snippet-builder-box .e-sb-tab label').removeClass('e-sb-active'); + $(this).addClass('e-sb-active'); + var tagid = $(this).data('tag'); + $('.e-sb-tab--content').removeClass('active').addClass('d-none'); + $('#'+tagid).addClass('active').removeClass('d-none'); + }); + }) + dialog.open(); + } + }, + onBuilt: function () { + this._super(); + this.select_snippet('click', 'true'); + }, +}); diff --git a/theme_alan/static/src/scss/backend.scss b/theme_alan/static/src/scss/backend.scss new file mode 100644 index 000000000..15005d5e0 --- /dev/null +++ b/theme_alan/static/src/scss/backend.scss @@ -0,0 +1,1510 @@ +$as-edit-primary: #6C5DD3; +$as-edit-secondary: #0049C6; + +$as-edit-success: #59CE8F; +$as-edit-danger: #D1512D; + +$as-edit-color-1: #FFA2C0; +$as-edit-color-2: #FFCE72; +$as-edit-dark: #1B1D21; +$as-edit-body: #808191; +$as-edit-gray: #EFF1F4; + +$as-edit-white: #fff; + +.modal-as-full-screen{ + .as-min-height{ + min-height: 100px; + } +} + +.modal-as-full-screen { + max-width: 100%; + padding: 20px 0 !important; + border-radius: 0; + border: none; + margin: 0 20px !important; + .modal-content { + border-radius: 0; + border: none; + height: 100%; + .modal-body { + display: flex; + flex-direction: row; + padding: 0; + background: #F4F4F4; + #as_snippet_frame { + width: 100%; + } + .modal-body-in { + width: 100%; + } + } + } + .close { + border: none; + background: #000; + width: 30px; + height: 30px; + border-radius: 50%; + position: relative; + span { + width: 14px; + height: 14px; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + left: 0; + transform: rotate(45deg); + &:before, + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + background: currentColor; + } + &:before { + width: 2px; + height: 100%; + } + &:after { + width: 100%; + height: 2px; + } + } + } +} + + + +// Preview Popup +.modal-snippet-box-dialog { + max-width: calc(100% - 290px); + margin-right: auto; + margin-left: 0; + margin-top: 0; + padding: 0; + border-radius: 0; + border: none; + .modal-body { + padding: 0; + } + .modal-content { + height: 100%; + border: none; + box-shadow: none; + border-radius: 0; + } +} + + + + + +.as-border-none{ + border: none !important; +} + + +.as-e-btn-primary { + background: $as-edit-primary; + color: $as-edit-white !important; + border-radius: 5px; + font-weight: 500; + border: none; + box-shadow: none; + padding: 12px 25px; + font-weight: 600; + font-size: 15px; + &:hover { + background: $as-edit-secondary; + } +} + +.as-e-btn-secondary { + background: $as-edit-secondary; + color: $as-edit-white !important; + border-radius: 5px; + font-weight: 500; + border: none; + box-shadow: none; + padding: 12px 25px; + font-weight: 600; + font-size: 15px; + &:hover { + background: $as-edit-primary; + } +} + +.as-e-btn-success { + background: $as-edit-success; + color: $as-edit-white !important; + border-radius: 5px; + font-weight: 500; + border: none; + box-shadow: none; + padding: 12px 25px; + font-weight: 600; + font-size: 15px; + &:hover { + background: $as-edit-primary; + } +} + +.as-e-btn-danger { + background: $as-edit-danger; + color: $as-edit-white !important; + border-radius: 5px; + font-weight: 500; + border: none; + box-shadow: none; + padding: 12px 25px; + font-weight: 600; + font-size: 15px; + &:hover { + background: $as-edit-primary; + } +} + + +// Frame Selection +.modal-as-full-screen { + .as-edit-frame-option-selection { + height: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + .as-edit-frame { + img { + width: 300px; + height: 300px; + margin: 0 auto; + display: block; + } + } + .as-edit-cutom-frame { + border-right: 2px dashed #eee; + } + .as-e-btn-bar { + text-align: center; + } + } +} + + +// Custom Fram Design +.as-edit-empty-workspace { + text-align: center; + .as-edit-workspace-icon { + padding-bottom: 30px; + height: 350px; + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } + h2 { + display: inline-block; + background: #000; + color: #fff; + font-size: 14px; + font-weight: 600; + padding: 10px 20px; + } +} + + +// Mega Menu Actions +.as-edit-action-menu { + background: $as-edit-dark; + position: sticky; + top: 0; + z-index: 5; + .as-edit-action-in { + display: flex; + align-items: center; + padding: 0 15px; + } + .as-ea-edit-column, + .as-ea-edit-row { + display: flex; + align-items: center; + padding-right: 20px; + label { + color: $as-edit-white; + font-weight: 600; + padding-right: 10px; + margin: 0; + } + .form-select { + width: 60px; + border: none; + height: 40px; + font-size: 15px; + font-weight: 600; + box-shadow: none !important; + background: #fff; + color: #000; + } + } + + .as-ea-edit-right { + display: flex; + margin-left: auto; + .btn { + font-weight: 600; + text-transform: uppercase; + border-radius: 0; + line-height: 50px; + box-shadow: none; + border: none; + color: #fff; + border-left: 1px solid rgba(255,255,255,.1); + border-right: 1px solid #000; + padding: 0 17px; + box-shadow: none !important; + } + .as-btn-merge { + &:hover { + background: #C98474; + color: #fff; + } + } + .as-btn-reset { + &:hover { + background: #D2001A; + color: #fff; + } + } + .as-btn-back { + &:hover { + background: #FFDE00; + color: #000; + } + } + .as-btn-done { + &:hover { + background: #59CE8F; + color: #000; + } + } + } +} + + +// Workspace +.as-edit-workspace { + padding-top: 50px; + padding-bottom: 50px; + .as-ghost-grid { + position: relative; + &:after { + content: "\f066"; + position: absolute; + top: 8px; + left: 8px; + right: 8px; + bottom: 8px; + margin: auto; + border-radius: 10px; + border-style: dashed; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + color: #000; + font-size: 16px; + border: 3px dashed rgba($as-edit-dark, 0.4); + font-family: 'FontAwesome'; + font-size: 24px; + } + + &.as-rest-grid { + &:after { + content: "\f0e2"; + } + } + + &.as-grid-active { + &:after { + border-color: var(--danger); + background: #fee; + box-shadow: 0 5px 11px -2px rgba(0, 0, 0, 0.10); + } + } + } +} + +// Ui Workspace +.as-edit-ui-workspace { + padding-top: 50px; + padding-bottom: 50px; + + .as-ghost-grid { + position: relative; + display: flex; + align-items: center; + justify-content: center; + &:after { + content: " "; + position: absolute; + top: 8px; + left: 8px; + right: 8px; + bottom: 8px; + margin: auto; + border-radius: 10px; + border-style: dashed; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + color: #000; + font-size: 16px; + border: 3px dashed rgba($as-edit-dark, 0.4); + pointer-events: none; + } + } +} + + +// Mega Menu Snippet Selection +.as-edit-snippet-selection { + padding: 25px; + .as-edit-snippet-card { + background: $white; + cursor: pointer; + transition: ease all 0.35s; + border: 1px solid #eee; + border-radius: 10px; + .as-edit-snippet-card-body { + display: flex; + padding: 10px; + border-radius: 8px; + } + .as-es-icon { + width: 130px; + height: 130px; + img { + width: 100%; + height: 100%; + border-radius: 10px; + } + } + .as-es-text { + padding-left: 1rem; + h6 { + font-weight: 600; + color: $as-edit-dark; + font-size: 16px; + margin-bottom: 5px; + } + p { + margin: 0; + font-size: 14px; + } + } + &:hover { + box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15 ,25, 0.03); + } + } +} + + +// Mega Menu Styleing +.as-edit-snippet-styling { + .as-es-styling-tab { + display: flex; + background: $as-edit-dark; + padding: 0; + position: sticky; + top: 0; + z-index: 3; + .as-es-styling-save { + margin-left: auto; + .btn { + padding: 0 30px; + border-radius: 0; + line-height: 50px; + text-transform: uppercase; + } + } + .nav-tabs { + border: none; + .nav-link { + line-height: 50px; + padding: 0 25px; + border-radius: 0; + background: none; + font-weight: 600; + text-transform: uppercase; + color: #fff; + border: none; + &.active { + background: #fff; + color: #000; + } + } + } + } + + .tab-content { + padding: 20px; + } +} + + +// Mega Menu Priview Section +.modal-as-full-screen { + .as-mega-menu-preview-section { + background: transparent; + padding-top: 50px; + padding-bottom: 50px; + } +} + +.as-edit-action-menu { + + .as-mega-menu-preview-section { + background: $as-edit-white; + } +} + + + +// Warning Popup +.as-edit-warning-popup { + text-align: center; + padding: 30px 0; + .as-ew-warning-icon { + width: 80px; + height: 80px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 30px; + background: var(--warning); + border-radius: 50%; + margin-bottom: 30px; + color: $as-edit-white; + } + + .as-ew-warning-text { + font-size: 20px; + color: $as-edit-dark; + padding: 0 0 30px; + font-weight: 500; + } + + .as-ew-btn-bar { + .btn { + margin: 0 10px; + } + } +} + +// Tabs +.as-edit-tab-content { + .as-et-tab-right { + flex: 0 0 320px; + max-width: 320px; + } + .as-et-tab-items { + padding-top: 25px; + } + + +} +// No Data +.as-edit-no-data { + max-width: 280px; + margin: 0 auto; + svg { + width: 100%; + height: auto; + } + h1 { + background: $as-edit-white; + border: 1px solid #EFEFEF; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding: 15px; + font-size: 16px; + margin: 0; + font-weight: 600; + color: #000; + } +} + + + + + +// Edit Drag Card +.as-edit-drag-card { + display: flex; + height: 100%; + padding: 10px 5px 10px 25px; + position: relative; + background: $as-edit-white; + border: 1px solid #EFEFEF; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 5px; + align-items: center; + .ui-sortable-helper & { + box-shadow: 0 5px 11px -2px rgba(0, 0, 0, 0.10); + } + + &:after { + content: ""; + position: absolute; + top: 0; + width: 5px; + height: 5px; + background: #000; + border-radius: 50%; + box-shadow: 0 -10px #000, 0 10px #000; + bottom: 0; + margin: auto; + left: 10px; + opacity: 0.2; + } + .as-ed-icon { + width: 50px; + height: 50px; + img { + width: 100%; + height: 100%; + object-fit: contain; + border-radius: 5px; + } + } + .as-ed-text { + flex: 1; + padding-left: 15px; + padding-right: 55px; + } + .as-delete-me { + position: absolute; + top: 10px; + right: 10px; + width: 40px; + height: 40px; + a { + background: rgba($as-edit-danger, 0.1); + padding: 0; + display: block; + border-radius: 50%; + color: $as-edit-danger; + width: 100%; + height: 100%; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1.1rem; + &:hover { + background: $as-edit-danger; + color: $as-edit-white; + } + } + } + .as-ed-cat { + button { + background: rgba($as-edit-dark, 0.08); + color: $as-edit-dark; + border: none; + font-weight: 600; + padding: 4px 12px; + display: inline-block; + vertical-align: top; + border-radius: 3px; + .fa { + margin-left: 5px; + } + &:hover { + background: $as-edit-dark; + color: $as-edit-white; + } + &.as-selected { + background: rgba($as-edit-success, 0.08); + color: $as-edit-success; + &:hover { + background: $as-edit-success; + color: $as-edit-white; + } + .fa { + &:before { + content: "\f00c"; + } + } + } + } + } +} + +.as-sortable-record { + .ui-sortable-placeholder { + border: 2px dashed #ddd; + border-radius: 5px; + position: relative; + visibility: visible !important; + &:after{ + content: "\f047"; + font-family: 'FontAwesome'; + font-size: 20px; + width: 35px; + background: #eee; + height: 35px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + } + } +} + + +.as-edit-vertical-tab { + display: flex; + padding: 20px; + .e-ev-tab-col { + max-width: 150px; + flex: 0 0 150px; + } + .e-ev-tab-content { + flex: 1 0 0%; + padding: 0 18px; + } + .e-sb-tab { + margin: 0; + padding: 0; + list-style: none; + li { + background: $as-edit-white; + font-size: 16px; + font-weight: 600; + border: 1px solid $as-edit-gray; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 5px; + color: $as-edit-dark; + cursor: pointer; + padding: 10px 13px; + margin-bottom: 10px; + &:hover { + color: $as-edit-white; + background: $as-edit-primary; + border: 1px solid $as-edit-primary; + } + } + } +} + + +.as-edit-static-card { + display: flex; + height: 100%; + padding: 5px; + position: relative; + background: $as-edit-white; + border: 2px solid $as-edit-white; + box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1); + border-radius: 15px; + align-items: center; + flex-direction: column; + + &.active { + border: 2px solid $as-edit-success; + + &:after, &:before { + opacity: 1; + } + } + + &:before { + content: "\f00c"; + font-family: 'FontAwesome'; + position: absolute; + top: 0; + left: 0; + width: 28px; + height: 28px; + opacity: 0; + color: $white; + background: #09bb65; + text-align: center; + line-height: 28px; + border-radius: 15px 0px 15px 0px; + z-index: 1; + } + + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 2px solid #09bb65; + opacity: 0; + border-radius: 15px; + z-index: 1; + } + + .as-es-icon { + position: relative; + width: 100%; + img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + max-width: 90%; + max-height: 90%; + } + + &:after { + content: ""; + padding-bottom: 67%; + display: inline-block; + vertical-align: top; + } + } + .as-es-text { + width: 100%; + position: relative; + h6 { + padding: 6px 10px; + text-align: center; + color: $as-edit-white; + background: $as-edit-primary; + font-weight: 500; + font-size: 15px; + letter-spacing: 0.05rem; + margin: 0; + line-height: 25px; + border-radius: 12px; + margin-top: 10px; + } + } +} + + + +.as-mm-sidebar-card { + background: $as-edit-white; + border: 1px solid #EFEFEF; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 5px; + .as-mm-sidebar-card-header { + border-bottom: 1px solid #EFEFEF; + padding: 20px; + h4 { + margin: 0; + } + } + .as-mm-sidebar-card-body { + padding: 20px; + } +} + + + + + +.select2-results { + .as-s2-media { + display: flex; + align-items: center; + .as-s2-img { + flex: 0 0 50px; + max-width: 50px; + img { + width: 100%; + height: 100%; + } + } + .as-s2-media-body { + flex: 1; + padding-left: 15px; + h6 { + margin: 0 !important; + } + } + } + .select2-highlighted { + .as-s2-media { + .as-s2-media-body { + h6 { + color: #fff; + } + } + } + } +} + + + + +// +/* Snippet Preview Tabs +-------------------------------------------------------------*/ +// +.as-snippet-preview-section { + .as-snippet-preview-left { + flex: 0 0 calc(100% - 340px); + max-width: calc(100% - 340px); + > .container { + background: $as-edit-white; + border: 1px solid #EFEFEF; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding: 15px; + } + } + .as-snippet-preview-right { + flex: 0 0 340px; + max-width: 340px; + max-height: calc(100vh - 130px); + overflow-y: auto; + position: sticky; + top: 50px; + } + + img { + max-width: 100%; + } +} + + + + +// Start common Styles + +// Search Bar +.as-edit-search-bar { + background: $as-edit-white; + border: 1px solid #EFEFEF; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding: 15px; + .select2-container { + .select2-choice { + height: 40px; + line-height: 40px; + background: $as-edit-white; + .select2-arrow { + background: $as-edit-white; + b { + background-position: 0 8px; + } + } + } + } +} + +// Edit Card +.as-edit-card { + background: $as-edit-white; + border: 1px solid $as-edit-gray; + box-shadow: 1px 1px 1px rgba($as-edit-dark, 0.1); + border-radius: 5px; + .as-edit-card-header { + padding: 1rem; + border-bottom: 1px solid $as-edit-gray; + } + .as-edit-card-body { + padding: 1rem; + } + .as-edit-footer { + padding: 1rem; + border-top: 1px solid $as-edit-gray; + } +} + +// Title Style 1 +.as-edit-title-01 { + font-weight: 600; + color: $as-edit-dark; + position: relative; + padding-left: 20px; + margin-bottom: 15px; + .h6 { + font-size: 15px; + margin: 0; + } + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 5px; + border-radius: 10px; + background: $as-edit-color-2; + } +} + +// Checkbox Pill +.as-edit-form-check-pill { + position: relative; + padding: 0; + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + background: $as-edit-primary; + color: $as-edit-white; + svg { + fill: $as-edit-white; + } + } + } + } + .form-check-label { + background: #EEEEEE; + border-radius: 10px; + display: flex; + flex-direction: row; + align-items: center; + padding: 8px 16px; + color: $as-edit-body; + font-size: 13px; + i { + margin-right: 8px; + } + } + &.theme-2nd { + .form-check-input { + &:checked { + ~ .form-check-label { + background: $as-edit-color-2; + } + } + } + } +} + +// Checkbox Col +.as-edit-form-check-col { + position: relative; + padding: 0; + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + i { + background: $as-edit-primary; + } + } + } + } + + .form-check-label { + background: $as-edit-white; + border: 1px solid #eee; + border-radius: 3px; + display: flex; + flex-direction: row; + align-items: center; + padding: 20px 0; + color: $as-edit-body; + font-size: 15px; + text-align: center; + + em { + position: absolute; + z-index: 1; + font-style: normal; + color: $as-edit-white; + background: $as-edit-dark; + width: 17px; + height: 17px; + font-size: 9px; + font-weight: 600; + border-radius: 50%; + top: 0; + bottom: 0; + right: 6px; + margin: auto; + display: inline-flex; + align-items: center; + justify-content: center; + } + + span { + position: absolute; + top: 4px; + left: 4px; + right: 4px; + bottom: 4px; + border-radius: 3px; + display: flex; + } + i { + flex: 1; + background: #eee; + border: 2px solid $as-edit-white; + display: none; + border-radius: 3px; + } + &[for="items_1"] { + i:nth-child(1) { + display: block; + } + } + &[for="items_2"] { + i:nth-child(1), + i:nth-child(2) { + display: block; + } + } + &[for="items_3"] { + i:nth-child(1), + i:nth-child(2), + i:nth-child(3) { + display: block; + } + } + &[for="items_4"] { + i:nth-child(1), + i:nth-child(2), + i:nth-child(3), + i:nth-child(4) { + display: block; + } + } + &[for="items_5"] { + i:nth-child(1), + i:nth-child(2), + i:nth-child(3), + i:nth-child(4), + i:nth-child(5) { + display: block; + } + } + &[for="items_6"] { + i { + display: block; + } + } + + &[for="mob_items_1"] { + i:nth-child(1) { + display: block; + } + } + &[for="mob_items_2"] { + i:nth-child(1), + i:nth-child(2) { + display: block; + } + } + } +} + + +.as-edit-form-check-lists { + margin: 0; + padding: 0; + list-style: none; + li { + + li { + margin-top: 10px; + } + } +} + +.as-edit-form-check-list { + width: 100%; + text-align: left; + font-weight: 600; + padding: 10px 20px; + background: $as-edit-primary; + border: 1px solid $as-edit-primary; + border-radius: 5px; + color: $as-edit-white; + &:hover { + background: $as-edit-secondary; + border: 1px solid $as-edit-secondary; + } + i { + margin-right: 8px; + } +} + +.as-edit-default-frame-selection { + .as-edit-frame-history { + padding-top: 50px; + padding-bottom: 50px; + } +} + +.as-edit-history-card { + background: $as-edit-white; + border: 1px solid $as-edit-gray; + box-shadow: 1px 1px 1px rgba($as-edit-dark, 0.1); + border-radius: 5px; + display: flex; + flex-direction: column; + width: 100%; + + .as-ghost-grid { + position: relative; + &:after { + content: "\f055"; + position: absolute; + top: 8px; + left: 8px; + right: 8px; + bottom: 8px; + margin: auto; + border-radius: 10px; + border-style: dashed; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + color: $as-edit-body; + border: 2px dashed rgba($as-edit-dark, 0.4); + font-size: 16px; + font-family: 'FontAwesome'; + font-size: 24px; + } + } + + .as-edit-history-card-footer { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 15px; + border-top: 1px solid $as-edit-gray; + margin-top: auto; + } + h6 { + font-weight: 600; + color: $as-edit-dark; + font-size: 16px; + margin: 0; + } + + .as-edit-history-card-body { + cursor: pointer; + flex: 1; + &:hover { + .as-ghost-grid { + &:after { + color: $as-edit-success; + border: 2px dashed rgba($as-edit-success, 0.4); + } + } + } + } +} + + +.as-alan-touch-popup { + display: flex; + .nav-tabs { + border: none; + margin-bottom: 25px; + flex-direction: column; + background: $as-edit-color-2; + padding: 30px 0px 30px 20px; + flex: 0 0 200px; + border-radius: 10px; + .nav-item { + margin-bottom: 10px; + } + .nav-link { + border: none; + background: transparent; + color: $as-edit-dark; + padding: 12px 45px 12px 26px; + width: 100%; + text-align: left; + font-size: 15px; + font-weight: 500; + outline: none; + border-radius: 30px 0px 0px 30px; + &.active { + background: $as-edit-white; + color: $as-edit-dark; + } + } + } + .tab-content { + flex: 1; + padding-left: 25px; + } + .as-edit-form-check-pill { + position: relative; + padding: 0; + width: 100%; + height: 100%; + margin: 0; + .form-check-label { + font-size: 15px; + font-weight: 500; + display: flex; + position: relative; + padding-left: 30px; + flex-direction: column; + height: 100%; + width: 100%; + padding: 22px 10px; + text-align: center; + i { + margin: 0 0 5px; + font-size: 20px; + } + } + } + .as-alan-touch-title { + font-size: 18px; + margin-bottom: 15px; + display: inline-block; + } + + .as-alan-touch-btns { + padding-top: 30px; + } +} + + +/* Website builder +--------------------------*/ +.as-extra-large { + max-width: 100%; + padding: 20px 0 !important; + border-radius: 0; + border: none; + margin: 0 20px !important; +} + +.edit-snippet-builder-box { + .e-sb-tab-col { + position: sticky; + top: -17px; + z-index: 11; + background: $white; + padding-top: 16px; + padding-bottom: 16px; + margin-top: -16px; + border-bottom: 1px solid #eee; + margin-bottom: 16px; + } + + .e-sb-tab { + margin: 0; + padding: 0; + height: 100%; + list-style: none; + display: flex; + flex-wrap: wrap; + + li { + margin-right: 8px; + } + + label { + padding: 8px 20px; + border: 1px solid #ddd; + border-radius: 25px; + width: 100%; + vertical-align: top; + font-size: 14px; + font-weight: 600; + margin: 0 0 7px 1px; + cursor: pointer; + } + + label.e-sb-active { + background: $primary; + color: $white; + border-color: $primary; + } + } + + .e_sb_snnippet_box { + border-radius: 15px; + background: $white; + box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1); + position: relative; + padding: 5px; + + >.img { + position: relative; + + &:after { + content: ""; + padding-bottom: 67%; + display: inline-block; + vertical-align: top; + } + + img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + max-width: 100%; + max-height: 100%; + } + } + + h6 { + padding: 6px 10px; + text-align: center; + color: $white !important; + background: $primary; + font-weight: 500 !important; + font-size: 15px; + letter-spacing: 0.05rem; + margin: 0; + line-height: 25px; + border-radius: 12px; + } + + .e-sb-label { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + cursor: pointer; + } + + input[type="radio"] { + opacity: 0; + position: absolute; + + + { + span { + position: relative; + display: flex; + width: 100%; + height: 100%; + + &:before { + content: "\f00c"; + font-family: 'FontAwesome'; + position: absolute; + top: 0; + left: 0; + width: 28px; + height: 28px; + opacity: 0; + color: $white; + background: #09bb65; + text-align: center; + line-height: 28px; + border-radius: 15px 0px 15px 0px; + } + + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 2px solid #09bb65; + opacity: 0; + border-radius: 15px; + } + } + } + + &:checked { + + { + span { + background: rgba(255, 255, 255, 0.2); + + &:after { + opacity: 1; + } + + &:before { + opacity: 1; + } + } + } + } + } + } +} + + +.as-border-none{ + border: none !important; +} + + +.as-e-btn-primary { + background: $as-edit-primary; + color: $as-edit-white !important; + border-radius: 5px; + font-weight: 500; + border: none; + box-shadow: none; + &:hover { + background: $as-edit-secondary; + } +} + + +// Mega Menu Welcome Screens +.as-mega-menu-welcome { + background-color: $white; + padding-top: 50px; + padding-bottom: 50px; + .as-mm-wc-in { + text-align: center; + .as-e-btn-primary { + top: 20px; + position: relative; + z-index: 1; + transform: rotate(-9deg) scale(1); + border: 2px solid $as-edit-white; + box-shadow: 0 1px 6px 0 rgba($as-edit-dark, 0.28) !important; + transition: ease all 0.35s; + &:hover { + transform: rotate(-5deg) scale(1.05); + } + } + .as-mm-wc-img { + max-width: 350px; + margin: -65px auto 0; + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/base/bootstrap_overridden.scss b/theme_alan/static/src/scss/base/bootstrap_overridden.scss new file mode 100644 index 000000000..510a4bf90 --- /dev/null +++ b/theme_alan/static/src/scss/base/bootstrap_overridden.scss @@ -0,0 +1,57 @@ +$gray-100: #f7faff !default; +$gray-200: #eaecf3 !default; +$gray-300: #e2e8f0 !default; +$gray-400: #CBD5E0 !default; +$gray-500: #A0AEC0 !default; +$gray-600: #718096 !default; +$gray-700: #4A5568 !default; +$gray-800: #2D3748 !default; +$gray-900: #273444 !default; + + +$spacer: 1rem !default; // Need to predefine as used below +$spacers: ( + 0: 0, + 1: ($spacer * .25), + 2: ($spacer * .5), + 3: $spacer, + 4: ($spacer * 1.5), + 5: ($spacer * 3), + 6: $spacer * 3.5, + 7: $spacer * 4, + 8: $spacer * 5, + 9: $spacer * 6, + 10: $spacer * 7, +) !default; // BS default + + +// Dropdowns +// +// Dropdown menu container and contents. +$dropdown-border-width: 0 !default; +$dropdown-border-radius: 0 !default; + + +// $dropdown-link-color: $gray-900 !default; +$dropdown-link-hover-color: var(--primary) !default; +$dropdown-link-hover-bg: transparent !default; + +$dropdown-link-active-color: var(--primary) !default; +$dropdown-link-active-bg: transparent !default; + +$dropdown-item-padding-y: 0.50rem !default; + + +$input-btn-focus-color: transparent !default; +$input-btn-focus-width: 0 !default; +$input-btn-focus-box-shadow: 0 0 0 0 $input-btn-focus-color !default; +// $btn-focus-width: 0 !default; +// $btn-focus-box-shadow: $input-btn-focus-box-shadow !default; + + + + + +.dropdown-menu { + box-shadow: 0px 4px 8px -2px rgba(var(--dark-rgb), 0.1), 0px 2px 4px -2px rgba(var(--dark-rgb), 0.06); +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/base/primary_variables.scss b/theme_alan/static/src/scss/base/primary_variables.scss new file mode 100644 index 000000000..d0b6d7639 --- /dev/null +++ b/theme_alan/static/src/scss/base/primary_variables.scss @@ -0,0 +1,65 @@ +// Theme colors +$o-color-palettes: map-merge($o-color-palettes, + ( + 'base-1': map-merge(map-get($o-color-palettes, 'base-1'), ( + 'o-color-1': #0071ce, + 'o-color-2': #ffc220, + 'o-color-3': #e5edf2, + 'o-color-4': #FFFFFF, + 'o-color-5': #000, + //'o-color-5': #041f41, + 'o-cc1-text': #51596C, + 'o-cc1-headings': #2d374b, + 'header-alan_topbar': 1, + 'header-alan_topbar-custom': null, + //'menu': 1, + 'menu': 1, + 'footer': 5, + 'copyright': 5, + 'copyright-custom': 5, + )), + ) +); + + + + +$o-theme-font-configs: ( + 'Outfit': ( + 'family': ('Outfit', sans-serif), + 'url': 'Outfit:300,300i,400,400i,500,500i,700,700i,800,800i,900,900i', + ), +); + + + + + +//------------------------------------------------------------------------------ +// Website customizations +//------------------------------------------------------------------------------ + +$o-website-values-palettes: ( + ( + 'color-palettes-name': 'base-1', + 'font-size-base': 1rem, // Need a set value as the value is used in bootstrap_overridden files + 'google-fonts': null, + 'google-local-fonts': null, + 'font': 'Outfit', + 'shop-template': 'alan_shop0', // 'alan_shop1' / 'alan_shop2' / 'alan_shop3' / 'alan_shop4' + 'shop-layout': 'alan_shop_layout_box', + 'shop-img-size': 'alan_shop_img_size_1_1', + 'shop-img-fill': 'alan_shop_img_fill_cover', + 'product-detail-layout': 'alan_product_detail_layout_box', + 'product-detail-style': 'alan_product0', + 'btn-border-radius': 0, + 'btn-border-radius-lg': 0, + 'btn-border-radius-sm': 0, + 'btn-padding-y': 0.75rem, + 'btn-padding-x': 1.85rem, + 'btn-padding-y-sm': .3rem, + 'btn-padding-x-sm': .9rem, + 'btn-padding-y-lg': .6rem, + 'btn-padding-x-lg': 1.8rem, + ), +); diff --git a/theme_alan/static/src/scss/dynamic/blog.scss b/theme_alan/static/src/scss/dynamic/blog.scss new file mode 100644 index 000000000..71876a3d0 --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/blog.scss @@ -0,0 +1,336 @@ +/* Blog Option 1 +-------------------------------------------*/ +.as-blog-card-01 { + .as-blog-card-media { + position: relative; + &:after { + content: ""; + padding-bottom: 75%; + display: inline-block; + vertical-align: top; + } + .as-blog-card-media-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-size: cover; + } + } + .as-blog-card-meta { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 21px 15px 7px; + display: flex; + justify-content: space-between; + font-size: 13px; + background: linear-gradient(0deg, rgba($dark,.9), transparent); + color: $white; + .b-cat { + a { + color: $white; + text-decoration: none; + } + } + } + .as-blog-card-body { + padding-top: 15px; + .b-tags { + font-size: 12px; + padding-bottom: 8px; + a { + color: $gray-600; + text-decoration: none; + margin-right: 8px; + &:hover { + color: $primary; + } + } + } + h3 { + font-size: 1.1rem; + font-weight: 600; + margin: 0; + padding-bottom: 8px; + a { + color: $dark; + text-decoration: none; + } + } + p { + margin: 0; + font-size: 0.9rem; + } + } +} + + +/* Blog Option 2 +-------------------------------------------*/ +.as-blog-card-02 { + border: 1px solid $gray-300; + height: 100%; + display: flex; + flex-direction: column; + .as-blog-card-media { + position: relative; + &:after { + content: ""; + padding-bottom: 56.25%; + display: inline-block; + vertical-align: top; + } + .as-blog-card-media-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-size: cover; + } + } + + .b-date { + background: $primary; + position: absolute; + left: 10px; + top: 10px; + padding: 4px 10px; + font-size: 13px; + color: $white; + } + + .as-blog-card-body { + border-top: 1px solid $gray-300; + padding: 12px; + flex: 1; + h3 { + margin: 0; + padding: 0 0 10px; + font-size: 18px; + a { + color: $dark; + text-decoration: none; + } + } + } + + p { + margin: 0; + } + + .as-blog-card-meta { + border-top: 1px solid $gray-300; + padding: 12px; + display: flex; + justify-content: space-between; + align-items: center; + .b-read-more { + font-size: 14px; + color: $primary; + text-decoration: none; + font-weight: 500; + &:hover { + color: $dark; + } + } + .b-cat { + a { + font-size: 13px; + padding: 4px 12px; + color: $primary; + background-color: rgba($primary, 0.1); + text-decoration: none; + display: inline-flex; + align-items: center; + &:before { + content: "\f07c"; + margin-right: 5px; + font-family: "FontAwesome"; + } + &:hover { + color: $white; + background-color: $primary; + } + } + } + } +} + + + + +/* Blog Option 3 +-------------------------------------------*/ +.as-blog-card-03 { + .as-blog-card-media { + position: relative; + &:after { + content: ""; + padding-bottom: 90%; + display: inline-block; + vertical-align: top; + } + .as-blog-card-media-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-size: cover; + } + } + .b-date { + background: $dark; + color: $white; + position: absolute; + left: 10px; + top: 10px; + padding: 4px 10px; + font-size: 13px; + } + .as-blog-card-body { + background: $white; + margin-right: 30px; + margin-top: -30px; + position: relative; + padding: 15px; + .b-tags { + text-transform: uppercase; + font-size: 12px; + padding-bottom: 10px; + display: flex; + flex-wrap: wrap; + a { + color: $gray-600; + text-decoration: none; + margin-right: 8px; + &:hover { + color: $dark; + } + } + } + h3 { + margin: 0; + padding: 0 0 10px; + font-size: 20px; + a { + color: $dark; + text-decoration: none; + } + } + p { + margin: 0; + } + } +} + + +/* Blog Option 4 +-------------------------------------------*/ +.as-blog-card-04 { + .as-blog-card-media { + position: relative; + &:after { + content: ""; + padding-bottom: 90%; + display: inline-block; + vertical-align: top; + } + .as-blog-card-media-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-size: cover; + } + } + .as-blog-card-body { + background: linear-gradient(0deg, rgba($dark,.9), transparent); + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 20px; + } + .b-date { + color: rgba($white, 0.85); + font-size: 12px; + padding: 0 0 8px; + } + h3 { + margin: 0; + padding: 0; + font-size: 18px; + a { + color: $white; + text-decoration: none; + } + } +} + + + +/* Blog Option 5 +-------------------------------------------*/ +.as-blog-card-05 { + display: flex; + align-items: flex-start; + .as-blog-card-media { + position: relative; + flex: 0 0 35%; + max-width: 35%; + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + .as-blog-card-media-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-size: cover; + background-position: center; + } + } + .as-blog-card-body { + padding-left: 20px; + flex: 1; + h3 { + font-size: 18px; + margin: 0 0 8px; + a { + color: $dark; + text-decoration: none; + } + } + } + .as-blog-card-meta { + display: flex; + font-size: 12px; + padding-bottom: 10px; + align-items: center; + .b-cat { + padding-right: 10px; + a { + background: $primary; + padding: 2px 8px; + display: inline-block; + vertical-align: top; + color: $white; + text-decoration: none; + } + } + } + p { + margin: 0; + font-size: 15px; + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/brand.scss b/theme_alan/static/src/scss/dynamic/brand.scss new file mode 100644 index 000000000..b8da6256d --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/brand.scss @@ -0,0 +1,251 @@ +.as-brand-card-01 { + background-color: $white; + border: 1px solid $gray-300; + overflow: hidden; + position: relative; + text-align: center; + display: flex; + flex-direction: column; + .as-brand-card-media { + position: relative; + text-align: center; + align-items: center; + justify-content: center; + display: flex; + height: 110px; + img { + max-width: 100%; + max-height: 100px; + } + } + .as-brand-card-body { + padding: 8px; + text-align: center; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 500; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } +} + +.as-brand-card-02 { + border-right: 1px solid $gray-300; + margin-right: -2px; + margin-left: -15px; + .as-brand-card-media { + text-align: center; + display: flex; + align-items: center; + justify-content: center; + height: 110px; + img { + max-width: 100%; + max-height: 95px; + } + } + .as-brand-card-body { + padding: 8px; + text-align: center; + border-top: 1px solid $gray-300; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 500; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } +} + + + +.as-brand-card-03 { + .as-brand-card-media { + text-align: center; + height: 110px; + img { + max-width: 100%; + max-height: 100px; + } + } + .as-brand-card-body { + text-align: center; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 500; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + &:hover { + .as-brand-card-media { + img { + filter: grayscale(1); + } + } + } +} + + + + +.as-brand-card-04 { + .as-brand-card-media { + text-align: center; + margin: 2px; + border-radius: 0.625rem; + box-shadow: 0 0 3px 1px rgba($gray-900 ,0.10); + height: 110px; + display: flex; + align-items: center; + justify-content: center; + img { + max-width: 100%; + max-height: 90px; + } + } + .as-brand-card-body { + margin-top: -15px; + text-align: center; + margin-bottom: 0.625rem; + a { + color: $dark !important; + box-shadow: 0 0 3px 1px rgba($gray-900 ,0.10); + background: $white; + font-size: 0.9375rem; + font-weight: 500; + text-decoration: none; + display: inline-block; + padding: 5px 20px; + border-radius: 30px; + &:hover { + color: $primary !important; + } + } + } +} + + + +.as-brand-card-05 { + .as-brand-card-media { + border: 1px solid $gray-300; + padding-bottom: 100%; + position: relative; + border-radius: 50%; + overflow: hidden; + img { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 80%; + height: 80%; + object-fit: contain; + margin: auto; + } + } + .as-brand-card-body { + text-align: center; + margin-top: 0.625rem; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 500; + &:hover { + color: $primary !important; + } + } + } +} + + +/* Brand Page +-------------------------------------*/ +.as-brand-breadcrumb { + background: $gray-100; + border-bottom: 1px solid $gray-300; + padding-top: 20px; + padding-bottom: 20px; + a { + color: $dark; + text-decoration: none; + } +} +.as-all-brand-page { + padding: 40px 0; + .as-lp-brand-box { + border: 1px solid $gray-300; + position: relative; + .brand-img { + width: 100%; + display: inline-block; + vertical-align: top; + position: relative; + &:after { + content: ""; + display: inline-block; + vertical-align: top; + padding-bottom: 120px; + } + img { + position: absolute; + bottom: 0; + left: 0; + right: 0; + top: 0; + margin: auto; + max-height: 100%; + max-width: 100%; + object-fit: contain; + transform: scale(1); + transition: ease all 0.3s; + } + } + .as-lp-brand-info { + text-align: center; + padding: 10px; + border-top: 1px solid $gray-300; + h6 { + font-size: 16px; + margin-bottom: 2px; + a { + color: $dark; + text-decoration: none; + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + } + } + } + .brand-count { + font-size: 14px; + } + } + &:hover { + .brand-img { + img { + transform: scale(1.05); + } + } + } + } + .pagination { + padding: 40px 0; + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/categories-snippets.scss b/theme_alan/static/src/scss/dynamic/categories-snippets.scss new file mode 100644 index 000000000..98df733c0 --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/categories-snippets.scss @@ -0,0 +1,321 @@ +/* Category Card 01 +--------------------------------------------*/ +.as-category-card-01 { + position: relative; + .as-category-card-media { + overflow: hidden; + img { + transition: ease all 0.35s; + transform: scale(1); + width: 100%; + } + } + .as-category-card-body { + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + } + .as-category-card-title { + padding-bottom: 10px; + margin-top: 40px; + transition: ease all 0.35s; + h3 { + font-weight: 600; + font-size: 18px; + color: $white; + margin: 0; + } + a { + color: $white; + text-decoration: none; + } + } + .as-category-card-link { + a { + color: $dark; + display: inline-block; + vertical-align: top; + padding: 10px 30px; + font-size: 13px; + background: $white; + border-radius: 30px; + font-weight: 600; + position: relative; + z-index: 1; + overflow: hidden; + cursor: pointer; + text-decoration: none; + opacity: 0; + transition: ease all 0.35s; + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: auto; + bottom: 0; + width: 0; + transition: ease all 0.35s; + background-color: $primary; + z-index: -1; + pointer-events: none; + } + &:hover { + color: $white; + &:after { + left: auto; + right: 0; + width: 100%; + } + } + } + } + &:hover { + .as-category-card-title { + margin-top: 0; + } + .as-category-card-link { + a { + opacity: 1; + } + } + .as-category-card-media { + img { + transform: scale(1.05); + } + } + } +} + + +/* Category Card 02 +--------------------------------------------*/ +.as-category-card-02 { + position: relative; + .as-category-card-title { + position: absolute; + top: 15px; + right: 15px; + text-align: right; + h3 { + font-weight: 600; + font-size: 18px; + color: $white; + margin: 0; + a { + color: $white; + text-decoration: none; + } + } + span { + font-size: 14px; + color: rgba($white, 0.85); + } + } + .as-category-card-link { + position: absolute; + bottom: 10px; + left: 0; + opacity: 0; + transition: ease all 0.35s; + a { + color: $white; + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $dark; + text-decoration: none; + border: 2px solid $white; + &:hover { + background: $primary; + } + } + } + &:hover { + .as-category-card-link { + left: 10px; + opacity: 1; + } + } +} + + +/* Category Card 03 +--------------------------------------------*/ +.as-category-card-03 { + .as-category-card-media { + position: relative; + &:after { + content: ""; + padding-bottom: 135%; + display: inline-block; + vertical-align: top; + } + img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + object-fit: cover; + transition: ease all 0.35s; + transform: scale(1); + } + } + .as-category-card-title { + padding-top: 10px; + h3 { + font-weight: 500; + font-size: 15px; + margin: 0; + text-transform: uppercase; + letter-spacing: 3px; + a { + color: $dark; + text-decoration: none; + } + } + span { + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; + } + } + + &:hover { + .as-category-card-media { + img { + transform: scale(0.99); + } + } + } +} + + +/* Category Card 04 +--------------------------------------------*/ +.as-category-card-04 { + position: relative; + .as-category-card-media { + overflow: hidden; + img { + object-fit: cover; + transition: ease all 0.35s; + transform: scale(1); + } + } + .as-category-card-title { + position: absolute; + bottom: 16px; + left: 6px; + right: 6px; + box-shadow: 0 0 10px rgba($dark, 0.05); + background: rgba($white,0.85); + font-size: 15px; + text-align: center; + padding: 10px; + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px); + opacity: 0; + transition: ease all 0.35s; + h3 { + font-size: 16px; + margin: 0; + a { + color: $dark; + text-decoration: none; + } + } + span { + font-size: 12px; + } + } + &:hover { + .as-category-card-title { + bottom: 6px; + opacity: 1; + } + .as-category-card-media { + img { + transform: scale(1.05); + } + } + } +} + +/* Category Card 05 +--------------------------------------------*/ +.as-category-card-05 { + position: relative; + .as-category-card-title { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + z-index: 1; + pointer-events: none; + &:after { + content: ""; + position: absolute; + height: 0px; + width: 100%; + top: 0; + bottom: auto; + left: 0; + right: 0; + background: rgba($dark, 0.7); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px); + transition: ease all 0.35s; + z-index: -1; + } + h3 { + font-size: 22px; + margin: 0 0 3px; + transform: translateY(10px); + transition: ease all 0.35s; + opacity: 0; + pointer-events: auto; + a { + color: $white; + text-decoration: none; + } + } + span { + font-size: 12px; + color: rgba($white, 0.9); + transform: translateY(10px); + transition: ease all 0.35s; + opacity: 0; + } + } + &:hover { + .as-category-card-title { + &:after { + height: 100%; + top: auto; + bottom: 0; + } + span, + h3 { + transform: translateY(0px); + opacity: 1; + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/custom-row.scss b/theme_alan/static/src/scss/dynamic/custom-row.scss new file mode 100644 index 000000000..ee34d18f0 --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/custom-row.scss @@ -0,0 +1,92 @@ +.s_dynamic_snippets { + .as-frame-data { + > .row { + padding-top: 1rem; + padding-bottom: 1rem; + --gutter-y: 1rem; + --gutter-x: 1rem; + } + } +} + + + +.as-snippets-row { + + //Col 5 + .col-lg-2 { + @include media-breakpoint-down(xl) { + @include media-breakpoint-up(lg) { + max-width: calc(100% / 4); + flex: 0 0 calc(100% / 4); + } + } + @include media-breakpoint-down(lg) { + @include media-breakpoint-up(md) { + max-width: calc(100% / 3); + flex: 0 0 calc(100% / 3); + } + } + } + + + //Col 5 + .col-lg-five { + @include media-breakpoint-up(md) { + flex: 0 0 calc(100% / 3); + max-width: calc(100% / 3); + } + @include media-breakpoint-up(lg) { + flex: 0 0 calc(100% / 4); + max-width: calc(100% / 4); + } + @include media-breakpoint-up(xl) { + flex: 0 0 calc(100% / 5); + max-width: calc(100% / 5); + } + } + + // Mobile + @include media-breakpoint-down(lg) { + .mob-col-2 { + max-width: calc(100% / 2); + flex: 0 0 calc(100% / 2); + } + .mob-col-1 { + max-width: 100%; + flex: 0 0 100%; + } + } + +} + + + + +// Mega Menu Welcome Screens +.as-mega-menu-welcome { + background-color: $white; + padding-top: 50px; + padding-bottom: 50px; + .as-mm-wc-in { + text-align: center; + .as-e-btn-primary { + top: 20px; + position: relative; + z-index: 1; + transform: rotate(-9deg) scale(1); + border: 2px solid #fff; + box-shadow: 0 1px 6px 0 rgba(27,29,33, 0.28) !important; + transition: ease all 0.35s; + background-color: $primary; + color: $white; + &:hover { + transform: rotate(-5deg) scale(1.05); + } + } + .as-mm-wc-img { + max-width: 350px; + margin: -65px auto 0; + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/megamenu.scss b/theme_alan/static/src/scss/dynamic/megamenu.scss new file mode 100644 index 000000000..7ecc0c5ea --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/megamenu.scss @@ -0,0 +1,1229 @@ +.as-main-header { + .navbar-nav { + .dropdown-menu { + &.o_mega_menu { + margin: 0; + border-radius: 0; + border: none; + } + } + } +} + + +// General Media Size +.as-thumb-size-4-3 { + --as-thumb-size-aspect-ratio: 4/3; +} +.as-thumb-size-4-5 { + --as-thumb-size-aspect-ratio: 4/5; +} +.as-thumb-size-2-3 { + --as-thumb-size-aspect-ratio: 2/3; +} +.as-thumb-size-1-1 { + --as-thumb-size-aspect-ratio: 1/1; +} + +.as-media-wrap { + padding-top: calc(100% / (var(--as-thumb-size-aspect-ratio, 1))); + position: relative; + --as-thumb-size-fill-mode: cover; + .as-media-wrap-in { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + img { + width: 100%; + height: 100%; + object-fit: var(--as-thumb-size-fill-mode, contain); + } + } +} +// End Media Size + +.as-mega-menu-preview-section { + background-color: $white; + padding-top: 1rem; + padding-bottom: 1rem; + .as-frame-data { + > .row { + padding-top: 12px; + padding-bottom: 12px; + } + } + .swiper-slide { + height: auto; + } +} + + + +/* Mega Menu Product Styles +-----------------------------------------------------------*/ +.as_m_product_grid { + .col-lg-2, + .col-lg-4, + .col-lg-3, + .col-lg-6 { + @include media-breakpoint-down(lg) { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + @include media-breakpoint-down(md) { + flex: 0 0 50%; + max-width: 50%; + } + } +} + +.as-mm-product-snippet-1 { + .as-mm-product-card { + .as-mm-product-card-media { + overflow: hidden; + --as-thumb-size-aspect-ratio: 4/5; + img { + transition: ease all 0.35s; + transform: scale(1); + } + } + .as-mm-product-card-body { + padding-top: 10px; + } + .as-mm-product-title { + font-size: 0.9375rem; + line-height: 1.4; + a { + font-weight: 500; + color: $dark !important; + text-decoration: none; + &:hover { + color: $primary; + } + } + } + &:hover { + .as-mm-product-card-media { + img { + transform: scale(1.05); + } + } + } + } +} + +.as-mm-product-snippet-2 { + .as-mm-product-card { + border: 1px solid $gray-300; + height: 100%; + display: flex; + flex-direction: column; + .as-mm-product-card-media { + overflow: hidden; + --as-thumb-size-aspect-ratio: 4/5; + img { + transition: ease all 0.35s; + transform: scale(1); + width: 100%; + } + } + .as-mm-product-card-body { + padding: 0.625rem; + border-top: 1px solid $gray-300; + } + .as-mm-product-title { + a { + font-weight: 600; + color: $dark !important; + font-size: 0.9375rem; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + } +} + +.as-mm-product-snippet-3 { + .as-mm-product-card { + height: 100%; + display: flex; + flex-direction: row; + padding-top: 12px; + padding-bottom: 12px; + .as-mm-product-card-media { + overflow: hidden; + max-width: 100px; + padding-top: 100px; + flex: 0 0 100px; + img { + transition: ease all 0.35s; + transform: scale(1); + width: 100%; + } + } + .as-mm-product-card-body { + padding: 0 0 0 15px; + } + .as-mm-product-title { + a { + font-weight: 500; + color: $dark !important; + font-size: 0.9375rem; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + + &:hover { + .as-mm-product-card-media { + img { + transform: scale(1.05); + } + } + } + } +} + +.as-mm-product-snippet-4 { + .as-mm-product-card { + border: 1px solid $gray-300; + height: 100%; + display: flex; + flex-direction: column; + border-radius: 0.625rem; + .as-mm-product-card-media { + overflow: hidden; + --as-thumb-size-aspect-ratio: 4/5; + img { + transition: ease all 0.35s; + transform: scale(1); + width: 100%; + border-top-left-radius: 0.625rem; + border-top-right-radius: 0.625rem; + } + } + .as-mm-product-card-body { + padding: 15px; + position: relative; + &:after { + content: ""; + position: absolute; + top: 0; + height: 2px; + width: 40px; + background: $primary; + left: 0; + transition: ease all 0.35s; + } + } + .as-mm-product-title { + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 600; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + &:hover { + .as-mm-product-card-body { + &:after { + width: 100%; + } + } + } + } +} + +.as-mm-product-snippet-5 { + .as-mm-product-card { + .as-mm-product-card-media { + overflow: hidden; + --as-thumb-size-aspect-ratio: 4/5; + img { + transition: ease all 0.35s; + transform: scale(1); + width: 100%; + } + } + .as-mm-product-card-body { + padding-top: 10px; + } + .as-mm-product-title { + font-size: 0.875rem; + a { + font-weight: 600; + color: $dark !important; + letter-spacing: 2px; + text-transform: uppercase; + text-decoration: none; + } + } + &:hover { + .as-mm-product-title { + a { + color: $primary !important; + } + } + .as-mm-product-card-media { + img { + transform: scale(1.05); + filter: grayscale(1); + } + } + } + } +} + + +/* Mega Menu Category Slider Styles +-----------------------------------------------------------*/ +.as-mm-category-slider-1 { + .as-mm-cat-slider-card { + display: flex; + align-items: center; + background: $gray-100; + border: 1px solid $gray-300; + padding: 0.625rem; + border-radius: 0; + .as-mm-cat-card-media { + flex: 0 0 90px; + max-width: 90px; + border-radius: 50%; + border: 4px solid $white; + box-shadow: 0 1px 5px -3px rgba($dark ,0.25); + position: relative; + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + width: 100%; + } + img { + max-width: 100%; + width: 100%; + height: 100%; + border-radius: 50%; + object-fit: cover; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + } + } + .as-mm-cat-card-body { + flex: 1; + padding: 0 15px; + } + .as-mm-cat-title { + a { + color: $dark !important; + font-weight: 600; + font-size: 1rem; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + &:hover { + + } + } +} + +.as-mm-category-slider-2 { + .as-mm-cat-slider-card { + position: relative; + .as-mm-cat-card-media { + overflow: hidden; + img { + width: 100%; + transition: ease all 0.35s; + transform: scale(1); + } + } + .as-mm-cat-card-body { + position: absolute; + bottom: 20px; + left: 0; + } + .as-mm-cat-title { + a { + background: $white; + color: $dark !important; + padding: 7px 28px; + display: inline-block; + vertical-align: top; + text-decoration: none; + position: relative; + z-index: 1; + &:after { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: auto; + width: 0px; + top: 0; + bottom: 0; + background: $primary; + transition: ease all 0.35s; + } + } + } + &:hover { + .as-mm-cat-card-media { + img { + transform: scale(1.05); + } + } + .as-mm-cat-title { + a { + color: $white !important; + &:after { + width: 100%; + left: auto; + right: 0; + } + } + } + } + } +} + +.as-mm-category-slider-3 { + .as-mm-cat-slider-card { + .as-mm-cat-card-media { + position: relative; + box-shadow: 0 0 5px 3px rgba($gray-900 ,0.08); + border: 0.625rem solid $white; + border-radius: 50%; + margin: 3px; + &:after { + content: ""; + display: inline-block; + vertical-align: top; + padding-bottom: 100%; + } + img { + width: 100%; + height: 100%; + object-fit: cover; + transition: ease all 0.35s; + transform: scale(1); + position: absolute; + top: 0; + left: 0; + right: 0; + border-radius: 50%; + } + } + .as-mm-cat-card-body { + text-align: center; + padding-top: 15px; + } + .as-mm-cat-title { + a { + font-weight: 600; + font-size: 1rem; + display: inline; + color: $dark !important; + background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); + background-size: 0px 1px; + background-position: 0px 100%; + background-repeat: no-repeat; + transition: ease all 0.35s; + text-decoration: none; + &:hover { + color: $primary !important; + background-size: 100% 1px; + } + } + } + &:hover { + .as-mm-cat-card-media { + img { + transform: scale(1.05); + } + } + } + } +} + + +.as-mm-category-slider-4 { + .as-mm-cat-slider-card { + .as-mm-cat-card-media { + overflow: hidden; + img { + transition: ease all 0.35s; + transform: scale(1); + width: 100%; + } + } + .as-mm-cat-card-body { + padding-top: 15px; + } + .as-mm-cat-title { + a { + font-weight: 600; + color: $dark !important; + font-size: 0.8125rem; + letter-spacing: 2px; + text-transform: uppercase; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + &:hover { + .as-mm-cat-card-media { + img { + transform: scale(1.05); + } + } + } + } +} + + +/* Mega Menu Category Grid Styles +-----------------------------------------------------------*/ +.as-mm-category-grid-1 { + .as-mm-cat-card { + padding-bottom: 15px; + .as-mm-cat-card-media { + overflow: hidden; + img { + width: 100%; + } + } + + .as-mm-cat-card-body { + padding-top: 12px; + } + + .as-mm-cat-title { + padding-bottom: 6px; + margin-bottom: 15px; + position: relative; + padding-top: 15px; + a { + font-weight: 600; + color: $dark !important; + font-size: 1rem; + text-decoration: none; + } + &:after { + content: ""; + width: 30px; + height: 2px; + background: $primary; + position: absolute; + left: 0; + bottom: 0; + } + } + + .as-mm-sub-cat { + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + + li { + padding-top: 12px; + } + } + a { + display: inline; + color: $dark !important; + background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); + background-size: 0px 1px; + background-position: 0px 100%; + background-repeat: no-repeat; + transition: ease all 0.35s; + text-decoration: none; + &:hover { + color: $primary !important; + background-size: 100% 1px; + } + } + } + } +} + + +.as-mm-category-grid-2 { + .row { + overflow: hidden; + [class*="col-"] { + box-shadow: -1px -1px 0 0 $gray-300; + } + } + .as-mm-cat-card { + padding-bottom: 15px; + .as-mm-cat-card-media { + overflow: hidden; + img { + transition: ease all 0.35s; + transform: scale(1); + width: 100%; + } + } + + .as-mm-cat-card-body { + padding-top: 12px; + } + + .as-mm-cat-title { + padding-bottom: 12px; + padding-top: 8px; + a { + font-weight: 600; + color: $dark !important; + font-size: 1rem; + letter-spacing: 2px; + text-transform: uppercase; + text-decoration: none; + } + } + + .as-mm-sub-cat { + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + + li { + padding-top: 4px; + } + } + a { + color: $dark !important; + transition: ease color 0.35s; + text-decoration: none; + display: inline-block; + vertical-align: top; + position: relative; + font-size: 0.95rem; + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 1px; + background: $dark; + opacity: 0; + transition: ease all 0.35s; + } + &:hover { + color: $primary !important; + &:after { + opacity: 1; + } + } + } + } + } +} + + +.as-mm-category-grid-3 { + .as-mm-cat-card { + display: flex; + flex-direction: column; + padding-bottom: 15px; + .as-mm-cat-card-media { + img { + width: 100%; + } + } + .as-mm-cat-title { + order: -1; + padding-bottom: 12px; + a { + font-weight: 600; + color: $dark !important; + text-decoration: none; + } + } + .as-mm-sub-cat { + padding-top: 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + + li { + padding-top: 12px; + } + } + a { + color: var(--body-color) !important; + position: relative; + text-decoration: none; + &:after { + content: ""; + position: absolute; + bottom: 3px; + left: 0; + right: 0; + width: 100%; + height: 1px; + background: $dark !important; + opacity: 0; + transition: ease all 0.35s; + } + &:hover { + &:after { + opacity: 1; + bottom: 0; + } + } + } + } + } +} + +.as-mm-category-grid-4 { + .as-mm-cat-card { + padding-bottom: 15px; + + .as-mm-cat-card-media { + img { + width: 100%; + } + } + .as-mm-cat-title { + position: relative; + padding-left: 0.75rem; + margin-top: 20px; + a { + font-weight: 600; + text-transform: uppercase; + letter-spacing: 1px; + color: $dark !important; + font-size: 0.9rem; + text-decoration: none; + } + &:after { + content: ""; + height: 100%; + background: $dark; + width: 2px; + top: 0; + bottom: 0; + position: absolute; + left: 0; + } + } + .as-mm-sub-cat { + ul { + margin: 0; + padding: 15px 0 0; + list-style: none; + } + li { + + li { + padding-top: 12px; + } + } + a { + color: $dark !important; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + } +} + +.as-mm-category-grid-5 { + .as-mm-cat-card { + padding-bottom: 15px; + + .as-mm-cat-title { + border-bottom: 1px dashed $gray-300; + padding: 0 0 10px; + margin: 0 0 10px; + a { + color: $primary; + font-weight: 600; + margin: 0; + padding: 0; + display: inline-block; + vertical-align: top; + font-size: 16px; + text-decoration: none; + } + } + .as-mm-sub-cat { + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + + li { + padding-top: 12px; + } + } + a { + color: $dark !important; + text-decoration: none; + position: relative; + padding: 0 0 0 18px; + &:after { + content: ""; + position: absolute; + top: 7px; + left: 0; + width: 8px; + background: $white; + height: 8px; + border-radius: 50%; + border: 1px solid $gray-500; + transition: all 0.3s ease; + } + &:hover { + color: $primary !important; + } + } + } + } +} + + +/* Mega Menu Brand Styles +-----------------------------------------------------------*/ +.as-mm-brand-snippet-1 { + .as-mm-brand-card { + background-color: $white; + border: 1px solid $gray-300; + overflow: hidden; + position: relative; + text-align: center; + display: flex; + flex-direction: column; + .as-mm-brand-card-media { + position: relative; + text-align: center; + align-items: center; + justify-content: center; + display: flex; + height: 110px; + img { + max-width: 100%; + max-height: 100px; + } + } + .as-mm-brand-title { + padding: 8px; + text-align: center; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 600; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + } +} + +.as-mm-brand-snippet-2 { + + .row { + --gutter-y: 0; + --gutter-x: 0; + overflow: hidden; + [class*="col-lg"] { + box-shadow: $gray-300 1px 1px; + } + .as-mm-brand-card { + border: none; + margin: 0; + .as-mm-brand-title { + border-top: none; + } + } + } + + .as-mm-brand-card { + border-right: 1px solid $gray-300; + margin-right: -1px; + .as-mm-brand-card-media { + text-align: center; + display: flex; + align-items: center; + justify-content: center; + height: 110px; + img { + max-width: 100%; + max-height: 95px; + } + } + .as-mm-brand-title { + padding: 8px; + text-align: center; + border-top: 1px solid $gray-300; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 600; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + } +} + + +.as-mm-brand-snippet-3 { + .as-mm-brand-card { + .as-mm-brand-card-media { + text-align: center; + height: 110px; + img { + max-width: 100%; + max-height: 100px; + } + } + .as-mm-brand-title { + text-align: center; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 600; + text-decoration: none; + &:hover { + color: $primary !important; + } + } + } + &:hover { + .as-mm-brand-card-media { + img { + filter: grayscale(1); + } + } + } + } +} + + +.as-mm-brand-snippet-4 { + .as-mm-brand-card { + .as-mm-brand-card-media { + text-align: center; + margin: 2px; + border-radius: 0.625rem; + box-shadow: 0 0 3px 1px rgba($gray-900 ,0.10); + height: 110px; + display: flex; + align-items: center; + justify-content: center; + img { + max-width: 100%; + max-height: 90px; + } + } + .as-mm-brand-title { + margin-top: -15px; + text-align: center; + margin-bottom: 0.625rem; + a { + color: $dark !important; + box-shadow: 0 0 3px 1px rgba($gray-900 ,0.10); + background: $white; + font-size: 0.9375rem; + font-weight: 600; + text-decoration: none; + display: inline-block; + padding: 5px 20px; + border-radius: 30px; + &:hover { + color: $primary !important; + } + } + } + } +} + +.as-mm-brand-snippet-5 { + .as-mm-brand-card { + .as-mm-brand-card-media { + border: 1px solid $gray-300; + padding-bottom: 100%; + position: relative; + border-radius: 50%; + overflow: hidden; + img { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 80%; + height: 80%; + object-fit: contain; + margin: auto; + } + } + .as-mm-brand-title { + text-align: center; + margin-top: 0.625rem; + a { + color: $dark !important; + font-size: 0.9375rem; + font-weight: 600; + &:hover { + color: $primary !important; + } + } + } + } +} + + +/* Mega Menu Burger +-----------------------------------------------------------*/ + + +@include media-breakpoint-up(lg) { + .as-mega-tab-menu { + header .navbar & { + max-height: inherit; + overflow: inherit; + } + .as-mm-tabs-levels { + position: relative; + background: $white; + padding: 0; + list-style: none; + box-shadow: $box-shadow; + .as-mm-tabs-level-1 { + width: 25%; + + .as-mm-tabs-level-1 { + .s-mm-tabs-level-title { + border-top: 1px solid $gray-300; + } + } + .s-mm-tabs-level-title { + position: relative; + z-index: 2; + background: $white; + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + margin: auto; + opacity: 0; + width: 17px; + height: 17px; + border-top: 1px solid $gray-300; + border-left: 1px solid $gray-300; + transform: rotate(-45deg); + right: -8px; + background: $white; + pointer-events: none; + } + a { + padding: 15px; + display: flex; + position: relative; + color: $dark; + align-items: center; + font-weight: 500; + text-decoration: none; + font-size: 16px; + } + .mm-t-icon { + flex: 0 0 35px; + width: 35px; + height: 35px; + img { + width: 35px; + height: 35px; + object-fit: cover; + } + } + .mm-t-title { + flex: 1; + padding-left: 10px; + } + } + .as-mm-tabs-level-2 { + position: absolute; + top: 0; + min-height: 100%; + left: 25%; + display: none; + width: 75%; + background: $white; + max-height: 60vh; + overflow-y: auto; + box-shadow: 11px 13px 12px -9px rgba(0, 0, 0, 0.10); + border-left: 1px solid $gray-300; + } + &.active { + .s-mm-tabs-level-title { + &:after { + opacity: 1; + } + } + .as-mm-tabs-level-2 { + display: block; + } + } + } + } + } +} + +@include media-breakpoint-down(lg) { + .as-mega-tab-menu { + .as-mm-tabs-container { + padding: 0; + } + .s-mm-tabs-level-title { + position: relative; + background: $white; + a { + padding: 10px 0; + display: flex; + position: relative; + color: $dark; + align-items: center; + font-weight: 500; + text-decoration: none; + font-size: 16px; + } + .mm-t-icon { + flex: 0 0 30px; + width: 30px; + height: 30px; + img { + width: 30px; + height: 30px; + object-fit: cover; + } + } + .mm-t-title { + flex: 1; + padding-left: 10px; + } + .as-mob-tab-menu { + width: 30px; + height: 30px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + span { + width: 13px; + height: 13px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + &:after { + width: 100%; + height: 1px; + } + &:before { + width: 1px; + height: 100%; + } + &:after, + &:before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background: $dark; + transition: ease all 0.35s; + } + } + } + } + .as-mm-tabs-level-2 { + display: none; + .as-mega-menu-preview-section { + padding-top: 0; + padding-bottom: 0; + } + } + .as-mm-tabs-level-1 { + border-bottom: 1px solid $gray-300; + &.as-mob-menu { + .as-mm-tabs-level-2 { + display: block; + } + .s-mm-tabs-level-title { + .as-mob-tab-menu { + span { + &:before { + height: 0; + } + } + } + } + } + } + } +} + + + +/* Mega Menu Responsive +-----------------------------------------------------------*/ +@include media-breakpoint-down(lg) { + .as-main-header { + .navbar-nav { + .o_mega_menu { + display: none !important; + padding-left: 15px; + padding-right: 15px; + &.show { + display: block !important; + } + } + .as_mega_menu { + .container { + padding-left: 0; + padding-right: 0; + } + } + } + } +} diff --git a/theme_alan/static/src/scss/dynamic/product-banner.scss b/theme_alan/static/src/scss/dynamic/product-banner.scss new file mode 100644 index 000000000..905417fcb --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/product-banner.scss @@ -0,0 +1,855 @@ +// Common Code +.as-product-banner-card { + .as-product-card-media { + position: relative; + overflow: hidden; + .as-hover-image { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; + transition: ease all 0.35s; + img { + width: 100%; + height: 100%; + object-fit: var(--as-product-aspect-fill); + } + } + &:hover { + .as-hover-image { + opacity: 1; + } + } + } +} + + +// Product Card 01 +.as-product-banner-card-01 { + height: 100%; + .as-product-banner-form { + display: flex; + flex-wrap: wrap; + border: 1px solid $gray-300; + height: 100%; + } + + .as-product-card-media { + flex: 0 0 45%; + max-width: 45%; + position: relative; + align-self: flex-start; + @include media-breakpoint-down(md) { + flex: 0 0 100%; + max-width: 100%; + } + } + + .as-product-card-body { + flex: 0 0 55%; + max-width: 55%; + padding: 20px; + border-left: 1px solid $gray-300; + @include media-breakpoint-down(md) { + border-top: 1px solid $gray-300; + border-left: none; + flex: 0 0 100%; + max-width: 100%; + } + } + + .as-pc-brand { + font-size: 12px; + padding-bottom: 2px; + span { + color: var(--body-color); + text-transform: uppercase; + letter-spacing: 1px; + } + } + + .as-pc-title { + padding: 0 0 8px; + a { + font-size: 18px; + font-weight: 500; + color: $dark; + text-decoration: none; + } + } + + .as-pc-price { + font-size: 15px; + padding-bottom: 12px; + .product_price { + margin: 0 !important; + padding: 0 !important; + display: flex !important; + align-items: center; + flex-wrap: wrap; + } + h3 { + font-size: 16px; + margin: 0; + padding: 0; + font-weight: normal; + color: var(--body-color); + } + .text-danger { + margin: 0 !important; + font-size: 85%; + font-weight: normal; + } + } + + .as-product-discounted { + font-size: 12px; + font-weight: 500; + padding: 4px 8px; + display: inline-block; + vertical-align: middle; + background: rgba($primary, 0.1); + color: $primary; + } + + .as-pc-message { + span { + border: 1px solid rgba($danger, 0.3); + color: $danger; + padding: 5px 14px; + display: inline-block; + vertical-align: top; + margin-bottom: 15px; + background: rgba($danger, 0.1); + font-size: 14px; + } + } + + .as-product-card-desc { + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + margin-bottom: 15px; + } + + .as-pc-rating { + position: absolute; + bottom: 10px; + right: 10px; + background: $white; + font-size: 13px; + padding: 3px 10px; + color: $dark; + border: 1px solid $gray-300; + cursor: pointer; + .fa { + color: $warning; + } + } + + .as-pc-tags { + margin: 0; + padding: 15px 0 0; + list-style: none; + display: flex; + li { + border: 1px solid $gray-200; + background: $gray-100; + padding: 5px 8px; + font-size: 13px; + margin: 3px 6px 3px 0px; + } + } + + .as-product-card-action { + display: flex; + flex-direction: column; + position: absolute; + top: 10px; + right: 10px; + opacity: 0; + transition: ease all 0.35s; + .as-pc-btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $dark; + color: $white; + border: none; + text-decoration: none; + margin-bottom: 8px; + cursor: pointer; + &:hover { + background: $primary; + color: $white; + } + } + } + + .as-product-card-cart { + .as-pc-cart { + padding: 0 20px; + background: $primary; + color: $white; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + margin-right: 8px; + text-transform: uppercase; + font-size: 14px; + height: 45px; + cursor: pointer; + i { + margin-right: 5px; + } + &:hover { + background: $dark; + } + } + .as-pc-quick-view { + width: 45px; + height: 45px; + background: rgba($primary, 0.2); + color: $primary; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + cursor: pointer; + &:hover { + background: $primary; + color: $white; + } + } + } + + .as-pc-colors { + display: flex; + align-items: center; + font-size: 0px; + margin: 0 0 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + } + li { + margin: 0 4px; + } + label { + width: 25px; + height: 25px; + border-radius: 0; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + + .as-pc-timer { + display: flex; + transition: ease all 0.35s; + padding-bottom: 15px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + border: 1px solid $gray-200; + background: $gray-100; + padding: 5px 8px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + li { + margin-left: 5px; + } + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 10px; + text-transform: uppercase; + } + } + + &:hover { + .as-product-card-action { + opacity: 1; + } + } +} + + + + +// Product Card 02 +.as-product-banner-card-02 { + height: 100%; + .as-product-banner-form { + display: flex; + flex-wrap: wrap; + height: 100%; + align-items: center; + } + + .as-product-card-media { + flex: 0 0 45%; + max-width: 45%; + position: relative; + @include media-breakpoint-down(md) { + flex: 0 0 100%; + max-width: 100%; + } + img { + border-radius: 10px; + } + } + + .as-product-card-body { + flex: 0 0 55%; + max-width: 55%; + @include media-breakpoint-down(md) { + flex: 0 0 100%; + max-width: 100%; + } + } + + .as-product-card-body-in { + max-width: 350px; + width: 90%; + margin: 15px auto; + text-align: center; + padding: 30px; + box-shadow: $box-shadow-sm; + border: 1px solid $gray-200; + border-radius: 10px; + text-align: center; + position: relative; + background: $white; + @include media-breakpoint-down(md) { + margin-top: -40px; + } + } + + .as-pc-brand { + font-size: 12px; + padding-bottom: 2px; + span { + color: var(--body-color); + text-transform: uppercase; + letter-spacing: 1px; + } + } + + .as-pc-title { + padding: 0 0 8px; + a { + font-size: 18px; + font-weight: 500; + color: $dark; + text-decoration: none; + } + } + + .as-pc-price { + font-size: 15px; + padding-bottom: 12px; + .product_price { + margin: 0 !important; + padding: 0 !important; + display: flex !important; + align-items: center; + flex-wrap: wrap; + justify-content: center; + } + h3 { + font-size: 16px; + margin: 0; + padding: 0; + font-weight: normal; + color: var(--body-color); + } + .text-danger { + margin: 0 !important; + font-size: 85%; + font-weight: normal; + } + } + + .as-product-discounted { + font-size: 12px; + font-weight: 500; + padding: 4px 8px; + display: inline-block; + vertical-align: middle; + background: rgba($primary, 0.1); + color: $primary; + border-radius: 30px; + } + + .as-pc-message { + span { + border: 1px solid rgba($danger, 0.3); + color: $danger; + padding: 5px 14px; + display: inline-block; + vertical-align: top; + margin-bottom: 15px; + background: rgba($danger, 0.1); + font-size: 14px; + border-radius: 40px; + } + } + + .as-product-card-desc { + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + margin-bottom: 15px; + } + + .as-pc-rating { + position: absolute; + background: $white; + font-size: 13px; + padding: 3px 10px; + color: $dark; + border: 1px solid $gray-300; + cursor: pointer; + border-radius: 30px; + bottom: -16px; + left: 0; + right: 0; + width: 65px; + margin: 0 auto; + .fa { + color: $warning; + } + } + + .as-pc-tags { + margin: 0; + padding: 15px 0 0; + list-style: none; + display: flex; + justify-content: center; + li { + border: 1px solid $gray-200; + background: $gray-100; + padding: 5px 8px; + font-size: 13px; + margin: 3px 6px 3px 0px; + border-radius: 30px; + } + } + + + .as-product-card-cart { + .as-pc-btn { + width: 45px; + height: 45px; + background: rgba($primary, 0.2); + color: $primary; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + cursor: pointer; + border-radius: 30px; + &:hover { + background: $primary; + color: $white; + } + } + + .as-pc-cart { + background: $primary; + color: $white; + &:hover { + background: $dark; + } + } + } + + .as-pc-colors { + display: flex; + align-items: center; + justify-content: center; + font-size: 0px; + margin: 0 0 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + } + li { + margin: 0 4px; + } + label { + width: 25px; + height: 25px; + border-radius: 50%; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + + .as-pc-timer { + display: flex; + transition: ease all 0.35s; + padding-bottom: 15px; + justify-content: center; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + border: 1px solid $gray-200; + background: $gray-100; + padding: 5px 8px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-radius: 4px; + + li { + margin-left: 5px; + } + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 10px; + text-transform: uppercase; + } + } + + &:hover { + .as-product-card-action { + opacity: 1; + } + } +} + + + +// Product Card 03 +.as-product-banner-card-03 { + height: 100%; + border: 1px solid $gray-300; + padding: 5px; + .as-product-banner-form { + display: flex; + flex-wrap: wrap; + height: 100%; + } + + .as-product-card-media { + flex: 0 0 45%; + max-width: 45%; + position: relative; + align-self: flex-start; + @include media-breakpoint-down(md) { + flex: 0 0 100%; + max-width: 100%; + } + } + + .as-product-card-body { + flex: 0 0 55%; + max-width: 55%; + padding: 25px; + .as-product-banner-card-col.col-lg-6 & { + padding: 15px; + } + @include media-breakpoint-down(md) { + flex: 0 0 100%; + max-width: 100%; + } + } + + .as-pc-brand { + font-size: 14px; + padding-bottom: 10px; + span { + color: var(--body-color); + text-transform: uppercase; + letter-spacing: 1px; + } + } + + .as-pc-title { + padding: 0 0 16px; + display: flex; + a { + font-size: 20px; + font-weight: 600; + color: $dark; + text-decoration: none; + } + } + + .as-pc-rating { + background: $white; + font-size: 13px; + padding: 3px 10px; + color: $dark; + border: 1px solid $gray-300; + border-radius: 3px; + margin-left: 10px; + align-self: flex-start; + white-space: nowrap; + .fa { + color: $warning; + } + } + + .as-pc-price { + font-size: 16px; + padding-bottom: 12px; + .product_price { + margin: 0 !important; + padding: 0 !important; + display: flex !important; + align-items: center; + flex-wrap: wrap; + } + h3 { + font-size: 16px; + margin: 0; + padding: 0; + font-weight: 500; + color: $dark; + } + .text-danger { + margin: 0 !important; + font-size: 85%; + font-weight: normal; + } + } + + .as-product-discounted { + font-size: 13px; + font-weight: 500; + padding: 4px 8px; + display: inline-block; + vertical-align: middle; + background: rgba($primary, 0.1); + color: $primary; + border-radius: 3px; + } + + .as-pc-message { + span { + border: 1px solid rgba($danger, 0.3); + color: $danger; + padding: 5px 14px; + display: inline-block; + vertical-align: top; + margin-bottom: 15px; + background: rgba($danger, 0.1); + font-size: 14px; + border-radius: 4px; + } + } + + .as-product-card-desc { + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + margin-bottom: 15px; + } + + + .as-pc-tags { + margin: 0; + padding: 15px 0 0; + list-style: none; + display: flex; + li { + border: 1px solid $gray-200; + background: $gray-100; + padding: 5px 12px; + font-size: 14px; + margin: 3px 6px 3px 0px; + border-radius: 3px; + } + } + + + .as-product-card-cart { + .as-pc-btn { + width: 45px; + height: 45px; + background: rgba($primary, 0.2); + color: $primary; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + cursor: pointer; + border-radius: 3px; + &:hover { + background: $primary; + color: $white; + } + } + + .as-pc-cart { + background: $primary; + color: $white; + width: auto; + padding: 0 15px; + .as-product-banner-card-col.col-lg-6 & { + width: 45px; + padding: 0; + } + span { + margin-left: 8px; + .as-product-banner-card-col.col-lg-6 & { + display: none; + } + } + + &:hover { + background: $dark; + } + } + } + + .as-pc-colors { + display: flex; + align-items: center; + font-size: 0px; + margin: 0 0 20px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + } + li { + margin: 0 4px; + } + label { + width: 30px; + height: 30px; + border-radius: 3px; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + + .as-pc-timer { + display: flex; + transition: ease all 0.35s; + padding-bottom: 20px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + border: 1px solid $gray-200; + background: $gray-100; + padding: 5px 8px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-radius: 4px; + + li { + margin-left: 5px; + } + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 10px; + text-transform: uppercase; + } + } + + &:hover { + .as-product-card-action { + opacity: 1; + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/product-ratio.scss b/theme_alan/static/src/scss/dynamic/product-ratio.scss new file mode 100644 index 000000000..cca203d72 --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/product-ratio.scss @@ -0,0 +1,55 @@ +.as-media-ratio { + padding-top: calc(100% / (var(--as-product-aspect-ratio, 1))); + width: 100%; + display: inline-block; + vertical-align: top; + position: relative; + .as-media-ratio-wrap { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + img { + width: 100%; + height: 100%; + object-fit: var(--as-product-aspect-fill); + } + } +} + +@if o-website-value('shop-img-size')=='alan_shop_img_size_1_1' { + .as-media-ratio { + --as-product-aspect-ratio: 1/1; + } +} + +@if o-website-value('shop-img-size')=='alan_shop_img_size4_3' { + .as-media-ratio { + --as-product-aspect-ratio: 4/3; + } +} + +@if o-website-value('shop-img-size')=='alan_shop_img_size4_5' { + .as-media-ratio { + --as-product-aspect-ratio: 4/5; + } +} + +@if o-website-value('shop-img-size')=='alan_shop_img_size2_3' { + .as-media-ratio { + --as-product-aspect-ratio: 2/3; + } +} + +@if o-website-value('shop-img-fill')=='alan_shop_img_fill_cover' { + .as-media-ratio { + --as-product-aspect-fill: cover; + } +} + +@if o-website-value('shop-img-fill')=='alan_shop_img_fill_contain' { + .as-media-ratio { + --as-product-aspect-fill: contain; + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/product-snippets.scss b/theme_alan/static/src/scss/dynamic/product-snippets.scss new file mode 100644 index 000000000..f5289614a --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/product-snippets.scss @@ -0,0 +1,1468 @@ +.as-product-card { + .as-product-card-media { + position: relative; + overflow: hidden; + .as-hover-image { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; + transition: ease all 0.35s; + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + &:hover { + .as-hover-image { + opacity: 1; + } + } + } + .as-pc-price { + span { + &.text-muted { + width: 100%; + display: block; + padding-top: 5px; + } + } + } + .as-color-variant { + li { + &:nth-child(3) { + ~ li { + display: none !important; + } + } + } + } +} + + +// Product Card 01 +.as-product-card-01 { + background: $white; + .as_product_rating { + position: absolute; + top: 15px; + right: 15px; + font-size: 11px; + color: $dark; + font-weight: 600; + background: $white; + padding: 3px 6px; + border-radius: 15px; + display: inline-block; + text-align: center; + vertical-align: middle; + box-shadow: 0px 1px 3px rgba($dark, 0.10), 0px 1px 2px -1px rgba($dark, 0.10); + i { + color: $warning; + } + } + + .as-product-card-body { + position: relative; + } + + .as-pc-timer { + display: flex; + justify-content: center; + transition: ease all 0.35s; + ul { + margin: 0; + padding: 8px 10px; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + border-radius: 5px; + background: $white; + .as-snippets-row .col-lg-2 & { + font-size: 11px; + padding: 4px 6px; + } + } + li { + padding: 0 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + .as-snippets-row .col-lg-2 & { + padding: 0 2px; + } + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 10px; + text-transform: uppercase; + } + } + + .as-product-card-cart { + .as-pc-cart-btn { + width: 100%; + background: $dark; + padding: 0 10px; + display: flex; + justify-content: center; + align-items: center; + height: 42px; + color: $white; + text-transform: uppercase; + font-size: 13px; + letter-spacing: 1px; + text-decoration: none; + &:hover { + background: $primary; + } + i { + margin-right: 5px; + } + } + } + + .as-product-card-action { + .as-pc-btn { + width: 38px; + height: 38px; + display: inline-flex; + align-items: center; + justify-content: center; + color: $dark; + background: transparent; + transition: ease all 0.35s; + border-radius: 50%; + text-decoration: none; + margin: 0 8px; + cursor: pointer; + &:hover { + color: $white; + background: $dark; + } + } + } + + .as-product-card-info { + padding-top: 10px; + } + + .as-pc-brand { + text-align: center; + font-size: 12px; + padding-bottom: 2px; + span { + color: var(--body-color); + } + } + + .as-pc-colors { + font-size: 0px; + ul { + margin: 0; + padding: 15px 0 0; + list-style: none; + display: flex; + justify-content: center; + align-items: center; + } + li { + padding: 0 3px; + } + label { + width: 25px; + height: 25px; + border-radius: 50%; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $dark; + } + } + } + + .as-pc-title { + text-align: center; + padding-bottom: 5px; + font-size: 16px; + a { + text-decoration: none; + color: $dark; + font-weight: 500; + } + } + + .as-pc-price { + font-size: 15px; + text-align: center; + .product_price { + margin: 0 !important; + padding: 0 !important; + } + h3 { + font-size: 15px; + margin: 0; + padding: 0; + font-weight: normal; + color: var(--body-color); + } + .text-danger { + margin: 0 !important; + font-size: 80%; + font-weight: normal; + } + } + + .as-product-discounted { + font-size: 11px; + font-weight: 500; + padding: 4px 8px; + display: inline-block; + vertical-align: middle; + background: rgba($primary, 0.1); + color: $primary; + border-radius: 30px; + } + + .as-pc-message { + text-align: center; + span { + font-size: 14px; + font-weight: 500; + padding-top: 6px; + display: inline-block; + vertical-align: top; + color: $danger; + } + } + + // Large Screen + @include media-breakpoint-up(md) { + .as-product-card-action { + position: absolute; + top: -58px; + left: 0; + right: 0; + display: flex; + justify-content: center; + padding: 5px; + background: $white; + transition: ease all 0.35s; + opacity: 0; + } + .as-pc-timer { + position: absolute; + top: -60px; + margin-bottom: 15px; + left: 0; + right: 0; + opacity: 1; + } + + &:hover { + .as-pc-timer { + top: -50px; + opacity: 0; + } + .as-product-card-action { + top: -48px; + opacity: 1; + } + } + } + + // Small Screen + @include media-breakpoint-down(md) { + .as-product-card-info { + padding-top: 6px; + } + .as-pc-timer { + ul { + padding: 8px 0; + font-size: 11px; + border-radius: 0; + } + li { + padding: 0 3px; + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 8px; + text-transform: uppercase; + } + } + .as-product-card-cart { + .as-pc-cart-btn { + height: 38px; + letter-spacing: 1px; + font-size: 12px; + i { + display: none; + } + } + } + .as-product-card-action { + border: 1px solid $dark; + display: flex; + justify-content: center; + padding: 5px; + .as-pc-btn { + font-size: 14px; + width: 32px; + height: 32px; + border: 1px solid $gray-300; + margin: 0 3px; + } + } + .as-pc-title { + font-size: 14px; + line-height: 1.4; + } + .as-pc-price { + h3 { + font-size: 13px; + } + } + .as-pc-colors { + ul { + padding: 10px 0 0; + } + label { + width: 22px; + height: 22px; + } + } + } + +} + + +// Product Card 02 +.as-product-card-02 { + background: $white; + .swiper-wrapper & { + margin-bottom: 10px; + } + .as-pc-wishlist { + position: absolute; + top: 10px; + right: 10px; + width: 36px; + height: 36px; + background: $white; + color: $dark; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + transition: ease all 0.35s; + &:hover { + background: $primary; + color: $white; + } + &.disabled { + background: $primary; + color: $white; + } + } + + .as-product-card-body { + position: relative; + padding-top: 10px; + } + + .as-product-card-cart { + display: flex; + + .as-pc-btn { + flex: 0 0 40px; + max-width: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + margin: 0 2px; + border: 1px solid $dark; + color: $dark; + background: $white; + text-decoration: none; + cursor: pointer; + &:hover { + border: 1px solid $primary; + color: $white; + background: $primary; + } + } + .as-pc-cart-btn { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + margin: 0 2px; + border: 1px solid $dark; + color: $dark; + background: $white; + text-decoration: none; + flex: 1; + text-transform: uppercase; + font-size: 14px; + font-weight: 500; + span { + padding-left: 6px; + } + &:hover { + border: 1px solid $primary; + color: $white; + background: $primary; + } + } + } + + .as-pc-rating { + position: absolute; + bottom: 10px; + left: 10px; + background: $white; + font-size: 0.8rem; + padding: 3px 10px; + color: $dark; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); + font-size: 13px; + .fa { + color: $warning; + } + } + + .as-pc-brand { + font-size: 12px; + padding-bottom: 2px; + span { + color: var(--body-color); + } + } + .as-pc-colors { + display: flex; + align-items: center; + font-size: 0px; + margin: 0; + ul { + margin: 15px 0 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + } + li { + margin: 0 4px; + } + label { + width: 30px; + height: 30px; + border-radius: 0; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + .as-pc-title { + padding-bottom: 5px; + font-size: 15px; + a { + text-decoration: none; + color: $dark; + font-weight: 500; + } + } + + .as-pc-price { + font-size: 14px; + padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + .product_price { + margin: 0 !important; + padding: 0 !important; + } + h3 { + font-size: 14px; + margin: 0; + padding: 0; + font-weight: 500; + color: $primary; + } + span.text-muted { + margin: 0; + font-size: 12px; + } + .text-danger { + margin: 0 !important; + font-size: 75%; + font-weight: normal; + } + .as-product-discounted { + background: rgba($primary, 0.1); + color: $primary; + font-size: 12px; + padding: 2px 10px; + border-radius: 30px; + display: inline-flex; + } + } + + .as-pc-message { + text-align: center; + font-size: 15px; + font-weight: 500; + span { + background: rgba($danger, 0.1); + padding: 5px 10px; + font-size: 12px; + border-radius: 5px; + margin-top: 8px; + color: $danger; + display: inline-block; + vertical-align: top; + } + } + + .as-pc-timer { + display: flex; + justify-content: center; + transition: ease all 0.35s; + padding-top: 10px; + ul { + margin: 0 0 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + padding: 0 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 10px; + text-transform: uppercase; + } + } + + + + // Large Screen + @include media-breakpoint-up(md) { + .as-product-card-cart { + position: absolute; + top: -52px; + background: rgba($white, 0.85); + left: 0; + right: 0; + padding: 6px 2px; + transform: scaleY(0); + transition: ease all 0.35s; + transform-origin: bottom; + } + &:hover { + .as-product-card-cart { + transform: scaleY(1); + } + } + } + + // Small Screen + @include media-breakpoint-down(md) { + .as-product-card-cart { + padding-bottom: 10px; + .as-pc-cart-btn { + span { + display: none; + } + } + } + .as-pc-timer { + ul { + padding: 0; + font-size: 11px; + border-radius: 0; + } + li { + padding: 0 3px; + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 8px; + text-transform: uppercase; + } + } + } + +} + + +// Product Card 03 +.as-product-card-03 { + background: $white; + .as-product-card-body { + position: relative; + padding-top: 12px; + } + + .as-pc-price { + font-size: 15px; + text-align: center; + padding: 0 0 12px; + font-size: 15px; + text-align: center; + padding: 0 0 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + .product_price { + margin: 0 !important; + padding: 0 !important; + } + h3 { + font-size: 1rem; + margin: 0; + padding: 0; + font-weight: 500; + color: $dark; + } + .text-danger { + margin: 0 !important; + font-size: 75%; + font-weight: normal; + } + .as-product-discounted { + color: $primary; + font-size: 13px; + } + } + + .as-pc-rating { + position: absolute; + bottom: 10px; + right: 10px; + background: $white; + font-size: 0.8rem; + padding: 3px 10px; + color: $dark; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); + .fa { + color: $warning; + } + } + + .as-pc-brand { + text-align: center; + font-size: 12px; + padding-bottom: 2px; + span { + color: var(--body-color); + } + } + + .as-pc-colors { + display: flex; + align-items: center; + justify-content: center; + font-size: 0px; + margin: 0; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + } + li { + margin: 0 4px; + } + label { + width: 25px; + height: 25px; + border-radius: 50%; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + + .as-pc-title { + text-align: center; + padding-bottom: 5px; + font-size: 15px; + a { + text-decoration: none; + color: $dark; + font-weight: 500; + } + } + + .as-pc-timer { + li { + padding: 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 10px; + text-transform: uppercase; + } + } + + .as-product-card-action { + .as-pc-btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $white; + color: $dark; + margin: 7px 0 0; + text-decoration: none; + border-radius: 3px; + transition: ease all 0.35s; + cursor: pointer; + box-shadow: 0px 0px 13px -1px rgba($dark, 0.14); + &:hover { + background: $dark; + color: $white; + } + } + } + + .as-pc-message { + text-align: center; + span { + background: rgba($danger, 0.1); + padding: 5px 10px; + font-size: 12px; + border-radius: 5px; + margin-top: 10px; + color: $danger; + display: inline-block; + vertical-align: top; + } + } + + + + // Large Screen + @include media-breakpoint-up(md) { + .as-pc-timer { + display: flex; + justify-content: center; + transition: ease all 0.35s; + position: absolute; + bottom: calc(100% + 15px); + left: 15px; + opacity: 1; + transition: ease all 0.35s; + ul { + margin: 0; + padding: 4px 0; + display: flex; + flex-direction: column; + list-style: none; + justify-content: center; + font-size: 13px; + border-radius: 5px; + background: $white; + } + } + .as-product-card-action { + position: absolute; + left: 0; + bottom: calc(100% + 15px); + display: flex; + flex-direction: column; + opacity: 0; + z-index: 1; + } + + &:hover { + .as-pc-timer { + left: 0; + opacity: 0; + } + .as-product-card-action { + left: 15px; + opacity: 1; + } + } + } + + // Small Screen + @include media-breakpoint-down(md) { + .as-product-card-action { + display: flex; + flex-direction: row; + padding-bottom: 10px; + justify-content: center; + .as-pc-btn { + margin: 0 3px; + border-radius: 50%; + width: 35px; + height: 35px; + } + } + .as-pc-timer { + display: flex; + justify-content: center; + padding-top: 15px; + ul { + padding: 12px 0 0; + font-size: 11px; + border-radius: 0; + display: flex; + flex-direction: row; + } + li { + padding: 0 3px; + } + label { + font-weight: 600; + color: $dark; + } + span { + font-size: 8px; + text-transform: uppercase; + } + } + } +} + + + +// Product Card 04 +.as-product-card-04 { + border: 1px solid $gray-300; + height: 100%; + background: $white; + > form { + display: flex; + flex-direction: column; + height: 100%; + } + + .as-product-card-action { + position: absolute; + right: 10px; + top: 10px; + opacity: 0; + display: flex; + flex-direction: column; + transition: ease all 0.35s; + .as-pc-btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + background: rgba($dark, 0.9); + color: $white; + backdrop-filter: saturate(180%) blur(20px); + margin: 0 0 5px; + text-decoration: none; + border-radius: 3px; + transition: ease all 0.35s; + cursor: pointer; + &:hover { + background: rgba($primary, 0.9); + color: $white; + } + } + } + + .as-product-card-body { + padding: 18px 12px 12px; + position: relative; + flex: 1; + display: flex; + flex-direction: column; + } + + .as-pc-timer { + display: flex; + justify-content: center; + ul { + margin: 0; + padding: 0; + display: flex; + flex-direction: row; + list-style: none; + justify-content: center; + font-size: 12px; + } + li { + padding: 8px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: rgba($dark, 0.9); + color: $white; + border-radius: 5px; + backdrop-filter: saturate(180%) blur(20px); + margin: 0 2px; + } + label { + font-weight: 600; + color: $white; + margin: 0 0 2px; + } + span { + font-size: 8px; + text-transform: uppercase; + } + } + + .as-pc-price { + text-align: center; + padding: 0 0 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + .product_price { + margin: 0 !important; + padding: 0 !important; + } + h3 { + font-size: 14px; + margin: 0; + padding: 0; + font-weight: 400; + color: $dark; + } + .text-danger { + margin: 0 !important; + font-size: 75%; + font-weight: normal; + } + .as-product-discounted { + color: $primary; + font-size: 13px; + } + } + + .as-pc-rating { + position: absolute; + top: -12px; + left: 0; + right: 0; + margin: auto; + width: 60px; + text-align: center; + border-radius: 50px; + background: $white; + font-size: 0.8rem; + padding: 3px 10px; + color: $dark; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); + .fa { + color: $warning; + } + } + + .as-pc-brand { + text-align: center; + font-size: 12px; + padding-bottom: 2px; + span { + color: var(--body-color); + } + } + + .as-pc-colors { + display: flex; + align-items: center; + justify-content: center; + font-size: 0px; + margin: 0; + ul { + margin: 0 0 10px; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + } + li { + margin: 0 4px; + } + label { + width: 25px; + height: 25px; + border-radius: 50%; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + + .as-pc-title { + text-align: center; + padding-bottom: 8px; + a { + text-decoration: none; + color: $dark; + font-weight: 500; + font-size: 16px; + } + } + + .as-pc-message { + span { + padding: 0 0 10px; + display: inline-block; + vertical-align: top; + text-align: center; + width: 100%; + color: $danger; + font-size: 14px; + } + } + + .as-product-card-cart { + margin-top: auto; + .as-pc-btn { + width: 100%; + background: $white; + border: 1px solid $gray-300; + color: $dark; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 10px 10px; + border-radius: 5px; + text-transform: uppercase; + font-size: 0.92rem; + font-weight: 500; + text-decoration: none; + span { + padding-left: 5px; + } + &:hover { + background: $primary; + border: 1px solid $primary; + color: $white; + } + } + } + + + + // Large Screen + @include media-breakpoint-up(md) { + .as-pc-timer { + transition: ease all 0.35s; + position: absolute; + bottom: calc(100% + 15px); + left: 15px; + right: 15px; + opacity: 1; + transition: ease all 0.35s; + } + .as-product-card-action { + right: 0; + top: 10px; + opacity: 0; + } + &:hover { + .as-pc-timer { + opacity: 0; + } + .as-product-card-action { + right: 10px; + opacity: 1; + } + } + } + // Small Screen + @include media-breakpoint-down(md) { + .as-product-card-cart { + .as-pc-btn { + span { + display: none; + } + } + } + .as-product-card-action { + opacity: 1; + .as-pc-btn { + width: 35px; + height: 35px; + } + } + .as-pc-timer { + ul { + padding: 0 0 12px; + font-size: 10px; + } + li { + padding: 0 2px; + background: none; + color: $dark; + label { + margin: 0; + color: $dark; + } + } + span { + font-size: 7px; + } + } + } +} + +// Product Card 05 +.as-product-card-05 { + border: 1px solid $gray-300; + padding: 8px; + height: 100%; + background: $white; + .as-pc-wishlist { + position: absolute; + top: 8px; + right: 8px; + width: 40px; + height: 40px; + background: $white; + color: $dark; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + transition: ease all 0.35s; + border-radius: 50%; + &:hover { + background: $primary; + color: $white; + } + &.disabled { + background: $primary; + color: $white; + } + } + + .as-product-card-action { + display: flex; + align-items: center; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: 1px solid $gray-300; + .as-pc-btn { + width: 35px; + height: 35px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $white; + color: $dark; + margin: 0 0 0 6px; + text-decoration: none; + border-radius: 50%; + transition: ease all 0.35s; + cursor: pointer; + box-shadow: 0px 0px 13px -1px rgba($dark, 0.14); + &:hover { + background: $dark; + color: $white; + } + } + } + + .as-pc-rating { + font-size: 0.8rem; + color: $dark; + .fa { + color: $warning; + } + } + + .as-pc-price { + font-size: 15px; + padding: 0 0 12px; + font-size: 15px; + padding: 0 0 12px; + display: flex; + flex-wrap: wrap; + align-items: center; + .product_price { + margin: 0 !important; + padding: 0 !important; + } + h3 { + font-size: 14px; + margin: 0; + padding: 0; + font-weight: 400; + color: $gray-600; + } + .text-danger { + margin: 0 !important; + font-size: 80%; + font-weight: normal; + } + .as-product-discounted { + color: $primary; + font-size: 13px; + } + } + + .as-pc-brand { + font-size: 13px; + padding-bottom: 2px; + text-transform: uppercase; + letter-spacing: 1px; + span { + color: var(--body-color); + } + } + + .as-pc-colors { + display: flex; + align-items: center; + font-size: 0px; + margin: 0; + ul { + margin: 0 0 10px; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + } + li { + margin: 0 8px 0 0; + } + label { + width: 25px; + height: 25px; + border-radius: 0; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + span { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + } + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + + .as-pc-title { + padding-bottom: 5px; + a { + text-decoration: none; + color: $dark; + font-weight: 500; + font-size: 17px; + } + } + + .as-pc-timer { + display: flex; + transition: ease all 0.35s; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + padding: 0 10px 0 0; + display: flex; + flex-direction: column; + } + label { + font-weight: 600; + color: $dark; + font-size: 13px; + } + span { + font-size: 9px; + text-transform: uppercase; + } + } + + .as-product-card-cart { + position: absolute; + bottom: 0; + left: 0; + right: 0; + .as-pc-cart-btn { + width: 100%; + background: $dark; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 10px 10px; + color: $white; + text-transform: uppercase; + font-size: 14px; + font-weight: 500; + letter-spacing: 1px; + text-decoration: none; + i { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 16px; + opacity: 0; + transition: ease all 0.35s; + } + + span { + opacity: 1; + transition: ease all 0.35s; + } + &:hover { + color: $white; + background: $primary; + i { + opacity: 1; + } + span { + opacity: 0; + } + } + } + } + + .as-pc-message { + + span { + background: rgba($danger, 0.1); + padding: 5px 10px; + font-size: 12px; + border-radius: 5px; + margin-top: 10px; + color: $danger; + display: inline-block; + vertical-align: top; + } + } + + // Small Screen + @include media-breakpoint-down(md) { + + padding: 5px; + + .as-pc-wishlist { + width: 35px; + height: 35px; + } + + .as-product-card-cart { + .as-pc-cart-btn { + font-size: 12px; + } + } + .as-pc-timer { + ul { + font-size: 11px; + } + span { + font-size: 8px; + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/product-tabs.scss b/theme_alan/static/src/scss/dynamic/product-tabs.scss new file mode 100644 index 000000000..a4801a263 --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/product-tabs.scss @@ -0,0 +1,210 @@ +.as-tab-slider-1 { + .as-nav-tabs-style { + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + } + li { + margin: 0 5px; + span { + display: inline-block; + padding: 10px 25px; + border: 1px solid $gray-300; + color: var(--body-color); + border-radius: 30px; + cursor: pointer; + } + &.active { + span { + background-color: $dark; + border: 1px solid $dark; + color: $white; + } + } + } + } +} + + +.as-tab-slider-2 { + .as-nav-tabs-style { + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + } + li { + margin: 0 5px; + span { + font-size: 15px; + margin: 0 4px; + font-weight: 500; + padding: 6px 12px; + border-radius: 3px; + border: 1px solid $gray-300; + cursor: pointer; + position: relative; + color: $dark; + text-decoration: none; + background: $white; + display: inline-flex; + } + &.active { + span { + background-color: $primary; + border: 1px solid $primary; + color: $white; + } + } + } + } +} + +.as-tab-slider-3 { + .as-nav-tabs-style { + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + } + li { + margin: 0 10px; + + span { + display: inline-block; + color: $dark; + font-size: 15px; + font-weight: 600; + position: relative; + cursor: pointer; + text-transform: uppercase; + cursor: pointer; + &:after { + content: ""; + position: absolute; + bottom: 0; + left: auto; + right: 0; + height: 1px; + width: 0px; + transition: ease-in-out all 0.6s; + background-color: currentColor; + } + } + + &.active { + span { + color: $primary; + &:after { + width: 100%; + right: auto; + left: 0; + } + } + } + } + } +} + +.as-tab-slider-4 { + .as-nav-tabs-style { + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + } + li { + margin: 0 5px; + span { + display: inline-block; + padding: 10px 25px; + border: 1px solid transparent; + cursor: pointer; + text-transform: uppercase; + color: $dark; + font-weight: 500; + } + &.active { + span { + background-color: $dark; + border: 1px solid $dark; + color: $white; + } + } + } + } +} + +.as-tab-slider-5 { + .as-nav-tabs-style { + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + } + li { + margin: 0 5px; + span { + display: inline-block; + padding: 10px 25px; + border: 1px solid transparent; + cursor: pointer; + text-transform: uppercase; + color: $dark; + font-weight: 500; + } + &.active { + span { + background-color: $dark; + border: 1px solid $dark; + color: $white; + } + } + } + } +} + + +.as-tab-content { + padding-top: 30px; + .as-tab-pane { + display: none; + &.active { + display: block; + } + } +} + + + +@include media-breakpoint-down(md) { + .as-nav-tabs-style { + ul { + flex-wrap: nowrap !important; + overflow-x: auto; + justify-content: flex-start !important; + padding-bottom: 10px; + li { + span { + white-space: nowrap; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/similar-product.scss b/theme_alan/static/src/scss/dynamic/similar-product.scss new file mode 100644 index 000000000..aa02b0192 --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/similar-product.scss @@ -0,0 +1,128 @@ +.as-similar-product-modal { + &.modal { + &.show { + .modal-dialog { + transform: translateX(0); + } + } + .modal-dialog { + transform: translateX(100%); + min-height: 100%; + max-width: 400px; + width: 100%; + margin: 0 0 0 auto; + transition: transform .3s ease-out; + padding: 0; + background: $white; + height: 100%; + .modal-body { + padding: 0; + display: flex; + flex-direction: column; + } + } + .modal-content { + border: none; + border-radius: 0; + box-shadow: none; + height: 100%; + } + } + + .as-modal-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20px; + min-height: 55px; + border-bottom: 1px solid $gray-300; + position: sticky; + top: 0; + left: 0; + right: 0; + background: $white; + z-index: 3; + h5 { + margin: 0; + font-weight: 600; + font-size: 15px; + text-transform: uppercase; + letter-spacing: 2px; + color: $dark; + } + } + + .as-similar-product-list { + display: flex; + flex-wrap: wrap; + padding: 10px; + width: 100%; + flex-direction: column; + gap: 15px; + .as-similar-product { + display: flex; + border: 1px solid $gray-300; + position: relative; + .link-overlay { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } + .sim-pro-img { + flex: 0 0 100px; + max-width: 100px; + position: relative; + img { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: cover; + } + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + } + .sim-pro-body { + flex: 0 0 calc(100% - 100px); + max-width: calc(100% - 100px); + padding: 15px; + } + h4 { + font-size: 15px; + font-weight: 600; + color: $dark; + margin: 0 0 5px; + } + .product_price { + font-size: 14px; + } + } + } + + .as-similar-empty { + text-align: center; + padding: 20px 0 0; + .img { + margin-bottom: 30px; + } + p { + display: inline-block; + background: $gray-100; + border: 1px solid $gray-300; + padding: 6px 25px; + margin: 0; + border-radius: 30px; + color: $dark; + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/dynamic/swiper.scss b/theme_alan/static/src/scss/dynamic/swiper.scss new file mode 100644 index 000000000..343549f69 --- /dev/null +++ b/theme_alan/static/src/scss/dynamic/swiper.scss @@ -0,0 +1,104 @@ +:root { + --swiper-theme-color: #{$primary}; +} + + + +.swiper { + opacity: 0; + &.swiper-initialized { + opacity: 1; + } + + .swiper-button-prev, + .swiper-button-next { + width: 25px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $dark; + color: $white; + font-size: 1.5rem; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: auto; + margin: auto; + z-index: 2; + transition: ease all 0.35s; + opacity: 0 !important; + &:hover { + background: $primary; + color: $white; + } + &.swiper-button-disabled { + opacity: 0.5 !important; + } + &:after { + display: none; + } + } + .swiper-button-next { + left: auto; + right: 0; + } + &:hover { + .swiper-button-prev, + .swiper-button-next { + opacity: 1 !important; + &.swiper-button-disabled { + opacity: 0.5 !important; + } + } + } + &.swiper-cards { + .swiper-button-prev, + .swiper-button-next { + display: none !important; + } + } + + .swiper-pagination-bullets { + position: relative; + padding-top: 30px; + bottom: 0px; + } + + .swiper-pagination-progressbar { + position: relative; + top: auto !important; + margin-top: 30px; + } + + .swiper-pagination-fraction { + position: relative; + bottom: auto !important; + margin-top: 30px; + color: $gray-300; + font-size: 14px; + line-height: 1; + .swiper-pagination-total { + font-size: 13px; + color: $dark; + font-weight: 600; + } + .swiper-pagination-current { + font-size: 18px; + color: $primary; + font-weight: 600; + } + } + +} + + +.s_dynamic_snippets { + .swiper-wrapper { + display: flex; + .swiper-slide { + height: auto; + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/feather/fonts/feather.eot b/theme_alan/static/src/scss/feather/fonts/feather.eot new file mode 100644 index 000000000..58371d908 Binary files /dev/null and b/theme_alan/static/src/scss/feather/fonts/feather.eot differ diff --git a/theme_alan/static/src/scss/feather/fonts/feather.svg b/theme_alan/static/src/scss/feather/fonts/feather.svg new file mode 100644 index 000000000..5dda143b6 --- /dev/null +++ b/theme_alan/static/src/scss/feather/fonts/feather.svg @@ -0,0 +1,849 @@ + + + + + +Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/static/src/scss/feather/fonts/feather.ttf b/theme_alan/static/src/scss/feather/fonts/feather.ttf new file mode 100644 index 000000000..0b33dac78 Binary files /dev/null and b/theme_alan/static/src/scss/feather/fonts/feather.ttf differ diff --git a/theme_alan/static/src/scss/feather/fonts/feather.woff b/theme_alan/static/src/scss/feather/fonts/feather.woff new file mode 100644 index 000000000..9b03a72a0 Binary files /dev/null and b/theme_alan/static/src/scss/feather/fonts/feather.woff differ diff --git a/theme_alan/static/src/scss/feather/iconfont.scss b/theme_alan/static/src/scss/feather/iconfont.scss new file mode 100644 index 000000000..aacb453e7 --- /dev/null +++ b/theme_alan/static/src/scss/feather/iconfont.scss @@ -0,0 +1,568 @@ + +@font-face { + font-family: "feather"; + src: url('fonts/feather.eot?t=1525787366991'); /* IE9*/ + src: url('fonts/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('fonts/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */ + url('fonts/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('fonts/feather.svg?t=1525787366991#feather') format('svg'); /* iOS 4.1- */ +} + +.asi { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.asi-alert-octagon:before { content: "\e81b"; } + +.asi-alert-circle:before { content: "\e81c"; } + +.asi-activity:before { content: "\e81d"; } + +.asi-alert-triangle:before { content: "\e81e"; } + +.asi-align-center:before { content: "\e81f"; } + +.asi-airplay:before { content: "\e820"; } + +.asi-align-justify:before { content: "\e821"; } + +.asi-align-left:before { content: "\e822"; } + +.asi-align-right:before { content: "\e823"; } + +.asi-arrow-down-left:before { content: "\e824"; } + +.asi-arrow-down-right:before { content: "\e825"; } + +.asi-anchor:before { content: "\e826"; } + +.asi-aperture:before { content: "\e827"; } + +.asi-arrow-left:before { content: "\e828"; } + +.asi-arrow-right:before { content: "\e829"; } + +.asi-arrow-down:before { content: "\e82a"; } + +.asi-arrow-up-left:before { content: "\e82b"; } + +.asi-arrow-up-right:before { content: "\e82c"; } + +.asi-arrow-up:before { content: "\e82d"; } + +.asi-award:before { content: "\e82e"; } + +.asi-bar-chart:before { content: "\e82f"; } + +.asi-at-sign:before { content: "\e830"; } + +.asi-bar-chart-2:before { content: "\e831"; } + +.asi-battery-charging:before { content: "\e832"; } + +.asi-bell-off:before { content: "\e833"; } + +.asi-battery:before { content: "\e834"; } + +.asi-bluetooth:before { content: "\e835"; } + +.asi-bell:before { content: "\e836"; } + +.asi-book:before { content: "\e837"; } + +.asi-briefcase:before { content: "\e838"; } + +.asi-camera-off:before { content: "\e839"; } + +.asi-calendar:before { content: "\e83a"; } + +.asi-bookmark:before { content: "\e83b"; } + +.asi-box:before { content: "\e83c"; } + +.asi-camera:before { content: "\e83d"; } + +.asi-check-circle:before { content: "\e83e"; } + +.asi-check:before { content: "\e83f"; } + +.asi-check-square:before { content: "\e840"; } + +.asi-cast:before { content: "\e841"; } + +.asi-chevron-down:before { content: "\e842"; } + +.asi-chevron-left:before { content: "\e843"; } + +.asi-chevron-right:before { content: "\e844"; } + +.asi-chevron-up:before { content: "\e845"; } + +.asi-chevrons-down:before { content: "\e846"; } + +.asi-chevrons-right:before { content: "\e847"; } + +.asi-chevrons-up:before { content: "\e848"; } + +.asi-chevrons-left:before { content: "\e849"; } + +.asi-circle:before { content: "\e84a"; } + +.asi-clipboard:before { content: "\e84b"; } + +.asi-chrome:before { content: "\e84c"; } + +.asi-clock:before { content: "\e84d"; } + +.asi-cloud-lightning:before { content: "\e84e"; } + +.asi-cloud-drizzle:before { content: "\e84f"; } + +.asi-cloud-rain:before { content: "\e850"; } + +.asi-cloud-off:before { content: "\e851"; } + +.asi-codepen:before { content: "\e852"; } + +.asi-cloud-snow:before { content: "\e853"; } + +.asi-compass:before { content: "\e854"; } + +.asi-copy:before { content: "\e855"; } + +.asi-corner-down-right:before { content: "\e856"; } + +.asi-corner-down-left:before { content: "\e857"; } + +.asi-corner-left-down:before { content: "\e858"; } + +.asi-corner-left-up:before { content: "\e859"; } + +.asi-corner-up-left:before { content: "\e85a"; } + +.asi-corner-up-right:before { content: "\e85b"; } + +.asi-corner-right-down:before { content: "\e85c"; } + +.asi-corner-right-up:before { content: "\e85d"; } + +.asi-cpu:before { content: "\e85e"; } + +.asi-credit-card:before { content: "\e85f"; } + +.asi-crosshair:before { content: "\e860"; } + +.asi-disc:before { content: "\e861"; } + +.asi-delete:before { content: "\e862"; } + +.asi-download-cloud:before { content: "\e863"; } + +.asi-download:before { content: "\e864"; } + +.asi-droplet:before { content: "\e865"; } + +.asi-edit-2:before { content: "\e866"; } + +.asi-edit:before { content: "\e867"; } + +.asi-edit-1:before { content: "\e868"; } + +.asi-external-link:before { content: "\e869"; } + +.asi-eye:before { content: "\e86a"; } + +.asi-feather:before { content: "\e86b"; } + +.asi-facebook:before { content: "\e86c"; } + +.asi-file-minus:before { content: "\e86d"; } + +.asi-eye-off:before { content: "\e86e"; } + +.asi-fast-forward:before { content: "\e86f"; } + +.asi-file-text:before { content: "\e870"; } + +.asi-film:before { content: "\e871"; } + +.asi-file:before { content: "\e872"; } + +.asi-file-plus:before { content: "\e873"; } + +.asi-folder:before { content: "\e874"; } + +.asi-filter:before { content: "\e875"; } + +.asi-flag:before { content: "\e876"; } + +.asi-globe:before { content: "\e877"; } + +.asi-grid:before { content: "\e878"; } + +.asi-heart:before { content: "\e879"; } + +.asi-home:before { content: "\e87a"; } + +.asi-github:before { content: "\e87b"; } + +.asi-image:before { content: "\e87c"; } + +.asi-inbox:before { content: "\e87d"; } + +.asi-layers:before { content: "\e87e"; } + +.asi-info:before { content: "\e87f"; } + +.asi-instagram:before { content: "\e880"; } + +.asi-layout:before { content: "\e881"; } + +.asi-link-2:before { content: "\e882"; } + +.asi-life-buoy:before { content: "\e883"; } + +.asi-link:before { content: "\e884"; } + +.asi-log-in:before { content: "\e885"; } + +.asi-list:before { content: "\e886"; } + +.asi-lock:before { content: "\e887"; } + +.asi-log-out:before { content: "\e888"; } + +.asi-loader:before { content: "\e889"; } + +.asi-mail:before { content: "\e88a"; } + +.asi-maximize-2:before { content: "\e88b"; } + +.asi-map:before { content: "\e88c"; } + +.asi-map-pin:before { content: "\e88e"; } + +.asi-menu:before { content: "\e88f"; } + +.asi-message-circle:before { content: "\e890"; } + +.asi-message-square:before { content: "\e891"; } + +.asi-minimize-2:before { content: "\e892"; } + +.asi-mic-off:before { content: "\e893"; } + +.asi-minus-circle:before { content: "\e894"; } + +.asi-mic:before { content: "\e895"; } + +.asi-minus-square:before { content: "\e896"; } + +.asi-minus:before { content: "\e897"; } + +.asi-moon:before { content: "\e898"; } + +.asi-monitor:before { content: "\e899"; } + +.asi-more-vertical:before { content: "\e89a"; } + +.asi-more-horizontal:before { content: "\e89b"; } + +.asi-move:before { content: "\e89c"; } + +.asi-music:before { content: "\e89d"; } + +.asi-navigation-2:before { content: "\e89e"; } + +.asi-navigation:before { content: "\e89f"; } + +.asi-octagon:before { content: "\e8a0"; } + +.asi-package:before { content: "\e8a1"; } + +.asi-pause-circle:before { content: "\e8a2"; } + +.asi-pause:before { content: "\e8a3"; } + +.asi-percent:before { content: "\e8a4"; } + +.asi-phone-call:before { content: "\e8a5"; } + +.asi-phone-forwarded:before { content: "\e8a6"; } + +.asi-phone-missed:before { content: "\e8a7"; } + +.asi-phone-off:before { content: "\e8a8"; } + +.asi-phone-incoming:before { content: "\e8a9"; } + +.asi-phone:before { content: "\e8aa"; } + +.asi-phone-outgoing:before { content: "\e8ab"; } + +.asi-pie-chart:before { content: "\e8ac"; } + +.asi-play-circle:before { content: "\e8ad"; } + +.asi-play:before { content: "\e8ae"; } + +.asi-plus-square:before { content: "\e8af"; } + +.asi-plus-circle:before { content: "\e8b0"; } + +.asi-plus:before { content: "\e8b1"; } + +.asi-pocket:before { content: "\e8b2"; } + +.asi-printer:before { content: "\e8b3"; } + +.asi-power:before { content: "\e8b4"; } + +.asi-radio:before { content: "\e8b5"; } + +.asi-repeat:before { content: "\e8b6"; } + +.asi-refresh-ccw:before { content: "\e8b7"; } + +.asi-rewind:before { content: "\e8b8"; } + +.asi-rotate-ccw:before { content: "\e8b9"; } + +.asi-refresh-cw:before { content: "\e8ba"; } + +.asi-rotate-cw:before { content: "\e8bb"; } + +.asi-save:before { content: "\e8bc"; } + +.asi-search:before { content: "\e8bd"; } + +.asi-server:before { content: "\e8be"; } + +.asi-scissors:before { content: "\e8bf"; } + +.asi-share-2:before { content: "\e8c0"; } + +.asi-share:before { content: "\e8c1"; } + +.asi-shield:before { content: "\e8c2"; } + +.asi-settings:before { content: "\e8c3"; } + +.asi-skip-back:before { content: "\e8c4"; } + +.asi-shuffle:before { content: "\e8c5"; } + +.asi-sidebar:before { content: "\e8c6"; } + +.asi-skip-forward:before { content: "\e8c7"; } + +.asi-slack:before { content: "\e8c8"; } + +.asi-slash:before { content: "\e8c9"; } + +.asi-smartphone:before { content: "\e8ca"; } + +.asi-square:before { content: "\e8cb"; } + +.asi-speaker:before { content: "\e8cc"; } + +.asi-star:before { content: "\e8cd"; } + +.asi-stop-circle:before { content: "\e8ce"; } + +.asi-sun:before { content: "\e8cf"; } + +.asi-sunrise:before { content: "\e8d0"; } + +.asi-tablet:before { content: "\e8d1"; } + +.asi-tag:before { content: "\e8d2"; } + +.asi-sunset:before { content: "\e8d3"; } + +.asi-target:before { content: "\e8d4"; } + +.asi-thermometer:before { content: "\e8d5"; } + +.asi-thumbs-up:before { content: "\e8d6"; } + +.asi-thumbs-down:before { content: "\e8d7"; } + +.asi-toggle-left:before { content: "\e8d8"; } + +.asi-toggle-right:before { content: "\e8d9"; } + +.asi-trash-2:before { content: "\e8da"; } + +.asi-trash:before { content: "\e8db"; } + +.asi-trending-up:before { content: "\e8dc"; } + +.asi-trending-down:before { content: "\e8dd"; } + +.asi-triangle:before { content: "\e8de"; } + +.asi-type:before { content: "\e8df"; } + +.asi-twitter:before { content: "\e8e0"; } + +.asi-upload:before { content: "\e8e1"; } + +.asi-umbrella:before { content: "\e8e2"; } + +.asi-upload-cloud:before { content: "\e8e3"; } + +.asi-unlock:before { content: "\e8e4"; } + +.asi-user-check:before { content: "\e8e5"; } + +.asi-user-minus:before { content: "\e8e6"; } + +.asi-user-plus:before { content: "\e8e7"; } + +.asi-user-x:before { content: "\e8e8"; } + +.asi-user:before { content: "\e8e9"; } + +.asi-users:before { content: "\e8ea"; } + +.asi-video-off:before { content: "\e8eb"; } + +.asi-video:before { content: "\e8ec"; } + +.asi-voicemail:before { content: "\e8ed"; } + +.asi-volume-x:before { content: "\e8ee"; } + +.asi-volume-2:before { content: "\e8ef"; } + +.asi-volume-1:before { content: "\e8f0"; } + +.asi-volume:before { content: "\e8f1"; } + +.asi-watch:before { content: "\e8f2"; } + +.asi-wifi:before { content: "\e8f3"; } + +.asi-x-square:before { content: "\e8f4"; } + +.asi-wind:before { content: "\e8f5"; } + +.asi-x:before { content: "\e8f6"; } + +.asi-x-circle:before { content: "\e8f7"; } + +.asi-zap:before { content: "\e8f8"; } + +.asi-zoom-in:before { content: "\e8f9"; } + +.asi-zoom-out:before { content: "\e8fa"; } + +.asi-command:before { content: "\e8fb"; } + +.asi-cloud:before { content: "\e8fc"; } + +.asi-hash:before { content: "\e8fd"; } + +.asi-headphones:before { content: "\e8fe"; } + +.asi-underline:before { content: "\e8ff"; } + +.asi-italic:before { content: "\e900"; } + +.asi-bold:before { content: "\e901"; } + +.asi-crop:before { content: "\e902"; } + +.asi-help-circle:before { content: "\e903"; } + +.asi-paperclip:before { content: "\e904"; } + +.asi-shopping-cart:before { content: "\e905"; } + +.asi-tv:before { content: "\e906"; } + +.asi-wifi-off:before { content: "\e907"; } + +.asi-minimize:before { content: "\e88d"; } + +.asi-maximize:before { content: "\e908"; } + +.asi-gitlab:before { content: "\e909"; } + +.asi-sliders:before { content: "\e90a"; } + +.asi-star-on:before { content: "\e90b"; } + +.asi-heart-on:before { content: "\e90c"; } + +.asi-archive:before { content: "\e90d"; } + +.asi-arrow-down-circle:before { content: "\e90e"; } + +.asi-arrow-up-circle:before { content: "\e90f"; } + +.asi-arrow-left-circle:before { content: "\e910"; } + +.asi-arrow-right-circle:before { content: "\e911"; } + +.asi-bar-chart-line-:before { content: "\e912"; } + +.asi-bar-chart-line:before { content: "\e913"; } + +.asi-book-open:before { content: "\e914"; } + +.asi-code:before { content: "\e915"; } + +.asi-database:before { content: "\e916"; } + +.asi-dollar-sign:before { content: "\e917"; } + +.asi-folder-plus:before { content: "\e918"; } + +.asi-gift:before { content: "\e919"; } + +.asi-folder-minus:before { content: "\e91a"; } + +.asi-git-commit:before { content: "\e91b"; } + +.asi-git-branch:before { content: "\e91c"; } + +.asi-git-pull-request:before { content: "\e91d"; } + +.asi-git-merge:before { content: "\e91e"; } + +.asi-linkedin:before { content: "\e91f"; } + +.asi-hard-drive:before { content: "\e920"; } + +.asi-more-vertical-:before { content: "\e921"; } + +.asi-more-horizontal-:before { content: "\e922"; } + +.asi-rss:before { content: "\e923"; } + +.asi-send:before { content: "\e924"; } + +.asi-shield-off:before { content: "\e925"; } + +.asi-shopping-bag:before { content: "\e926"; } + +.asi-terminal:before { content: "\e927"; } + +.asi-truck:before { content: "\e928"; } + +.asi-zap-off:before { content: "\e929"; } + +.asi-youtube:before { content: "\e92a"; } diff --git a/theme_alan/static/src/scss/footer/footer-01.scss b/theme_alan/static/src/scss/footer/footer-01.scss new file mode 100644 index 000000000..1517ba832 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-01.scss @@ -0,0 +1,96 @@ +@if o-website-value('footer-template') == 'alan_footer1' { + .footer-top { + padding: 40px 0; + .footer-feature { + display: flex; + background: rgba(var(--as-footer-color), 0.1); + padding: 15px; + .icon { + width: 60px; + height: 60px; + display: flex; + align-items: center; + justify-content: center; + img { + width: 50px; + } + } + .col { + padding-left: 15px; + } + h5 { + margin: 0 0 8px; + font-size: 16px; + font-weight: 600; + } + p { + margin: 0; + line-height: 1.3; + font-size: 14px; + } + } + } + + .footer-title { + padding: 0 0 15px; + h5 { + font-size: 18px; + } + } + .footer-link { + li { + margin: 0 0 10px; + } + a { + color: rgba(var(--as-footer-color),.85) !important; + font-size: 15px; + text-decoration: none; + } + } + + + .footer-address { + background: rgba(var(--as-footer-color), 0.1); + padding: 22px; + } + .fot-adrs { + padding-bottom: 12px; + .f-icon { + background: $primary; + border-radius: 20px; + width: 45px; + height: 45px; + display: flex; + align-items: center; + justify-content: center; + color: $white; + } + .f-text { + flex: 1; + padding: 0 0 0 20px; + h5 { + font-size: 18px; + margin: 0 0 8px; + color: rgba(var(--as-footer-color), 1); + } + p { + margin: 0; + font-size: 15px; + color: rgba(var(--as-footer-color),.85) !important; + } + a { + color: rgba(var(--as-footer-color),.85) !important; + } + } + } + + .footer-middle { + padding: 50px 0; + border-top: 1px solid rgba(var(--as-footer-color),.1); + border-bottom: 1px solid rgba(var(--as-footer-color),.1); + } + + .o_footer_copyright { + font-size: 0.85rem; + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-02.scss b/theme_alan/static/src/scss/footer/footer-02.scss new file mode 100644 index 000000000..acf48452b --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-02.scss @@ -0,0 +1,76 @@ +@if o-website-value('footer-template') == 'alan_footer2' { + #footer { + .footer-title { + margin-bottom: 20px; + padding-bottom: 10px; + position: relative; + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 30px; + background-color: currentColor; + } + h5 { + margin: 0; + font-size: 18px; + } + } + .footer-link { + li { + position: relative; + + li { + padding-top: 12px; + } + } + a { + position: relative; + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 0; + background-color: currentColor; + transition: ease all 0.35s; + } + &:hover { + &:after { + width: 100%; + left: auto; + right: 0; + } + } + } + } + + .footer-address { + li { + align-items: center; + + li { + padding-top: 10px; + } + } + .f-icon { + max-width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + flex: 0 0 40px; + border-radius: 50%; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + } + .f-text { + padding-left: 15px; + } + } + + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-03.scss b/theme_alan/static/src/scss/footer/footer-03.scss new file mode 100644 index 000000000..f67f54973 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-03.scss @@ -0,0 +1,87 @@ +@if o-website-value('footer-template') == 'alan_footer3' { + .footer-top { + position: relative; + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 1px; + pointer-events: none; + background: currentColor; + opacity: 0.1; + } + .media { + display: flex; + .f-icon { + max-width: 55px; + height: 55px; + display: inline-flex; + align-items: center; + justify-content: center; + flex: 0 0 55px; + border-radius: 50%; + font-size: 1.45rem; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + } + .media-body { + flex: 1 0 0%; + padding-left: 15px; + h5 { + font-size: 1.1rem; + font-weight: 500; + margin: 0 0 4px; + } + p { + margin: 0; + font-size: 0.85rem; + } + } + } + } + + .footer-middle { + .footer-title { + padding: 0 0 20px; + h5 { + text-transform: uppercase; + font-weight: 400; + letter-spacing: 1px; + font-size: 1rem; + margin: 0; + } + } + .footer-link { + li { + + li { + margin-top: 15px; + } + } + a { + font-size: 0.90em; + position: relative; + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 100%; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + &:hover { + &:after { + opacity: 2; + } + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-04.scss b/theme_alan/static/src/scss/footer/footer-04.scss new file mode 100644 index 000000000..f9b8249c7 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-04.scss @@ -0,0 +1,36 @@ +@if o-website-value('footer-template') == 'alan_footer4' { + .footer-middle { + .footer-title { + margin: 0 0 20px; + position: relative; + h5 { + margin: 0; + text-transform: uppercase; + font-size: 1rem; + } + } + .footer-link { + li { + + li { + padding-top: 10px; + } + } + a { + font-size: 0.95rem; + } + } + .s_social_media { + padding-bottom: 30px; + a { + width: 35px; + height: 35px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-05.scss b/theme_alan/static/src/scss/footer/footer-05.scss new file mode 100644 index 000000000..e229fc8ad --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-05.scss @@ -0,0 +1,52 @@ +@if o-website-value('footer-template') == 'alan_footer5' { + #footer { + .footer-col-bg { + background-color: rgba(var(--as-footer-color), 0.1); + .footer-title { + text-align: left; + } + } + + .footer-address { + li { + align-items: center; + + li { + padding-top: 16px; + } + } + .f-icon { + max-width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + flex: 0 0 40px; + border-radius: 50%; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + } + .f-text { + padding-left: 15px; + } + } + + .footer-title { + text-align: center; + h5 { + margin: 0; + padding: 0 0 20px; + font-size: 0.95rem; + text-transform: uppercase; + letter-spacing: 1px; + } + } + .footer-link { + text-align: center; + li { + + li { + padding-top: 12px; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-06.scss b/theme_alan/static/src/scss/footer/footer-06.scss new file mode 100644 index 000000000..cb0e7ff38 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-06.scss @@ -0,0 +1,60 @@ +@if o-website-value('footer-template') == 'alan_footer6' { + #footer { + .footer-title { + margin: 0 0 20px; + position: relative; + h5 { + margin: 0; + text-transform: uppercase; + font-size: 1rem; + } + } + + .footer-link { + li { + + li { + padding-top: 10px; + } + } + a { + font-size: 0.90em; + position: relative; + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 100%; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + &:hover { + &:after { + opacity: 2; + } + } + } + } + + .footer-play-btns { + a { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 10px 20px; + margin-right: 5px; + border-radius: 5px; + margin-right: 5px; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + .fa { + margin-right: 8px; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-07.scss b/theme_alan/static/src/scss/footer/footer-07.scss new file mode 100644 index 000000000..1d87f1b50 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-07.scss @@ -0,0 +1,87 @@ +@if o-website-value('footer-template') == 'alan_footer7' { + #footer { + .footer-title { + margin: 0 0 20px; + position: relative; + h5 { + margin: 0; + text-transform: uppercase; + font-size: 1rem; + } + } + + .s_social_media { + padding-bottom: 30px; + a { + width: 35px; + height: 35px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 3px; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + &:hover { + background-color: $primary; + color: $white; + } + } + } + + .footer-link { + li { + + li { + padding-top: 10px; + } + } + a { + font-size: 1em; + position: relative; + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 0; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + &:hover { + &:after { + opacity: 1; + width: 100%; + left: auto; + right: 0; + } + } + } + } + + .footer-play-btns { + a { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 10px 20px; + margin-right: 5px; + border-radius: 5px; + margin-right: 5px; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + &:hover { + background-color: $primary; + color: $white; + } + .fa { + margin-right: 8px; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-08.scss b/theme_alan/static/src/scss/footer/footer-08.scss new file mode 100644 index 000000000..35b77487d --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-08.scss @@ -0,0 +1,96 @@ +@if o-website-value('footer-template') == 'alan_footer8' { + #footer { + .footer-title { + margin: 0 0 20px; + position: relative; + h5 { + margin: 0; + text-transform: uppercase; + font-size: 1rem; + } + } + + + .footer-link { + li { + + li { + padding-top: 10px; + } + } + a { + font-size: 1em; + position: relative; + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 0; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + &:hover { + &:after { + opacity: 1; + width: 100%; + left: auto; + right: 0; + } + } + } + } + + .footer-btn { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 10px 20px; + margin-right: 5px; + border-radius: 5px; + margin-right: 5px; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + &:hover { + background-color: $primary; + color: $white; + } + .fa { + margin-right: 8px; + } + } + + .footer-address { + li { + align-items: center; + + li { + padding-top: 10px; + } + } + .f-icon { + max-width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + flex: 0 0 40px; + border-radius: 50%; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + &:hover { + background-color: $primary; + color: $white; + } + } + .f-text { + padding-left: 15px; + } + } + + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-09.scss b/theme_alan/static/src/scss/footer/footer-09.scss new file mode 100644 index 000000000..061745f54 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-09.scss @@ -0,0 +1,84 @@ +@if o-website-value('footer-template') == 'alan_footer9' { + #footer { + .footer-title { + margin: 0 0 20px; + position: relative; + h5 { + margin: 0; + text-transform: uppercase; + font-size: 1rem; + } + } + + + .footer-link { + li { + + li { + padding-top: 10px; + } + } + a { + font-size: 1em; + position: relative; + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 0; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + &:hover { + &:after { + opacity: 1; + width: 100%; + left: auto; + right: 0; + } + } + } + } + + .footer-address { + position: relative; + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 1px; + pointer-events: none; + background: currentColor; + opacity: 0.1; + } + .f-box { + display: flex; + align-items: center; + .f-icon { + max-width: 55px; + height: 55px; + display: inline-flex; + align-items: center; + justify-content: center; + flex: 0 0 55px; + border-radius: 50%; + font-size: 1.45rem; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + } + .f-text { + flex: 1 0 0%; + padding-left: 15px; + margin: 0; + font-size: 1rem; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-10.scss b/theme_alan/static/src/scss/footer/footer-10.scss new file mode 100644 index 000000000..b1cbc4fb3 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-10.scss @@ -0,0 +1,67 @@ +@if o-website-value('footer-template') == 'alan_footer10' { + #footer { + + .feature-icon { + padding: 1rem; + border: 1px solid rgba(var(--as-footer-color), 0.1); + .f-icon { + font-size: 1.5rem; + } + } + + .footer-title { + margin: 0 0 25px; + padding-bottom: 10px; + position: relative; + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 20px; + background-color: $primary; + } + h5 { + margin: 0; + font-size: 1.1rem; + } + } + + + .footer-link { + li { + position: relative; + + li { + margin-top: 15px; + } + } + a { + font-size: 1em; + position: relative; + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 0; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + &:hover { + &:after { + opacity: 1; + width: 100%; + left: auto; + right: 0; + } + } + } + } + + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-11.scss b/theme_alan/static/src/scss/footer/footer-11.scss new file mode 100644 index 000000000..aba744759 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-11.scss @@ -0,0 +1,86 @@ +@if o-website-value('footer-template')=='alan_footer11' { + #footer { + .footer-title { + margin: 0 0 25px; + padding-bottom: 10px; + position: relative; + + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 20px; + background-color: $primary; + } + + h5 { + margin: 0; + font-size: 1.1rem; + } + } + + .s_social_media { + padding-bottom: 30px; + + a { + width: 35px; + height: 35px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + margin: 0 6px 0 0; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + &:hover { + background-color: $primary; + color: $white; + } + + } + } + + + .footer-link { + li { + position: relative; + + +li { + margin-top: 8px; + } + } + + a { + font-size: 1em; + position: relative; + + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 0; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + + &:hover { + &:after { + opacity: 1; + width: 100%; + left: auto; + right: 0; + } + } + } + } + + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-12.scss b/theme_alan/static/src/scss/footer/footer-12.scss new file mode 100644 index 000000000..34d3be781 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-12.scss @@ -0,0 +1,107 @@ +@if o-website-value('footer-template')=='alan_footer12' { + #footer { + + .footer-top { + position: relative; + + p { + margin: 0; + font-size: 0.9rem; + } + + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 1px; + pointer-events: none; + background: currentColor; + opacity: 0.1; + } + } + + + .s_newsletter_subscribe_form { + .form-control { + border: none; + border-radius: 0; + padding: 0.675rem 0.75rem; + } + + .btn { + border-radius: 0; + border: none; + padding: 0.675rem 0.75rem; + } + } + + .s_social_media { + a { + width: 35px; + height: 35px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 3px; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + &:hover { + background-color: $primary; + color: $white; + } + + } + } + + + .footer-title { + margin: 0 0 20px; + position: relative; + + h5 { + margin: 0; + font-size: 1.1rem; + } + } + + + .footer-link { + li { + position: relative; + + +li { + margin-top: 12px; + } + } + + a { + font-size: 1em; + position: relative; + + &:after { + content: ""; + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + right: auto; + height: 1px; + width: 100%; + background-color: currentColor; + transition: ease all 0.35s; + opacity: 0; + } + + &:hover { + &:after { + opacity: 1; + } + } + } + } + + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer-13.scss b/theme_alan/static/src/scss/footer/footer-13.scss new file mode 100644 index 000000000..6a41fbd1e --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer-13.scss @@ -0,0 +1,122 @@ +@if o-website-value('footer-template')=='alan_footer13' { + .o_footer { + .footer-top { + padding-top: 40px; + padding-bottom: 40px; + font-size: 14px; + border-top: 1px solid rgba(var(--as-footer-color), 0.1); + border-bottom: 1px solid rgba(var(--as-footer-color), 0.1); + + @include media-breakpoint-down(lg) { + padding-top: 10px; + padding-bottom: 10px; + } + + .row { + overflow: hidden; + + [class*="col-lg-"] { + box-shadow: 1px 1px rgba(var(--as-footer-color), 0.1); + + @include media-breakpoint-down(lg) { + padding: 30px; + } + + @include media-breakpoint-down(sm) { + padding: 30px 15px; + } + } + } + } + + .footer-title { + padding: 0 0 20px; + + h5 { + font-size: 16px; + letter-spacing: 1px; + color: rgba(var(--as-footer-color), 1); + margin: 0; + text-transform: uppercase; + } + } + + .footer-link { + li { + +li { + padding-top: 8px; + } + } + + a { + font-size: 15px; + color: rgba(var(--as-footer-color), 1); + text-decoration: none; + position: relative; + + &:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + width: 100%; + bottom: 0; + opacity: 0; + height: 1px; + background-color: currentColor; + opacity: 0; + transition: ease all 0.35s; + } + + &:hover { + &:after { + opacity: 1; + } + } + } + } + + .footer-middle { + padding-top: 25px; + padding-bottom: 25px; + + .footer-social-icons { + display: flex; + justify-content: center; + } + + .s_social_media { + a { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + background-color: rgba(var(--as-footer-color), 0.1); + color: rgba(var(--as-footer-color), 1); + + &:hover { + background-color: $primary; + color: $white; + } + + } + } + } + + .footer-newsletter { + .s_newsletter_subscribe_form { + .js_subscribe_value { + border-radius: 0; + } + + .btn { + border-radius: 0; + } + } + } + + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/footer/footer.scss b/theme_alan/static/src/scss/footer/footer.scss new file mode 100644 index 000000000..98bb5d216 --- /dev/null +++ b/theme_alan/static/src/scss/footer/footer.scss @@ -0,0 +1,74 @@ +$-footer-color: o-color('footer-custom') or o-color('footer') or rgba(0, 0, 0, 0); +@if ($-footer-color and color-contrast($-footer-color) != $color-contrast-dark) { + :root { + --as-footer-color: 255,255,255; + } +} + + +@if ($-footer-color and color-contrast($-footer-color) != $color-contrast-light) { + :root { + --as-footer-color: 0,0,0; + } +} + + +.o_footer { + @include o-apply-colors('footer'); + @include o-apply-colors('footer-custom'); + @include o-add-gradient('footer-gradient'); + a:not(.btn) { + text-decoration: none; + color: rgba(var(--as-footer-color), 0.8); + &:hover { + color: rgba(var(--as-footer-color), 1); + } + } + .footer-title { + h5 { + color: rgba(var(--as-footer-color), 1); + } + } +} + + +.o_footer_copyright { + position: relative; + font-size: 0.85rem; + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 1px; + pointer-events: none; + background: currentColor; + opacity: 0.1; + } + .o_footer_copyright_name { + color: rgba(var(--as-footer-color), 0.8); + } + .text-sm-end { + &.o_not_editable { + display: none; + } + } + .o_brand_promotion { + display: none; + } + .o_footer_copyright_name { + font-size: 14px; + } + .row > div { + display: flex; + align-items: center; + } + .js_language_selector { + margin-left: auto; + .btn { + background: none; + color: rgba(var(--as-footer-color), 0.8); + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/general/hotspot.scss b/theme_alan/static/src/scss/general/hotspot.scss new file mode 100644 index 000000000..389d525da --- /dev/null +++ b/theme_alan/static/src/scss/general/hotspot.scss @@ -0,0 +1,212 @@ +.hotspot { + position: relative; +} + + +.hotspot { + .hs_icon { + margin: 0; + a.icon { + position: relative; + color: transparent; + font-size: 0px; + width: 40px; + height: 40px; + background: $primary; + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + border-radius: 50%; + } + &.st1 { + a.icon { + animation: hotspot_2 1.5s infinite; + &:before, + &:after { + content: ""; + background: $white; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + } + &:after { + width: 2px; + height: 12px; + } + &:before { + width: 12px; + height: 2px; + } + } + } + &.st2 { + a.icon { + background: $white; + animation: hotspot_2 1.5s infinite; + &:after { + content: "\f290"; + font-family: "FontAwesome" !important; + font-size: 18px; + color: $primary; + } + &:before { + display: none; + } + } + } + &.st3 { + a.icon { + width: 40px; + height: 40px; + + background: $primary; + border-radius: 50% 50% 0% 50%; + animation: translateY 1.5s infinite; + &:before { + display: none; + } + &:after { + content: "\f07a"; + font-family: "FontAwesome" !important; + transform: rotate(-45deg); + color: $white; + font-size: 15px; + } + } + } + } +} + + +@keyframes hotspot_2 { + from { + box-shadow: 0 0 0 0px rgba($primary, 1); + } + + to { + box-shadow: 0 0 0 15px rgba($primary, 0.3); + } +} + +@keyframes translateY { + 0% { + transform: translateY(10px) rotate(45deg); + } + + 50% { + transform: translateY(0px) rotate(45deg); + } + + 100% { + transform: translateY(10px) rotate(45deg); + } +} + +.as-popover { + border: none; + box-shadow: $box-shadow-sm; + border-radius: 0; + .popover-body { + padding: 0; + } + .hp-norecord { + padding: 15px; + h3 { + font-size: 14px; + margin: 0; + color: #c10a0a; + } + } + .st1 { + .hp-img { + img { + max-width: 200px; + } + } + .hp-media-body { + padding: 15px; + } + .hp-title { + font-size: 16px; + font-weight: 500; + color: $dark; + } + .product_price { + margin-bottom: 12px; + font-size: 15px; + } + } + + .st2 { + .hp-media { + display: flex; + } + .hp-img { + flex: 0 0 90px; + max-width: 90px; + } + .hp-media-body { + padding: 15px; + } + .hp-title { + font-size: 15px; + font-weight: 500; + color: $dark; + margin-bottom: 5px; + } + .product_price { + margin-bottom: 5px; + font-size: 14px; + } + } + .st3 { + .hp-img { + img { + max-width: 200px; + } + } + .hp-title { + font-size: 15px; + font-weight: 500; + color: $dark; + } + .product_price { + font-size: 14px; + } + .hp-media-body { + position: relative; + padding: 10px; + .as-btn { + position: absolute; + bottom: 100%; + right: 15px; + margin-bottom: 15px; + } + } + } + + .dark_thm { + background: $dark; + .popover-body { + background: $dark; + } + .hp-title { + color: $white; + } + p { + color: rgba($white, 0.8); + } + .product_price { + color: rgba($white, 0.8); + } + .btn-primary { + background: $white !important; + border: 1px solid $white !important; + color: $dark !important; + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/general/login.scss b/theme_alan/static/src/scss/general/login.scss new file mode 100644 index 000000000..06a53f834 --- /dev/null +++ b/theme_alan/static/src/scss/general/login.scss @@ -0,0 +1,106 @@ +.as-login-modal { + .modal-dialog { + max-width: 430px; + width: 100%; + } + .modal-content { + border: none; + border-radius: 0; + padding: 0; + } + .modal-body { + padding: 0; + } + .as-modal-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20px; + min-height: 55px; + border-bottom: 1px solid $gray-300; + position: sticky; + top: 0; + left: 0; + right: 0; + background: $white; + z-index: 3; + h5 { + margin: 0; + font-weight: 600; + font-size: 15px; + text-transform: uppercase; + letter-spacing: 2px; + color: $dark; + } + } + + .nav-tabs { + max-width: 100%; + } + .btn-close { + position: absolute; + top: 16px; + right: 10px; + } + .oe_login_form, + .oe_signup_form, + .oe_reset_password_form { + max-width: 100%; + position: relative; + margin: 0; + } + .nav-tabs { + border: none; + background: $gray-300; + .nav-item { + .nav-link { + border: none; + font-weight: 600; + text-transform: uppercase; + padding: 0 35px; + line-height: 55px; + border-radius: 0; + color: $dark; + &.active { + color: $primary; + box-shadow: 9px -9px 19px 0 rgba($black, 0.08); + } + } + } + } + .tab-content { + .tab-pane { + padding: 30px; + } + } + .form-group { + margin-bottom: 15px; + label { + text-transform: uppercase; + font-size: 14px; + font-weight: 500; + padding-bottom: 7px; + } + .form-control { + height: calc(2.2em + 0.75rem + 2px); + font-size: 1rem; + border-radius: 0; + } + } + + .oe_login_buttons { + .btn { + width: 100%; + border-radius: 0; + padding: 12px 20px; + } + } + + .as-login-logo { + padding: 50px 0 0; + img { + max-width: 170px; + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/general/minicart.scss b/theme_alan/static/src/scss/general/minicart.scss new file mode 100644 index 000000000..272409ffb --- /dev/null +++ b/theme_alan/static/src/scss/general/minicart.scss @@ -0,0 +1,305 @@ +.as-mini-cart-modal { + &.modal { + &.show { + .modal-dialog { + transform: translateX(0); + } + } + .modal-dialog { + transform: translateX(100%); + min-height: 100%; + max-width: 400px; + width: 100%; + margin: 0 0 0 auto; + transition: transform .3s ease-out; + padding: 0; + background: $white; + height: 100%; + .modal-body { + padding: 0; + display: flex; + flex-direction: column; + max-width: 100%; + } + } + .modal-content { + border: none; + border-radius: 0; + box-shadow: none; + min-height: 100%; + } + } + + .cart_body { + display: flex; + flex-direction: column; + flex: 1; + } + + .min-cart-head { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20px; + min-height: 55px; + border-bottom: 1px solid $gray-300; + position: sticky; + top: 0; + left: 0; + right: 0; + background: $white; + z-index: 3; + h5 { + margin: 0; + font-weight: 600; + font-size: 15px; + text-transform: uppercase; + letter-spacing: 2px; + color: $dark; + } + } + + .as-mini-cart-products { + margin: 0; + padding: 20px; + list-style-type: none; + .as-mc-media { + display: flex; + background: $white; + align-items: flex-start; + + li { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid $gray-300; + } + .as-mc-img{ + max-width: 100px; + flex: 0 0 100px; + .o_image_64_max { + width: 100%; + height: 100%; + border-radius: 0 !important; + max-width: initial; + max-height: initial; + object-fit: contain; + margin: 0 !important; + } + } + .as-mc-info { + flex: 0 0 calc(100% - 100px); + max-width: calc(100% - 100px); + padding-left: 15px; + position: relative; + padding-right: 30px; + h6 { + + a { + text-decoration: none; + color: $dark; + } + } + .text-muted { + display: -webkit-box !important; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + padding-top: 5px; + margin-bottom: 0; + font-size: 13px; + line-height: 1.3; + } + } + .m_c_qty { + padding: 10px 0 0; + .css_quantity { + margin: 0; + width: 100px; + @include media-breakpoint-down(md) { + width: 50px; + border: none; + .js_quantity { + border: 1px solid $gray-300; + } + } + .btn { + height: 35px; + } + } + } + .m_c_prod_price { + h6 { + margin: 0; + font-size: 0.90rem; + padding: 0 0 15px; + } + .text-danger { + font-size: 72%; + } + } + .js_delete_product { + margin-left: auto; + width: 30px; + height: 30px; + align-items: center; + justify-content: center; + color: var(--danger); + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + font-size: 1.35rem; + display: flex; + &:hover { + color: $dark; + } + } + } + } + .as-cart-btn-bar { + position: sticky; + bottom: 0; + z-index: 3; + background: $white; + padding: 20px; + display: flex; + border-top: 1px solid $gray-300; + .btn { + margin: 0 2px; + flex: 1; + } + } + .as-min-suggested { + padding: 10px 20px; + border-top: 1px solid $gray-200; + margin-top: auto; + .as-mini-title { + margin: 0 0 15px; + font-weight: 600; + font-size: 15px; + text-transform: uppercase; + letter-spacing: 2px; + color: $dark; + } + .carousel-control-prev, + .carousel-control-next { + font-size: 0.5rem; + background: $white; + width: 25px; + height: 35px; + margin: auto; + opacity: 1; + top: 33px; + color: $dark; + &:hover { + background: $black; + color: $white; + } + } + } + .as-min-sa-pro { + display: flex; + .as-sa-img { + flex: 0 0 120px; + width: 120px; + } + .as-sa-info { + flex: 1; + padding-left: 15px; + h6 { + a { + color: $dark; + text-decoration: none; + } + } + } + + .m_c_prod_price { + h6 { + color: $primary; + } + } + .as-sa-btn { + padding-top: 8px; + } + .js_add_suggested_products { + padding: 0.35rem 0.95rem; + font-size: 0.85rem; + i { + padding-right: 0.3rem; + } + } + } + .as-cart-summary { + border-top: 1px solid $gray-300; + padding: 20px; + #cart_total { + table { + margin: 0; + font-size: 0.9rem; + } + td { + padding: 5px 0; + } + tr { + &:last-child { + &:not([id*="order_"]) { + display: none; + } + } + } + } + } + .coupon_form { + .input-group { + .btn.btn-secondary { + display: block !important; + } + } + } + .as-mini-cart-empty { + padding: 20px; + text-align: center; + img { + max-width: 250px; + } + p { + font-size: 14px; + margin-top: 15px; + } + } + .as-clear-mini-cart { + padding: 12px 15px; + text-align: center; + display: flex; + font-size: 14px; + border-bottom: 1px solid $gray-300; + background: $gray-100; + position: sticky; + top: 55px; + z-index: 3; + align-items: center; + p { + margin: 0; + span { + color: $primary; + font-weight: 500; + } + .as-sigl-qtys { + border-bottom: 1px solid $primary; + } + } + .as_clr_cart { + font-weight: 600; + margin-left: auto; + color: $danger; + cursor: pointer; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase; + &:hover { + color: $dark; + } + } + } + } \ No newline at end of file diff --git a/theme_alan/static/src/scss/general/mixin.scss b/theme_alan/static/src/scss/general/mixin.scss new file mode 100644 index 000000000..6eca9542e --- /dev/null +++ b/theme_alan/static/src/scss/general/mixin.scss @@ -0,0 +1,79 @@ +@mixin as_css_quantity { + margin-top: 5px; + margin-bottom: 10px; + padding: 0; + position: relative; + border: 1px solid $gray-300; + width: 130px; + border-radius: var(--btn-border-radius); + .btn { + border: none !important; + box-shadow: none !important; + border-radius: var(--btn-border-radius); + background: none !important; + position: relative; + padding: 0 13px; + height: 100%; + &:hover { + background: $gray-300 !important; + } + } + .btn { + margin: 0; + padding: 0; + height: 48px; + width: 30px; + .fa { + width: 100%; + height: 100%; + } + ~ .quantity { + height: 48px !important; + } + .fa-minus { + &:before { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + width: 9px; + height: 1px; + background: $dark; + } + } + .fa-plus { + &:after, + &:before { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background: $dark; + } + &:after { + height: 9px; + width: 1px; + } + &:before { + width: 9px; + height: 1px + } + } + + } + .quantity { + border: none; + border-left: 1px solid $gray-300 !important; + border-right: 1px solid $gray-300 !important; + max-width: 100%; + background: $white; + box-shadow: none !important; + margin: 0 !important; + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/general/quick-view.scss b/theme_alan/static/src/scss/general/quick-view.scss new file mode 100644 index 000000000..23eae34fd --- /dev/null +++ b/theme_alan/static/src/scss/general/quick-view.scss @@ -0,0 +1,63 @@ +.as-quick-view-modal { + .modal-content { + border: none; + border-radius: 0; + } + .modal-body { + padding: 0; + } + .btn-close { + position: sticky; + right: 10px; + top: 10px; + cursor: pointer; + z-index: 4; + float: right; + margin-top: -30px; + background-color: $white; + border: 1px solid $gray-300; + opacity: 1; + width: 30px; + height: 30px; + } + #product_detail { + padding: 0 !important; + .row { + --gutter-x: 0; + --gutter-y: 0; + } + .quick_view { + gap: 15px; + margin-top: 12px; + } + } + + #product_detail_main { + .o_wsale_product_images { + margin: 0 !important; + #o-carousel-product { + margin: 0px !important; + top: 0 !important; + } + .o_carousel_product_indicators { + display: none !important; + } + } + #product_details { + margin: 0 !important; + padding: 25px; + .o_product_tags { + margin-bottom: 12px; + } + } + } + .pd-q-more-info { + + padding-top: 20px; + a { + i { + padding-right: 8px; + } + } + } +} diff --git a/theme_alan/static/src/scss/general/snippet.scss b/theme_alan/static/src/scss/general/snippet.scss new file mode 100644 index 000000000..7944c818a --- /dev/null +++ b/theme_alan/static/src/scss/general/snippet.scss @@ -0,0 +1,113 @@ +img { + max-width: 100%; + height: auto; +} + +.as_scroll_to_top { + width: 40px; + height: 40px; + position: fixed; + bottom: 15px; + right: 15px; + padding: 0; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 0; + border: none; + z-index: 111; + opacity: 0; + transition: ease all 0.35s; + &.as_scroll_show { + bottom: 30px; + right: 30px; + opacity: 1; + } +} + + +.as-v17-title-01 { + .as-header-title-01-in { + text-align: center; + h4 { + margin: 0; + font-weight: 300; + text-transform: uppercase; + letter-spacing: 4px; + } + } +} + + + +.as-v17-cta-01 { + .as-header-title-01-in { + text-align: center; + } + .display-4 { + text-transform: uppercase; + letter-spacing: 4px; + font-weight: 300; + } + .lead { + text-transform: uppercase; + letter-spacing: 4px; + } +} + +.as-static-snippet-35 { + p { + text-transform: uppercase; + font-size: 13px; + letter-spacing: 2px; + } + .h4 { + text-transform: uppercase; + letter-spacing: 3px; + font-size: 30px; + } + .lead { + text-transform: uppercase; + letter-spacing: 2px; + } +} + +.as-hero-slider { + padding: 10px; + .display-3 { + padding: 0 0 25px; + } + .btn-bar { + display: flex; + justify-content: center; + gap: 10px; + flex-wrap: wrap; + @include media-breakpoint-down(md) { + .btn { + padding: 0.75rem 1.05rem; + } + } + } + .as-hero-min-height { + min-height: 650px; + display: flex; + align-items: center; + @include media-breakpoint-down(lg) { + min-height: 500px; + } + @include media-breakpoint-down(md) { + min-height: 370px; + } + .display-3 { + padding: 0 0 35px; + } + } + .swiper { + .swiper-pagination { + position: absolute; + bottom: 12px !important; + --swiper-pagination-bullet-inactive-color: var(--white); + --swiper-pagination-color: var(--white); + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/header/header-01.scss b/theme_alan/static/src/scss/header/header-01.scss new file mode 100644 index 000000000..27e3c7abc --- /dev/null +++ b/theme_alan/static/src/scss/header/header-01.scss @@ -0,0 +1,225 @@ +@if o-website-value('header-template')=='as_header1' { + + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + align-items: center; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .js_language_selector { + .dropdown-toggle { + padding: 0; + font-size: 0.875rem; + height: 35px; + line-height: 35px; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + padding: 1.1rem 0; + + >.container { + display: flex; + align-items: center; + } + + .hm-search { + flex: 1; + margin: 0; + padding: 0 3rem; + list-style: none; + + .input-group { + position: relative; + } + + .search-query { + height: 48px; + background-color: rgba($primary, 0.08) !important; + border: none; + box-shadow: none; + border-radius: 15px !important; + padding-left: 1.3rem; + padding-right: 4rem; + z-index: 0; + } + + .oe_search_button { + position: absolute; + top: 0; + right: 0; + padding: 0; + border: none; + height: 48px; + width: 48px; + background: transparent; + color: #000; + } + } + + .mh-end { + margin: 0; + padding: 0; + list-style: none; + display: flex; + align-items: center; + gap: 15px; + + .hm-icon { + position: relative; + border: none; + background: none; + padding: 0; + width: 48px; + height: 48px; + font-size: 1rem; + display: flex; + align-items: center; + justify-content: center; + border-radius: 15px; + position: relative; + transition: ease all 0.35s; + color: $dark; + box-shadow: none; + background-color: rgba($primary, 0.1); + text-decoration: none; + + &:before { + font-size: 1.2rem; + } + + sup { + min-width: 20px; + height: 20px; + border-radius: 50% !important; + padding: 0; + font-size: 0.65rem; + display: flex; + align-items: center; + justify-content: center; + } + + .fa-stack { + width: auto; + height: auto; + } + + &:hover { + color: $dark; + } + + &.hm-icon-pill { + width: auto; + padding-right: 1rem; + + .hm-icon { + background: transparent; + } + } + } + } + } + + + .navbar-light { + .header-navbar { + @include o-apply-colors('menu'); + @include o-apply-colors('menu-custom'); + @include o-add-gradient('menu-secondary-gradient'); + + >.container { + display: flex; + } + + .navbar-nav { + .nav-link { + color: rgba(var(--as-menu-color), 0.75); + padding: 0.7rem 1.4rem; + position: relative; + + &.active { + color: var(--as-menu-color); + } + } + } + + .h-cta-end { + margin: 0; + padding: 0; + list-style: none; + + .btn_cta { + white-space: nowrap; + padding: 0.83rem 1.4rem; + border: none; + line-height: 1.2; + box-shadow: none !important; + + .fa { + margin-right: 8px; + } + } + } + } + } + + + .asi-user { + font-size: 0px !important; + } + + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/header/header-02.scss b/theme_alan/static/src/scss/header/header-02.scss new file mode 100644 index 000000000..ad9700e56 --- /dev/null +++ b/theme_alan/static/src/scss/header/header-02.scss @@ -0,0 +1,156 @@ +@if o-website-value('header-template') == 'as_header2' { + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + align-items: center; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .js_language_selector { + .dropdown-toggle { + padding: 0; + font-size: 0.875rem; + height: 35px; + line-height: 35px; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + padding-top: 20px; + padding-bottom: 20px; + .mh-end { + a { + text-decoration: none; + color: inherit !important; + } + } + + .as-h-search-form { + .as-h-search-input { + background: none !important; + border: 1px solid rgba(var(--as-menu-color), 0.1) !important; + color: var(--as-menu-color); + border-radius: 0; + } + .as-h-search-btn { + padding: 0; + width: 50px; + height: 50px; + border: 1px solid rgba(var(--as-menu-color), 0.1); + border-left: none; + border-radius: 0; + background: none !important; + box-shadow: none; + outline: none; + } + } + + .hm-icon { + width: 50px; + height: 50px; + background: none; + border: 1px solid rgba(var(--as-menu-color), 0.1); + color: var(--as-menu-color); + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 20px; + border-radius: 0; + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 10px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 20px; + } + } + } + + .header-navbar { + border-top: 1px solid rgba(var(--as-menu-color), 0.1); + .navbar-nav { + > .nav-item { + + .nav-item { + border-left: 1px solid rgba(var(--as-menu-color), 0.1);; + } + > .nav-link { + padding: 0.75rem 1.5rem; + text-transform: uppercase; + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-03.scss b/theme_alan/static/src/scss/header/header-03.scss new file mode 100644 index 000000000..8e69a7f6f --- /dev/null +++ b/theme_alan/static/src/scss/header/header-03.scss @@ -0,0 +1,182 @@ +@if o-website-value('header-template') == 'as_header3' { + .as-main-header { + .as-h-container { + @media(min-width: 1440px){ + max-width: 1400px; + } + @media(min-width: 1600px){ + max-width: 1500px; + } + @media(min-width: 1900px){ + max-width: 1800px; + } + } + } + + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + border-bottom: 1px solid rgba(var(--as-header-color), .09); + padding-top: 4px; + padding-bottom: 4px; + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + align-items: center; + > li { + position: relative; + + li { + margin-left: 12px; + padding-left: 12px; + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + margin: auto; + width: 1px; + background: rgba(var(--as-header-color), .2); + height: 18px; + left: 0; + } + } + } + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .ht-btn { + padding: 2px 0 !important; + font-size: 0.875rem; + border-radius: 0 !important; + border: none !important; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), 0.75); + line-height: var(--body-line-height) !important; + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + .mh-end { + > li { + + li { + position: relative; + margin-left: 12px; + padding-left: 12px; + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + margin: auto; + width: 1px; + background: rgba(var(--as-menu-color), .1); + height: 25px; + left: 0; + } + } + } + a { + text-decoration: none; + color: inherit !important; + } + } + + + .hm-icon { + width: 40px; + height: 40px; + background: none; + color: var(--as-menu-color); + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 26px; + border-radius: 0; + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 12px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 26px; + } + } + .navbar-nav { + > .nav-item { + padding-right: 1rem; + padding-left: 1rem; + > .nav-link { + line-height: 80px; + padding: 0 6px; + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-04.scss b/theme_alan/static/src/scss/header/header-04.scss new file mode 100644 index 000000000..d67a2167c --- /dev/null +++ b/theme_alan/static/src/scss/header/header-04.scss @@ -0,0 +1,161 @@ +@if o-website-value('header-template') == 'as_header4' { + + header .as-main-header { + background: transparent; + color: inherit; + } + + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + border-bottom: 1px solid rgba(var(--as-header-color), .09); + padding-top: 4px; + padding-bottom: 4px; + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + align-items: center; + gap: 20px; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .ht-btn { + padding: 2px 0 !important; + font-size: 0.875rem; + border-radius: 0 !important; + border: none !important; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), 0.75); + line-height: var(--body-line-height) !important; + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + + .header-middle { + background: $white; + padding: 20px 0 40px; + .mh-end { + gap: 15px; + a { + text-decoration: none; + color: $black !important; + } + } + + + .hm-icon { + width: 50px; + height: 50px; + background: none; + color: $black; + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 22px; + border-radius: 50% !important; + border: 1px solid rgba($black, 0.1); + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 12px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 22px; + } + } + } + + .header-navbar { + .as-navbar-nav { + @include o-apply-colors('menu'); + @include o-apply-colors('menu-custom'); + @include o-add-gradient('menu-secondary-gradient'); + margin-top: -20px; + border-radius: 30px; + padding-left: 25px; + padding-right: 25px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); + } + .navbar-nav { + > .nav-item { + padding-right: 1rem; + padding-left: 1rem; + > .nav-link { + line-height: 60px; + padding: 0 6px; + color: rgba(var(--as-menu-color), .75) !important; + &.active, + &:hover { + color: rgba(var(--as-menu-color), 1) !important; + } + } + } + } + } +} + + diff --git a/theme_alan/static/src/scss/header/header-05.scss b/theme_alan/static/src/scss/header/header-05.scss new file mode 100644 index 000000000..dc29a4c4c --- /dev/null +++ b/theme_alan/static/src/scss/header/header-05.scss @@ -0,0 +1,186 @@ +@if o-website-value('header-template') == 'as_header5' { + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + align-items: center; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .js_language_selector { + .dropdown-toggle { + padding: 0; + font-size: 0.875rem; + height: 35px; + line-height: 35px; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + padding-top: 20px; + padding-bottom: 20px; + .mh-end { + a { + text-decoration: none; + color: inherit !important; + } + } + } + + .as-main-header { + .as-h-search-form { + .input-group { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + border: 1px solid rgba(var(--as-menu-color), 0.08); + border-radius: 10px; + } + .as-h-search-input { + background: none !important; + color: var(--as-menu-color); + border-radius: 10px; + } + .as-h-search-btn { + padding: 0; + width: 50px; + height: 50px; + border-left: none; + border-radius: 10px; + background: none !important; + box-shadow: none; + outline: none; + } + } + + .hm-icon { + width: 50px; + height: 50px; + background: none; + border: 1px solid rgba(var(--as-menu-color), 0.08); + color: var(--as-menu-color); + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 20px; + border-radius: 10px; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 10px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 20px; + } + } + } + + .header-navbar { + border-top: 1px solid rgba(var(--as-menu-color), 0.08); + display: flex; + align-items: center; + .navbar-brand { + margin-left: 40px; + opacity: 0; + .o_header_is_scrolled & { + opacity: 1; + } + } + .mh-end { + margin-right: 40px !important; + opacity: 0; + .o_header_is_scrolled & { + opacity: 1; + } + a { + text-decoration: none; + color: var(--as-menu-color) !important; + } + } + .hm-icon { + width: 40px; + height: 40px; + box-shadow: none; + font-size: 16px; + border-radius: 5px; + + } + .navbar-nav { + > .nav-item { + > .nav-link { + padding: 0.95rem 1.5rem; + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-06.scss b/theme_alan/static/src/scss/header/header-06.scss new file mode 100644 index 000000000..91bde3af2 --- /dev/null +++ b/theme_alan/static/src/scss/header/header-06.scss @@ -0,0 +1,169 @@ +@if o-website-value('header-template') == 'as_header6' { + + header .as-main-header { + background: transparent; + color: inherit; + } + + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + border-bottom: 1px solid rgba(var(--as-header-color), .09); + padding-top: 4px; + padding-bottom: 4px; + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + align-items: center; + gap: 20px; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .ht-btn { + padding: 2px 0 !important; + font-size: 0.875rem; + border-radius: 0 !important; + border: none !important; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), 0.75); + line-height: var(--body-line-height) !important; + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + + .header-middle { + background: $white; + padding: 20px 0; + .mh-end { + gap: 8px; + a { + text-decoration: none; + color: $black !important; + } + } + + + .hm-icon { + width: 50px; + height: 50px; + background: none; + color: $black; + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 20px; + border-radius: 5px !important; + background: rgba($black, 0.03); + border: 1px solid rgba($black, 0.1); + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 12px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 20px; + } + } + } + + .header-navbar { + @include o-apply-colors('menu'); + @include o-apply-colors('menu-custom'); + @include o-add-gradient('menu-secondary-gradient'); + border-top: 1px solid rgba(var(--as-menu-color), .09); + > .container { + display: flex; + } + .navbar-nav { + > .nav-item { + + .nav-item { + margin-left: 1.5rem; + } + > .nav-link { + line-height: 60px; + padding: 0 6px; + color: rgba(var(--as-menu-color), .75) !important; + &.active, + &:hover { + color: rgba(var(--as-menu-color), 1) !important; + } + } + } + } + .h-cta { + margin: 0; + padding: 0; + list-style: none; + align-self: center; + .btn_cta { + padding: 0.55rem 1.25rem; + } + } + } +} + + diff --git a/theme_alan/static/src/scss/header/header-07.scss b/theme_alan/static/src/scss/header/header-07.scss new file mode 100644 index 000000000..6cd53f804 --- /dev/null +++ b/theme_alan/static/src/scss/header/header-07.scss @@ -0,0 +1,210 @@ +@if o-website-value('header-template') == 'as_header7' { + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + border-bottom: 1px solid rgba(var(--as-header-color), .09); + .ht-top-start { + display: flex; + margin: 0; + padding: 4px 0; + list-style: none; + gap: 20px; + align-items: center; + justify-content: space-between; + > li { + flex: auto; + } + .s_text_block { + text-align: center; + } + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .js_language_selector { + display: flex; + justify-content: flex-end; + .dropdown-toggle { + padding: 0; + font-size: 0.875rem; + height: 26px; + line-height: 26px; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + padding-top: 25px; + padding-bottom: 25px; + background: $white; + > .container { + position: relative; + } + .h-logo { + flex: 1; + display: flex; + justify-content: center; + flex: 0 0 300px; + } + + .mh-end { + flex: 0 0 calc(50% - 150px); + display: flex; + justify-content: flex-end; + > li { + + li { + position: relative; + margin-left: 12px; + padding-left: 12px; + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + margin: auto; + width: 2px; + background: $gray-300; + height: 15px; + left: 0; + } + } + } + a { + text-decoration: none; + color: $black !important; + } + } + + .hm-search { + flex: 0 0 calc(50% - 150px); + } + + .as-h-search-form { + max-width: 300px; + position: static; + .as-h-search-input { + background: none !important; + border: none; + border-bottom: 1px solid $gray-300 !important; + color: $dark; + border-radius: 0; + height: 50px; + padding-left: 32px; + } + .as-h-search-btn { + padding: 0; + width: 35px; + height: 50px; + border-radius: 0; + background: none !important; + box-shadow: none; + outline: none; + position: absolute; + top: 0; + left: 0; + text-align: left; + } + .o_dropdown_menu { + border: 1px solid $gray-300; + } + } + + .hm-icon { + width: 40px; + height: 40px; + background: none; + color: $black; + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 25px; + border-radius: 0; + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 10px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 25px; + } + } + } + + .header-navbar { + @include o-apply-colors('menu'); + @include o-apply-colors('menu-custom'); + @include o-add-gradient('menu-secondary-gradient'); + .navbar-nav { + > .nav-item { + > .nav-link { + padding: 0.75rem 1.5rem; + text-transform: uppercase; + font-weight: 400; + color: rgba(var(--as-menu-color), .75) !important; + &.active, + &:hover { + color: rgba(var(--as-menu-color), 1) !important; + } + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-08.scss b/theme_alan/static/src/scss/header/header-08.scss new file mode 100644 index 000000000..96d0b0c0a --- /dev/null +++ b/theme_alan/static/src/scss/header/header-08.scss @@ -0,0 +1,161 @@ +@if o-website-value('header-template') == 'as_header8' { + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + align-items: center; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .js_language_selector { + .dropdown-toggle { + padding: 0; + font-size: 0.875rem; + height: 35px; + line-height: 35px; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + .mh-end { + display: flex; + justify-content: flex-end; + gap: 10px; + a { + text-decoration: none; + color: inherit !important; + } + } + + .as-h-search-form { + padding-right: 15px; + .as-h-search-input { + background: none !important; + border: 1px solid rgba(var(--as-menu-color), 0.1) !important; + color: var(--as-menu-color); + border-radius: 30px !important; + height: 45px; + padding: 7px 45px 7px 20px; + } + .as-h-search-btn { + padding: 0; + width: 35px; + height: 45px; + border-radius: 0; + background: none !important; + box-shadow: none; + outline: none; + position: absolute; + top: 0; + right: 0; + text-align: left; + } + } + + .hm-icon { + width: 45px; + height: 45px; + background: none; + color: var(--as-menu-color); + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 22px; + border-radius: 50%; + transition: ease all 0.35s; + background: rgba(var(--as-menu-color), 0.08); + &:hover { + background: $primary; + color: $white !important; + } + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 10px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 22px; + } + } + .navbar-nav { + > .nav-item { + > .nav-link { + line-height: 80px; + padding: 0 15px; + font-weight: 500; + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-09.scss b/theme_alan/static/src/scss/header/header-09.scss new file mode 100644 index 000000000..152626143 --- /dev/null +++ b/theme_alan/static/src/scss/header/header-09.scss @@ -0,0 +1,162 @@ +@if o-website-value('header-template') == 'as_header9' { + + .as-alone-search { + margin: 0 !important; + padding: 0 !important; + list-style: none; + } + .as-main-header { + .as-h-container { + @media(min-width: 1440px){ + max-width: 1400px; + } + @media(min-width: 1600px){ + max-width: 1500px; + } + @media(min-width: 1900px){ + max-width: 1800px; + } + } + } + + + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + align-items: center; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .js_language_selector { + .dropdown-toggle { + padding: 0; + font-size: 0.875rem; + height: 35px; + line-height: 35px; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + .mh-end { + display: flex; + justify-content: flex-end; + gap: 10px; + a { + text-decoration: none; + color: inherit !important; + } + } + + .hm-icon { + width: 40px; + height: 40px; + background: none; + color: var(--as-menu-color); + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 16px; + border-radius: 40px !important; + transition: ease all 0.35s; + background: rgba(var(--as-menu-color), 0.08); + &:hover { + background: $primary; + color: $white !important; + } + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: relative; + font-size: 10px; + padding: 3px 5px; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 5px; + top: auto; + } + } + .o_wsale_my_cart, + .o_wsale_my_wish { + .hm-icon { + width: auto; + padding: 0 16px; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 16px; + } + } + .navbar-nav { + > .nav-item { + > .nav-link { + line-height: 80px; + padding: 0 15px; + font-weight: 500; + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-10.scss b/theme_alan/static/src/scss/header/header-10.scss new file mode 100644 index 000000000..368879121 --- /dev/null +++ b/theme_alan/static/src/scss/header/header-10.scss @@ -0,0 +1,177 @@ +@if o-website-value('header-template') == 'as_header10' { + + .as-alone-search { + margin: 0 !important; + padding: 0 !important; + list-style: none; + } + .as-main-header { + .as-h-container { + @media(min-width: 1440px){ + max-width: 1400px; + } + @media(min-width: 1600px){ + max-width: 1500px; + } + @media(min-width: 1900px){ + max-width: 1800px; + } + } + } + + + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + align-items: center; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + padding-top: 20px; + padding-bottom: 20px; + border-bottom: 1px solid rgba(var(--as-menu-color), 0.1); + .mh-start { + flex: 0 0 calc(50% - 150px); + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + .btn { + padding: 0; + border-radius: 0; + font-size: 0.70rem; + text-transform: uppercase; + text-decoration: none; + color: inherit; + letter-spacing: 2px; + background: transparent; + border: none; + box-shadow: none !important; + outline: none; + } + } + .h-logo { + flex: 1; + display: flex; + justify-content: center; + flex: 0 0 300px; + } + .mh-end { + display: flex; + justify-content: flex-end; + gap: 10px; + flex: 0 0 calc(50% - 150px); + a { + text-decoration: none; + color: inherit !important; + } + } + + .hm-icon { + width: 40px; + height: 40px; + background: none; + color: var(--as-menu-color); + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 19px; + border-radius: 40px !important; + transition: ease all 0.35s; + &:hover { + background: rgba(var(--as-menu-color), 0.08); + } + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 10px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 19px; + } + } + .navbar-nav { + > .nav-item { + > .nav-link { + line-height: 80px; + padding: 0 15px; + font-weight: 500; + } + } + } + } + + .header-navbar { + .navbar-nav { + > .nav-item { + > .nav-link { + padding: 0 20px; + color: rgba(var(--as-menu-color), 0.75) !important; + text-transform: uppercase; + font-size: 0.85rem; + letter-spacing: 1px; + font-weight: 400 !important; + line-height: 45px; + &.active, + &:hover { + color: rgba(var(--as-menu-color), 1) !important; + } + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-11.scss b/theme_alan/static/src/scss/header/header-11.scss new file mode 100644 index 000000000..daae1beb2 --- /dev/null +++ b/theme_alan/static/src/scss/header/header-11.scss @@ -0,0 +1,156 @@ +@if o-website-value('header-template') == 'as_header11' { + .header-top { + @include o-apply-colors('header-alan_topbar'); + @include o-apply-colors('header-alan_topbar-custom'); + @include o-add-gradient('menu-secondary-gradient'); + > .container { + display: flex; + justify-content: space-between; + align-items: center; + } + .ht-top-end, + .ht-top-start { + display: flex; + margin: 0; + padding: 0; + list-style: none; + gap: 20px; + align-items: center; + } + .as-header-phone-link { + display: flex; + align-items: center; + gap: 20px; + .nav-link { + padding: 0; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .as-header-button-link { + .btn { + padding: 0; + font-size: 0.875rem; + border-radius: 0; + box-shadow: none; + border: none; + background: none; + box-shadow: none !important; + color: rgba(var(--as-header-color), .75); + line-height: var(--body-line-height); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .js_language_selector { + .dropdown-toggle { + padding: 0; + font-size: 0.875rem; + height: 35px; + line-height: 35px; + color: rgba(var(--as-header-color), .75); + &:hover { + color: rgba(var(--as-header-color), 1); + } + } + } + .s_social_media { + .nav-link { + color: rgba(var(--as-header-color), .75) !important; + &:hover { + color: rgba(var(--as-header-color), 1) !important; + } + } + } + } + + .header-middle { + padding-top: 20px; + padding-bottom: 20px; + .mh-end { + a { + text-decoration: none; + color: inherit !important; + } + } + + .as-h-search-form { + .as-h-search-input { + background: none !important; + border: 1px solid rgba(var(--as-menu-color), 0.1) !important; + color: var(--as-menu-color); + border-radius: 0; + } + .as-h-search-btn { + padding: 0; + width: 50px; + height: 50px; + border: 1px solid rgba(var(--as-menu-color), 0.1); + border-left: none; + border-radius: 0; + background: none !important; + box-shadow: none; + outline: none; + } + } + + .hm-icon { + width: 50px; + height: 50px; + background: none; + border: 1px solid rgba(var(--as-menu-color), 0.1); + color: var(--as-menu-color); + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 20px; + border-radius: 0; + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 10px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + .as-h-user { + font-size: 0px; + &:before { + font-size: 20px; + } + } + } + + .header-navbar { + border-top: 1px solid rgba(var(--as-menu-color), 0.1); + .navbar-nav { + > .nav-item { + + .nav-item { + border-left: 1px solid rgba(var(--as-menu-color), 0.1);; + } + > .nav-link { + padding: 0.75rem 1.5rem; + text-transform: uppercase; + } + } + } + } + +} + + diff --git a/theme_alan/static/src/scss/header/header-mob.scss b/theme_alan/static/src/scss/header/header-mob.scss new file mode 100644 index 000000000..e4ed98ce6 --- /dev/null +++ b/theme_alan/static/src/scss/header/header-mob.scss @@ -0,0 +1,169 @@ +.as-mobile-header { + padding: 10px 0; + background: $white; + .dropdown-toggle { + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + font-size: 1.3rem; + line-height: normal; + } + } + .as-mob-header-end { + width: 100%; + .hm-icon-item { + color: $black; + } + .hm-icon { + width: 40px; + height: 40px; + background: none; + display: flex; + align-items: center; + justify-content: center; + position: relative; + font-size: 20px; + border-radius: 5px; + color: $black; + background: rgba($black, 0.05); + .fa-stack { + width: auto; + height: auto; + line-height: normal; + } + .navbar-toggler-icon { + width: 25px; + height: 25px; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + } + .h-sup { + position: absolute; + top: -4px; + right: -4px; + font-size: 10px; + padding: 0; + border-radius: 50px; + min-width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + } + + } + + .as-mob-logo { + display: flex; + align-items: center; + justify-content: center; + flex: 1; + padding: 0 12px; + } + .navbar-brand{ + max-width: 100%; + margin: 0; + } + .o_navbar_mobile { + max-width: 300px; + background: $white; + } + + .btn-close { + position: absolute; + top: 26px; + right: -32px; + width: 40px; + height: 40px; + background-color: $white; + opacity: 1; + padding: 0; + border-radius: 0; + } + + .offcanvas-header { + padding: 15px; + border-bottom: 1px solid $gray-300; + } + .offcanvas-body { + padding: 0; + } + + .as-mob-search { + margin: 0; + padding: 0; + list-style: none; + .search-query { + border-radius: 0 !important; + padding-right: 0; + } + .oe_search_button { + border-radius: 0 !important; + padding: 12px 16px !important; + } + } + + + .navbar-nav { + > .nav-item { + border-bottom: 1px solid $gray-300; + > .nav-link { + position: relative; + padding: 12px 15px; + color: rgba($black, 0.7); + &.active { + color: $black; + } + } + } + } + .as-h-wish { + position: relative; + display: flex; + gap: 10px; + align-items: center; + > .position-relative { + order: 12; + } + .fa-stack { + width: 27px; + height: auto; + line-height: normal; + } + } + .as-mob-bottom-link { + display: flex; + margin: 0; + padding: 0; + list-style: none; + background: $gray-100; + border-top: 1px solid $gray-300; + li { + flex: 1; + max-width: 50%; + + li { + border-left: 1px solid $gray-300; + } + .btn { + padding: 12px 10px; + display: flex; + align-items: center; + font-size: 15px; + } + } + .o_no_autohide_item { + .dropdown-toggle { + > span { + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/header/header.scss b/theme_alan/static/src/scss/header/header.scss new file mode 100644 index 000000000..a16c37c8e --- /dev/null +++ b/theme_alan/static/src/scss/header/header.scss @@ -0,0 +1,123 @@ +// Header Color + +$-as-top-header-color: o-color('header-alan_topbar-custom') or o-color('header-alan_topbar'); +@if ($-as-top-header-color and color-contrast($-as-top-header-color) != $color-contrast-dark) { + :root { + --as-header-color: 255,255,255; + } +} + + +@if ($-as-top-header-color and color-contrast($-as-top-header-color) != $color-contrast-light) { + :root { + --as-header-color: 0,0,0; + } +} + + +$-menu-color: o-color('menu-custom') or o-color('menu'); +@if ($-menu-color and color-contrast($-menu-color) != $color-contrast-dark) { + :root { + --as-menu-color: 255,255,255; + } +} + + +@if ($-menu-color and color-contrast($-menu-color) != $color-contrast-light) { + :root { + --as-menu-color: 0,0,0; + } +} + + +.dropdown-toggle-none { + &:after { + display: none !important; + } +} + +.as-main-header { + .dropdown-toggle { + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } +} + + +// Header Icons +.as-h-wish { + .fa-heart { + &:before { + content: "\e879"; + font-family: 'feather'; + } + } +} +.as-h-cart { + .fa-shopping-cart { + &:before { + content: "\e905"; + font-family: 'feather'; + } + } +} + +.as-h-bag { + .fa-shopping-cart { + &:before { + content: "\e926"; + font-family: 'feather'; + } + } +} + +.as-h-user { + font-size: 0px; + &:before { + content: "\e8e9"; + font-family: 'feather'; + font-size: 1rem; + } +} + + + +.as-main-header { + .navbar-nav { + > .nav-item { + > .nav-link { + position: relative; + } + } + } +} + +.as-menu-tags { + position: absolute; + top: -5px; + display: inline-block; + right: 7px; + line-height: 1; + font-size: 10px; + padding: 4px 5px 3px; + border-radius: 2px; + .as-mobile-header & { + right: auto; + } + &:after { + content: ""; + background: inherit; + position: absolute; + width: 5px; + height: 5px; + bottom: -3px; + left: 8px; + transform: rotate(45deg); + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-detail-default.scss b/theme_alan/static/src/scss/product-details/product-detail-default.scss new file mode 100644 index 000000000..28715362d --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-detail-default.scss @@ -0,0 +1,607 @@ +@if o-website-value('product-detail-style')=='alan_product0' { + .as-product-next-prev-history { + background: $gray-100; + border-bottom: 1px solid $gray-300; + padding-top: 20px; + padding-bottom: 20px; + } + #product_details { + position: relative; + .as-ribbon-wrpa { + position: relative; + padding-bottom: 10px; + font-size: 12px; + padding-right: 80px; + &:after, + &:before { + display: none; + } + [class*="ribbon-style-"] { + position: relative; + top: auto; + left: auto; + width: auto; + height: auto; + display: inline-flex; + &:after, + &:before { + display: none; + } + span { + position: relative; + top: auto; + left: auto; + right: auto; + bottom: auto; + box-shadow: none; + width: auto; + height: auto; + padding: 5px 12px; + display: inline-flex; + transform: none; + line-height: 1; + text-transform: uppercase; + &:after, + &:before { + display: none; + } + } + } + .ribbon-style-2 { + display: inline-block; + vertical-align: top; + padding: 2px; + } + } + + h1 { + font-size: 20px; + margin: 0 0 10px; + color: $dark; + font-weight: 600; + padding-right: 50px; + } + .o_product_page_reviews_link { + width: 100%; + display: flex; + padding: 0; + font-size: 14px; + } + p.text-muted { + font-size: 15px; + } + .product_price { + margin: 0; + padding: 0; + h3 { + font-size: 22px; + color: $dark; + margin: 0; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + .text-danger { + font-size: 80%; + margin: 0 8px + } + } + .as-product-discounted { + background: $primary; + font-weight: 400; + font-size: 12px; + color: $white; + padding: 4px 12px; + } + span.text-muted { + margin: 0; + flex: 0 0 100%; + max-width: 100%; + padding-top: 10px; + } + } + .as_offer_timer { + width: 100%; + margin: 0 0 25px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + font-size: 15px; + } + li { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + li { + margin-left: 15px; + } + } + label { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $gray-300; + color: $dark; + border-radius: 50%; + margin: 0 0 7px; + font-weight: 600; + font-size: 16px; + @include media-breakpoint-down(lg) { + font-size: 14px; + } + } + span { + font-size: 11px; + text-transform: uppercase; + @include media-breakpoint-down(lg) { + font-size: 10px; + } + } + } + + .form-control { + border-radius: 0; + } + .form-select { + border-radius: 0; + } + + + .js_add_cart_variants { + .variant_attribute { + &:last-child { + padding-bottom: 0; + } + .attribute_name { + font-weight: 600; + color: $dark; + font-size: 13px; + &:after { + display: none; + } + } + .show_advance_product { + padding-left: 12px; + color: $primary; + cursor: pointer; + } + .col-form-label { + padding-top: 0; + padding-bottom: 0; + } + .o_wsale_product_attribute { + .list-inline-item { + &.mb-3 { + margin-bottom: 0.5rem !important; + } + } + } + } + } + + #o_wsale_cta_wrapper { + align-items: flex-start !important; + padding-top: 20px; + flex-direction: column; + .css_quantity { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + #add_to_cart_wrap { + display: flex !important; + flex: 1; + width: 100%; + margin-top: 20px; + .btn { + padding: 0 20px; + height: 50px; + border-radius: 0; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 !important; + + .btn { + margin-left: 10px !important; + } + span { + font-weight: 500 !important; + } + } + .btn-primary { + border: 1px solid $dark !important; + background: $dark !important; + color: $white !important; + &:hover { + border: 1px solid $primary !important; + background: $primary !important; + color: $white !important; + } + } + .btn-outline-primary { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + } + + #product_option_block { + padding-bottom: 20px; + gap: 20px; + padding-top: 12px; + .o_add_compare_dyn, + .o_add_wishlist_dyn { + border: none; + background: none; + color: $dark; + font-size: 13px; + padding: 0 !important; + text-transform: uppercase; + line-height: 1; + text-decoration: none; + &:hover { + border: none; + background: none; + color: $primary; + } + } + } + + .pd-wishlist { + position: absolute; + top: 0; + right: 1rem; + z-index: 1; + display: flex; + .as-pd-share { + order: 12; + margin-left: 10px; + .dropdown-menu { + width: auto; + min-width: auto; + } + .s_share { + box-shadow: $box-shadow; + background: $white; + padding: 5px; + border-radius: 30px; + display: flex; + flex-direction: column; + a { + margin: 5px 0; + i { + border-radius: 50% !important; + width: 35px; + height: 35px; + background: currentColor; + box-shadow: none !important; + &:before { + color: $white; + } + } + } + } + } + .as-pd-share-icon { + color: $primary; + background: rgba($primary, 0.1); + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + border-radius: 50%; + padding: 0px !important; + font-size: 15px; + border: none; + &:after { + display: none; + } + &:hover { + color: $white; + background: $primary; + } + } + } + + .as-brand-info { + display: flex; + padding: 20px 0 0; + border-top: 1px solid $gray-300; + margin-top: 20px; + .as-b-avatar { + flex: 0 0 100px; + max-width: 100px; + } + .as-b-text { + flex: 1; + padding-left: 15px; + p { + margin: 0; + } + } + } + + .as-offers-box { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid $gray-300; + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + display: flex; + + li { + padding-top: 20px; + } + } + .show_advance_product { + display: inline-block; + background: $gray-100; + border: 1px solid $gray-200; + padding: 3px 13px; + font-size: 13px; + text-transform: uppercase; + margin-top: 6px; + border-radius: 4px; + cursor: pointer; + &:hover { + background: $primary; + border: 1px solid $primary; + color: $white; + } + } + .as-offer-icon { + flex: 0 0 40px; + max-width: 40px; + height: 40px; + border-radius: 3px; + display: inline-flex; + align-items: center; + justify-content: center; + background: rgba($primary, 0.1); + color: $primary; + } + .as-offer-text { + flex: 0 0 calc(100% - 35px); + max-width: calc(100% - 35px); + padding-left: 16px; + strong { + color: $dark; + } + p { + margin: 0; + display: inline-block; + width: 100%; + vertical-align: top; + } + .show-extra-prod-info { + font-weight: 600; + text-transform: uppercase; + font-size: 12px; + color: $primary; + cursor: pointer; + } + } + } + + .as-pd-lists { + label { + font-weight: 500; + color: $dark; + padding-right: 15px; + } + } + + .as-pd-extra { + padding-top: 20px; + margin-top: 20px; + border-top: 1px solid $gray-300; + } + + .availability_messages { + p { + margin: 15px 0 0; + } + } + + .as-b2b-price { + padding: 15px 0; + .btn { + padding: 0 20px; + height: 50px; + border-radius: 0; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + i { + margin-right: 10px; + } + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + + } + + // Tabs + .product-details-tabs { + border-top: 1px solid $gray-300; + margin-top: 60px; + padding-bottom: 50px; + .nav-tabs { + margin-top: -30px; + border: none; + white-space: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + padding: 0 0 16px; + .nav-item { + + .nav-item { + margin-left: 25px; + } + .nav-link { + border: 1px solid $gray-300; + color: $dark; + background: $white; + text-transform: uppercase; + font-weight: 500; + border-radius: 0; + padding: 15px 30px; + &.active { + border: 1px solid $dark; + color: $white; + background: $dark; + } + } + } + } + .tab-content { + .tab-pane { + padding-top: 35px; + } + .as-pd-full-spec-section { + border-top: none !important; + } + .o_shop_discussion_rating { + border: none !important; + } + } + } + + .as-product-alt-acc-products { + border-top: 1px solid $gray-300; + padding-bottom: 50px; + padding-top: 50px; + .as-pd-extra-slider { + + .as-pd-extra-slider { + margin-top: 60px; + } + } + } + + // Responsive + @include media-breakpoint-down(md) { + #product_detail { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + #product_details { + h1 { + font-size: 16px; + margin: 0 0 5px; + } + .o_product_page_reviews_link { + font-size: 12px; + margin: 0 0 5px; + } + .pd-wishlist { + .as-pd-share-icon { + width: 30px; + height: 30px; + font-size: 12px; + } + } + p.text-muted { + font-size: 14px; + margin: 0 !important; + } + .product_price { + margin: 0 0 12px !important; + h3 { + font-size: 16px; + } + .as-product-discounted { + padding: 3px 5px; + } + span.text-muted { + padding-top: 5px; + font-size: 12px; + } + } + .as_offer_timer { + margin: 0 0 12px; + li { + + li { + margin-left: 10px; + } + } + } + #o_wsale_cta_wrapper { + padding: 0; + #add_to_cart_wrap { + margin-top: 10px; + } + } + .as-brand-info { + padding: 10px 0 0; + margin-top: 10px; + .as-b-avatar { + flex: 0 0 80px; + max-width: 80px; + } + .as-b-text { + padding-left: 10px; + h6 { + font-size: 14px; + margin: 0 0 5px; + font-weight: 600; + } + p { + font-size: 13px; + } + } + } + .as-pd-extra { + padding-top: 10px; + margin-top: 10px; + font-size: 12px; + } + } + + .product-details-tabs { + border-top: none; + margin-top: 0; + padding-bottom: 30px; + .nav-tabs { + margin-top: 0; + .nav-item { + flex: 1; + + .nav-item { + margin-left: 15px; + } + } + .nav-link { + padding: 10px 15px; + font-size: 13px; + text-align: center; + } + } + } + } + // Responsive end + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-detail-glass-blur.scss b/theme_alan/static/src/scss/product-details/product-detail-glass-blur.scss new file mode 100644 index 000000000..29eafe32f --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-detail-glass-blur.scss @@ -0,0 +1,572 @@ +@if o-website-value('product-detail-style')=='alan_product2' { + .as-product-next-prev-history { + background: $dark; + padding-top: 20px; + padding-bottom: 20px; + .row { + .breadcrumb { + color: rgba($white, 0.8); + a { + color: $white; + } + span { + color: rgba($white, 0.8); + } + } + } + } + #product_details { + position: relative; + @include media-breakpoint-up(lg) { + border-left: 1px solid $gray-300; + padding-left: 40px; + } + .as-ribbon-wrpa { + position: relative; + padding-bottom: 10px; + font-size: 12px; + padding-right: 80px; + &:after, + &:before { + display: none; + } + [class*="ribbon-style-"] { + position: relative; + top: auto; + left: auto; + width: auto; + height: auto; + display: inline-flex; + &:after, + &:before { + display: none; + } + span { + position: relative; + top: auto; + left: auto; + right: auto; + bottom: auto; + box-shadow: none; + width: auto; + height: auto; + padding: 5px 12px; + display: inline-flex; + transform: none; + line-height: 1; + text-transform: uppercase; + &:after, + &:before { + display: none; + } + } + } + .ribbon-style-2 { + display: inline-block; + vertical-align: top; + padding: 2px; + } + } + + h1 { + font-size: 20px; + margin: 0 0 10px; + color: $dark; + font-weight: 600; + padding-right: 85px; + } + .o_product_page_reviews_link { + width: 100%; + display: flex; + padding: 0; + font-size: 14px; + } + p.text-muted { + font-size: 15px; + } + .product_price { + margin: 0; + padding: 0; + h3 { + font-size: 18px; + color: $dark; + margin: 0; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + .text-danger { + font-size: 75%; + margin: 0 8px + } + } + .as-product-discounted { + background: $gray-100; + border: 1px solid $gray-200; + font-weight: 400; + font-size: 12px; + color: $dark; + padding: 4px 12px; + } + span.text-muted { + margin: 0; + flex: 0 0 100%; + max-width: 100%; + padding-top: 10px; + } + } + .as_offer_timer { + width: 100%; + margin: 0 0 25px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + font-size: 15px; + } + li { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: $gray-100; + border: 1px solid $gray-200; + color: $dark; + padding: 8px 10px; + border-radius: 3px; + + li { + margin-left: 8px; + } + } + label { + margin: 0 0 2px; + font-weight: 600; + font-size: 16px; + @include media-breakpoint-down(lg) { + font-size: 14px; + } + } + span { + font-size: 11px; + text-transform: uppercase; + @include media-breakpoint-down(lg) { + font-size: 10px; + } + } + } + + .form-control { + border-radius: 0; + } + .form-select { + border-radius: 0; + } + + + .js_add_cart_variants { + border-top: 1px solid $gray-300; + padding: 20px 0 0; + .variant_attribute { + &:last-child { + padding-bottom: 0; + } + .attribute_name { + font-weight: 600; + color: $dark; + font-size: 13px; + &:after { + display: none; + } + } + .show_advance_product { + padding-left: 12px; + color: $primary; + cursor: pointer; + } + .col-form-label { + padding-top: 0; + padding-bottom: 0; + } + .o_wsale_product_attribute { + .list-inline-item { + &.mb-3 { + margin-bottom: 0.5rem !important; + } + } + } + } + } + + #o_wsale_cta_wrapper { + align-items: flex-start !important; + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid $gray-300; + .css_quantity { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + #add_to_cart_wrap { + display: flex !important; + flex: 1; + margin: 0 !important; + @include media-breakpoint-down(lg) { + flex: 0 0 100%; + max-width: 100%; + padding-top: 15px; + } + .btn { + padding: 0 20px; + height: 50px; + border-radius: 0; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 !important; + + .btn { + margin-left: 10px !important; + } + span { + font-weight: 500 !important; + } + } + .btn-primary { + border: 1px solid $dark !important; + background: $dark !important; + color: $white !important; + &:hover { + border: 1px solid $primary !important; + background: $primary !important; + color: $white !important; + } + } + + .btn-outline-primary { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + .o_we_buy_now { + border: 1px solid $warning; + background: $warning; + color: $dark; + &:hover { + border: 1px solid $dark; + background: $dark; + color: $white; + } + } + } + } + + #product_option_block { + padding-top: 20px; + padding-bottom: 20px; + gap: 20px; + .o_add_compare_dyn, + .o_add_wishlist_dyn { + border: none; + background: none; + color: $dark; + font-size: 13px; + padding: 0 !important; + text-transform: uppercase; + line-height: 1; + text-decoration: none; + &:hover { + border: none; + background: none; + color: $primary; + } + } + } + + .pd-wishlist { + position: absolute; + top: 0; + right: 1rem; + z-index: 1; + display: flex; + .as-pd-share-icon { + font-size: 0px; + color: $primary; + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + border-radius: 50%; + padding: 0px !important; + background: transparent; + border: none; + i { + font-size: 15px; + color: inherit; + margin: 0 !important; + } + &.disabled, + &:hover { + color: $white; + background: $primary; + } + } + .as-pd-share { + order: 12; + margin-left: 10px; + .dropdown-menu { + width: auto; + min-width: auto; + } + .s_share { + background: $white; + padding: 5px; + border-radius: 4px; + display: flex; + flex-direction: column; + border: 1px solid $gray-300; + a { + margin: 2px 0; + i { + border-radius: 3px !important; + width: 35px; + height: 35px; + background: currentColor; + box-shadow: none !important; + &:before { + color: $white; + } + } + } + } + } + } + + .as-brand-info { + display: flex; + padding: 20px 0 0; + border-top: 1px solid $gray-300; + margin-top: 20px; + .as-b-avatar { + flex: 0 0 100px; + max-width: 100px; + } + .as-b-text { + flex: 1; + padding-left: 15px; + p { + margin: 0; + } + } + } + + .as-offers-box { + margin-top: 15px; + padding-top: 20px; + border-top: 1px solid $gray-300; + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + display: flex; + + li { + padding-top: 15px; + } + } + .show_advance_product { + display: inline-block; + background: $gray-100; + border: 1px solid $gray-200; + padding: 3px 13px; + font-size: 13px; + text-transform: uppercase; + margin-top: 6px; + border-radius: 4px; + cursor: pointer; + &:hover { + background: $primary; + border: 1px solid $primary; + color: $white; + } + } + .as-offer-icon { + flex: 0 0 40px; + max-width: 40px; + height: 40px; + border-radius: 3px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $gray-100; + border: 1px solid $gray-200; + color: $dark; + } + .as-offer-text { + flex: 0 0 calc(100% - 35px); + max-width: calc(100% - 35px); + padding-left: 16px; + strong { + color: $dark; + } + p { + margin: 0; + display: inline-block; + width: 100%; + vertical-align: top; + } + .show-extra-prod-info { + font-weight: 600; + text-transform: uppercase; + font-size: 12px; + color: $primary; + cursor: pointer; + } + } + } + + .as-pd-lists { + label { + font-weight: 500; + color: $dark; + padding-right: 15px; + } + } + + .as-pd-extra { + padding-top: 20px; + margin-top: 20px; + border-top: 1px solid $gray-300; + } + + .availability_messages { + p { + margin: 15px 0 0; + } + } + + .as-b2b-price { + padding: 15px 0; + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0; + border-radius: 0; + border: 1px solid $dark; + background: $dark; + color: $white; + text-transform: uppercase; + i { + margin-right: 10px; + } + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + + } + + // Tabs + .product-details-tabs { + padding-top: 50px; + padding-bottom: 50px; + @include media-breakpoint-down(md) { + padding-top: 30px; + padding-bottom: 30px; + } + .nav-tabs { + border: none; + white-space: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + padding: 0 0 16px; + justify-content: center; + @include media-breakpoint-down(md) { + margin-top: -24px; + justify-content: flex-start; + } + .nav-item { + + .nav-item { + margin-left: 30px; + @include media-breakpoint-down(md) { + margin-left: 20px; + } + } + .nav-link { + color: $dark; + font-weight: 500; + border-radius: 0; + padding: 0 0 12px; + position: relative; + border: none; + font-size: 24px; + font-weight: 600; + &:after { + content: ""; + position: absolute; + bottom: 0; + left: auto; + right: 0; + width: 0px; + height: 2px; + background: currentColor; + transition: ease all 0.35s; + } + @include media-breakpoint-down(md) { + padding: 8px 0; + font-size: 14px; + } + &:hover, + &.active { + color: $primary; + &:after { + left: 0; + right: auto; + width: 100%; + } + } + } + } + } + .tab-content { + .tab-pane { + padding-top: 25px; + } + .as-pd-full-spec-section { + border-top: none !important; + } + .o_shop_discussion_rating { + border: none !important; + } + } + } + + .as-product-alt-acc-products { + border-top: 1px solid $gray-200; + padding-top: 50px; + padding-bottom: 50px; + .as-pd-extra-slider { + + .as-pd-extra-slider { + margin-top: 50px; + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-detail-layout.scss b/theme_alan/static/src/scss/product-details/product-detail-layout.scss new file mode 100644 index 000000000..5af3cc93e --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-detail-layout.scss @@ -0,0 +1,77 @@ +@if o-website-value('product-detail-layout')=='alan_product_detail_layout_full' { + .as-product-next-prev-history { + .container { + max-width: 1800px; + } + } + #product_detail { + max-width: 1800px; + #product_detail_main { + align-items: flex-start; + } + .o_wsale_product_images { + &.col-lg-8 { + @include media-breakpoint-up(lg) { + flex: 1; + width: auto; + margin: 0 !important; + + #product_details { + max-width: 400px; + margin: 0 !important; + position: sticky; + top: 30px; + } + } + } + } + } + #o-grid-product { + .container { + max-width: 100%; + } + .product_detail_img { + width: 100%; + } + } + .product-details-tabs { + .container { + max-width: 1800px; + } + } + .as-product-alt-acc-products { + .container { + max-width: 1800px; + } + } + + + + // Cart Buttons + + #product_detail { + #product_details { + padding-left: 15px; + #o_wsale_cta_wrapper { + flex-wrap: wrap !important; + #add_to_cart_wrap { + width: 100%; + flex: 0 0 100%; + flex-wrap: wrap; + padding-top: 12px; + .btn { + margin-right: 5px !important; + margin-bottom: 5px !important; + &:last-child { + margin-right: 0 !important; + } + + .btn { + margin-left: 0 !important; + } + } + } + } + } + } + + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-detail-modern.scss b/theme_alan/static/src/scss/product-details/product-detail-modern.scss new file mode 100644 index 000000000..24dc0bf8f --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-detail-modern.scss @@ -0,0 +1,563 @@ +@if o-website-value('product-detail-style')=='alan_product4' { + .as-product-next-prev-history { + background: $gray-100; + border-bottom: 1px solid $gray-300; + padding-top: 20px; + padding-bottom: 20px; + } + #product_details { + position: relative; + .as-ribbon-wrpa { + position: relative; + padding-bottom: 10px; + font-size: 12px; + padding-right: 80px; + &:after, + &:before { + display: none; + } + [class*="ribbon-style-"] { + position: relative; + top: auto; + left: auto; + width: auto; + height: auto; + display: inline-flex; + &:after, + &:before { + display: none; + } + span { + position: relative; + top: auto; + left: auto; + right: auto; + bottom: auto; + box-shadow: none; + width: auto; + height: auto; + padding: 5px 12px; + display: inline-flex; + transform: none; + line-height: 1; + text-transform: uppercase; + &:after, + &:before { + display: none; + } + } + } + .ribbon-style-2 { + display: inline-block; + vertical-align: top; + padding: 2px; + } + } + + h1 { + font-size: 20px; + margin: 0 0 10px; + color: $dark; + font-weight: 600; + padding-right: 85px; + } + .o_product_page_reviews_link { + width: 100%; + display: flex; + padding: 0 0 10px; + margin: 0 0 10px; + border-bottom: 1px solid $gray-300; + font-size: 14px; + } + p.text-muted { + font-size: 15px; + } + .product_price { + margin: 0; + padding: 0; + h3 { + font-size: 22px; + color: $dark; + margin: 0; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + .text-danger { + font-size: 80%; + margin: 0 8px + } + } + .as-product-discounted { + background: $primary; + font-weight: 400; + font-size: 12px; + color: $white; + padding: 4px 12px; + } + span.text-muted { + margin: 0; + flex: 0 0 100%; + max-width: 100%; + padding-top: 10px; + } + } + .as_offer_timer { + width: 100%; + margin: 0 0 25px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + font-size: 15px; + } + li { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border: 4px solid $white; + background: $gray-200; + box-shadow: $box-shadow-sm; + padding: 5px 10px; + border-radius: 3px; + + li { + margin-left: 8px; + } + } + label { + margin: 0; + font-weight: 600; + font-size: 16px; + color: $dark; + @include media-breakpoint-down(lg) { + font-size: 14px; + } + } + span { + font-size: 11px; + text-transform: uppercase; + @include media-breakpoint-down(lg) { + font-size: 10px; + } + } + } + + .form-control { + border-radius: 0; + } + .form-select { + border-radius: 0; + } + + + .js_add_cart_variants { + .variant_attribute { + &:last-child { + padding-bottom: 0; + } + .attribute_name { + font-weight: 600; + color: $dark; + font-size: 13px; + &:after { + display: none; + } + } + .show_advance_product { + padding-left: 12px; + color: $primary; + cursor: pointer; + } + .col-form-label { + padding-top: 0; + padding-bottom: 0; + } + .o_wsale_product_attribute { + .list-inline-item { + &.mb-3 { + margin-bottom: 0.5rem !important; + } + } + } + } + } + + #o_wsale_cta_wrapper { + align-items: flex-start !important; + margin-top: 25px; + flex-direction: column; + .css_quantity { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + #add_to_cart_wrap { + display: flex !important; + flex: 1; + width: 100%; + margin-top: 20px; + margin-bottom: 0 !important; + .btn { + padding: 0 20px; + height: 50px; + border-radius: 0; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 !important; + + .btn { + margin-left: 10px !important; + } + span { + font-weight: 500 !important; + } + } + .btn-primary { + border: 1px solid $dark !important; + background: $dark !important; + color: $white !important; + &:hover { + border: 1px solid $primary !important; + background: $primary !important; + color: $white !important; + } + } + .btn-outline-primary { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + #product_option_block { + padding-top: 15px; + .o_add_wishlist_dyn { + display: inline-flex; + align-items: center; + text-transform: uppercase; + font-size: 14px; + color: $dark; + border-bottom: 1px solid $dark; + padding: 0 !important; + border-radius: 0; + text-decoration: none; + &.disabled, + &:hover { + color: $primary; + border-bottom: 1px solid $primary; + } + } + } + } + + .pd-wishlist { + position: absolute; + top: 0; + right: 15px; + z-index: 1; + display: flex; + .as-pd-share-icon { + font-size: 0px; + color: $white; + background: $dark; + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + border-radius: 50%; + padding: 0px !important; + border: none; + i { + font-size: 15px; + color: inherit; + margin: 0 !important; + } + &:hover { + color: $white; + background: $primary; + } + } + .as-pd-share { + order: 12; + margin-left: 10px; + .dropdown-menu { + width: auto; + min-width: auto; + } + .s_share { + box-shadow: $box-shadow; + background: $white; + padding: 5px; + border-radius: 30px; + display: flex; + flex-direction: column; + a { + margin: 5px 0; + i { + border-radius: 50% !important; + width: 35px; + height: 35px; + background: currentColor; + box-shadow: none !important; + &:before { + color: $white; + } + } + } + } + } + } + + .as-brand-info { + display: flex; + padding: 20px 0 0; + align-items: flex-start; + .as-b-avatar { + flex: 0 0 80px; + max-width: 80px; + border: 1px solid $gray-300; + padding: 5px; + } + .as-b-text { + flex: 1; + padding-left: 15px; + p { + margin: 0; + } + } + } + + .as-offers-box { + margin-top: 20px; + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + display: flex; + border: 1px solid $gray-300; + margin-top: -1px; + padding: 10px; + &:first-child { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } + &:last-child { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + } + } + .as-offer-icon { + flex: 0 0 35px; + max-width: 35px; + height: 35px; + border-radius: 50%; + display: inline-flex; + align-items: center; + justify-content: center; + background: rgba($primary, 0.1); + color: $primary; + } + .as-offer-text { + flex: 0 0 calc(100% - 35px); + max-width: calc(100% - 35px); + padding-left: 10px; + strong { + color: $dark; + } + p { + margin: 0; + display: inline-block; + width: 100%; + vertical-align: top; + } + .show-extra-prod-info { + font-weight: 600; + text-transform: uppercase; + font-size: 12px; + color: $primary; + cursor: pointer; + } + } + + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + display: flex; + + li { + padding-top: 20px; + } + } + .show_advance_product { + display: inline-block; + background: $gray-100; + border: 1px solid $gray-200; + padding: 3px 13px; + font-size: 13px; + text-transform: uppercase; + margin-top: 6px; + border-radius: 4px; + cursor: pointer; + &:hover { + background: $primary; + border: 1px solid $primary; + color: $white; + } + } + } + + .as-pd-lists { + label { + font-weight: 500; + color: $dark; + padding-right: 15px; + } + } + + .as-pd-extra { + padding-top: 15px; + } + + .availability_messages { + p { + margin: 15px 0 0; + } + } + + .as-b2b-price { + padding: 15px 0; + .btn { + padding: 0 20px; + height: 50px; + border-radius: 0; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + letter-spacing: 1px; + text-transform: uppercase; + i { + margin-right: 10px; + } + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + + } + + // Tabs + .product-details-tabs { + border-top: 1px solid $gray-300; + margin-top: 60px; + padding-bottom: 50px; + @include media-breakpoint-down(md) { + margin-top: 30px; + padding-bottom: 30px; + } + .nav-tabs { + margin-top: -30px; + border: none; + white-space: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + padding: 0 0 16px; + justify-content: center; + @include media-breakpoint-down(md) { + margin-top: -24px; + justify-content: flex-start; + padding-bottom: 15px; + } + .nav-item { + + .nav-item { + margin-left: 25px; + @include media-breakpoint-down(md) { + margin-left: 15px; + } + } + .nav-link { + box-shadow: none; + border-radius: 3px; + color: $dark; + padding: 8px 22px; + margin: 0; + background: $white !important; + position: relative; + font-size: 16px; + font-weight: 500; + border: 1px solid $gray-300; + text-decoration: none; + background: $white; + &:after { + content: ""; + position: absolute; + bottom: -10px; + left: 0; + right: 0; + width: 0px; + border-top: 10px solid $primary; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + margin: auto; + opacity: 0; + } + @include media-breakpoint-down(md) { + padding: 10px 20px; + font-size: 14px; + } + &.active { + border: 1px solid $primary !important; + color: $white !important; + background: $primary !important; + &:after { + opacity: 1; + } + } + } + } + } + .tab-content { + .tab-pane { + padding-top: 35px; + } + .as-pd-full-spec-section { + border-top: none !important; + } + .o_shop_discussion_rating { + border: none !important; + } + } + } + + .as-product-alt-acc-products { + border-top: 1px solid $gray-300; + padding-bottom: 50px; + padding-top: 50px; + .as-pd-extra-slider { + + .as-pd-extra-slider { + margin-top: 60px; + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-detail-shadow.scss b/theme_alan/static/src/scss/product-details/product-detail-shadow.scss new file mode 100644 index 000000000..7c28082ce --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-detail-shadow.scss @@ -0,0 +1,667 @@ +@if o-website-value('product-detail-style')=='alan_product1' { + + .as-product-detail { + background: linear-gradient(0, rgba($primary, 0.05), rgba($primary, 0.05)), linear-gradient(0, #fffdfc, #fffdfc); + } + + .as-product-next-prev-history { + padding-top: 20px; + padding-bottom: 40px; + box-shadow: $box-shadow-sm; + background: $white; + border-bottom: 1px solid $gray-200; + + .as-np-card { + border-radius: 8px; + overflow: hidden; + } + .row { + .as-pre-nxt-prod { + z-index: 2; + background: $gray-200; + border-radius: 10px; + .as-pager-prod { + background: transparent; + } + .as-shop-prod { + background: transparent; + } + } + } + } + + #product_detail_main { + #o-carousel-product { + .carousel-control-prev, + .carousel-control-next{ + > span { + border-radius: 10px; + } + } + @include media-breakpoint-up(lg) { + .o_carousel_product_indicators { + .carousel-indicators { + li { + border-radius: 10px; + overflow: hidden; + } + } + } + } + } + } + + #product_detail { + margin-top: -30px; + padding-top: 0 !important; + #product_detail_main { + --gutter-y: 0; + margin: 0 !important; + box-shadow: $box-shadow-sm; + background: $white; + border-radius: 10px; + border: 1px solid $gray-200; + .as-quick-view-modal & { + border: none; + box-shadow: none; + border-radius: 0; + } + } + .o_wsale_product_images { + padding: 25px; + margin: 0 !important; + @include media-breakpoint-down(lg) { + padding: 15px; + } + } + } + + #product_details { + position: relative; + padding: 25px; + margin: 0 !important; + @include media-breakpoint-down(lg) { + padding: 15px; + } + .as-ribbon-wrpa { + position: relative; + padding-bottom: 10px; + font-size: 12px; + padding-right: 80px; + &:after, + &:before { + display: none; + } + [class*="ribbon-style-"] { + position: relative; + top: auto; + left: auto; + width: auto; + height: auto; + display: inline-flex; + &:after, + &:before { + display: none; + } + span { + position: relative; + top: auto; + left: auto; + right: auto; + bottom: auto; + box-shadow: none; + width: auto; + height: auto; + padding: 5px 12px; + display: inline-flex; + transform: none; + line-height: 1; + text-transform: uppercase; + border-radius: 6px; + &:after, + &:before { + display: none; + } + } + } + .ribbon-style-2 { + display: inline-block; + vertical-align: top; + padding: 2px; + } + } + + h1 { + font-size: 20px; + margin: 0 0 10px; + color: $dark; + font-weight: 600; + padding-right: 40px; + } + .o_product_page_reviews_link { + width: 100%; + display: flex; + padding: 0; + font-size: 14px; + .o_website_rating_static { + width: 100%; + border-bottom: 1px solid $gray-300; + padding-bottom: 10px; + margin-bottom: 10px; + } + } + p.text-muted { + font-size: 15px; + margin-top: 0 !important; + padding-right: 30px; + } + .product_price { + margin: 0; + padding: 0; + h3 { + font-size: 18px; + color: $primary; + margin: 0; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + .text-danger { + font-size: 80%; + margin: 0 8px + } + } + .as-product-discounted { + background: rgba($primary, 0.1); + font-weight: 400; + font-size: 12px; + color: $primary; + padding: 4px 12px; + border-radius: 30px; + } + span.text-muted { + margin: 0; + flex: 0 0 100%; + max-width: 100%; + padding-top: 10px; + } + } + .as_offer_timer { + width: 100%; + margin: 0 0 15px; + display: flex; + ul { + margin: 0; + padding: 6px 15px; + display: flex; + list-style: none; + font-size: 15px; + background: $gray-100; + border: 1px solid $gray-200; + border-radius: 8px; + } + li { + display: flex; + flex-direction: column; + + li { + margin-left: 10px; + } + } + label { + display: inline-flex; + color: $dark; + margin: 0 0 2px; + font-weight: 600; + font-size: 16px; + @include media-breakpoint-down(lg) { + font-size: 14px; + } + } + span { + font-size: 11px; + text-transform: uppercase; + @include media-breakpoint-down(lg) { + font-size: 10px; + } + } + } + + .form-control { + border-radius: 10px; + } + .form-select { + border-radius: 10px; + } + + + .js_add_cart_variants { + .variant_attribute { + .attribute_name { + font-weight: 600; + color: $dark; + font-size: 13px; + &:after { + display: none; + } + } + .show_advance_product { + padding-left: 12px; + color: $primary; + cursor: pointer; + } + .col-form-label { + padding-top: 0; + padding-bottom: 0; + } + .o_wsale_product_attribute { + .list-inline-item { + &.mb-3 { + margin-bottom: 0.5rem !important; + } + } + } + } + } + + #o_wsale_cta_wrapper { + align-items: flex-start !important; + .css_quantity { + margin-top: 0 !important; + margin-bottom: 0 !important; + border-radius: 10px; + .btn { + border-radius: 0 !important; + &:not(.float_left) { + border-top-left-radius: 9px !important; + border-bottom-left-radius: 9px !important; + } + &.float_left { + border-top-right-radius: 9px !important; + border-bottom-right-radius: 9px !important; + } + } + .form-control { + border-radius: 0; + } + } + #add_to_cart_wrap { + display: flex !important; + flex: 1; + @include media-breakpoint-down(lg) { + flex: 0 0 100%; + max-width: 100%; + padding-top: 15px; + } + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 !important; + border-radius: 10px; + + .btn { + margin-left: 10px !important; + } + span { + font-weight: 500 !important; + } + } + .btn-primary { + border: 1px solid $dark !important; + background: $dark !important; + color: $white !important; + &:hover { + border: 1px solid $primary !important; + background: $primary !important; + color: $white !important; + } + } + .btn-outline-primary { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + } + + #product_option_block { + padding-top: 20px; + .o_add_compare_dyn, + .o_add_wishlist_dyn { + border: none; + background: none; + color: $dark; + font-size: 13px; + padding: 0 !important; + text-transform: uppercase; + line-height: 1; + text-decoration: none; + &:hover { + border: none; + background: none; + color: $primary; + } + } + } + + .pd-wishlist { + position: absolute; + top: 15px; + right: 15px; + z-index: 1; + display: flex; + .o_add_wishlist_dyn { + font-size: 0px; + color: $white; + background: $primary; + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + border-radius: 10px; + padding: 0px !important; + i { + font-size: 15px; + color: inherit; + margin: 0 !important; + } + &:hover { + color: $white; + background: $dark; + } + } + .as-pd-share { + order: 12; + margin-left: 5px; + .dropdown-menu { + width: auto; + min-width: auto; + } + .s_share { + box-shadow: $box-shadow-sm; + border: 1px solid $gray-200; + background: $white; + padding: 5px; + border-radius: 10px; + display: flex; + flex-direction: column; + a { + margin: 2px 0; + i { + border-radius: 10px !important; + width: 35px; + height: 35px; + background: currentColor; + box-shadow: none !important; + &:before { + color: $white; + } + } + } + } + } + .as-pd-share-icon { + color: $primary; + background: rgba($primary, 0.1); + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + border-radius: 10px; + padding: 0px !important; + font-size: 15px; + border: none; + &:after { + display: none; + } + &:hover { + color: $white; + background: $primary; + } + } + } + + .as-brand-info { + display: flex; + padding: 0 0 15px; + align-items: flex-start; + .as-b-avatar { + flex: 0 0 100px; + max-width: 100px; + border: 1px solid $gray-300; + border-radius: 10px; + } + .as-b-text { + flex: 1; + padding-left: 15px; + h6 { + font-weight: 600; + } + p { + margin: 0; + } + } + } + + .as-offers-box { + padding-bottom: 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + display: flex; + border: 1px solid $gray-200; + background: $gray-100; + padding: 10px 15px; + font-size: 14px; + border-radius: 10px; + + li { + margin-top: 10px; + } + } + .show_advance_product { + display: inline-block; + cursor: pointer; + color: $primary; + font-weight: 600; + white-space: nowrap; + &:hover { + color: $dark; + } + } + .as-offer-icon { + color: $primary; + } + .as-offer-text { + flex: 1; + padding-left: 10px; + display: flex; + strong { + color: $dark; + font-weight: 600; + } + p { + margin: 0; + padding-right: 15px; + } + .show-extra-prod-info { + font-weight: 600; + text-transform: uppercase; + font-size: 12px; + color: $primary; + cursor: pointer; + } + } + } + + .as-pd-lists { + label { + font-weight: 500; + color: $dark; + padding-right: 15px; + } + } + + .as-pd-extra { + } + + .availability_messages { + p { + margin: 15px 0 0; + } + } + + .as-b2b-price { + padding: 15px 0; + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0; + border-radius: 10px; + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + i { + margin-right: 10px; + } + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + + } + + // Tabs + .product-details-tabs { + .nav-tabs { + border: none; + white-space: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + padding: 0 0 16px; + justify-content: center; + @include media-breakpoint-down(md) { + margin-top: -24px; + justify-content: flex-start; + } + .nav-item { + + .nav-item { + margin-left: 25px; + @include media-breakpoint-down(md) { + margin-left: 15px; + } + } + .nav-link { + border: 1px solid $gray-300; + color: $dark; + background: $white; + text-transform: uppercase; + font-weight: 500; + border-radius: 0; + padding: 15px 30px; + border-radius: 10px; + box-shadow: $box-shadow-sm; + @include media-breakpoint-down(md) { + padding: 10px 20px; + font-size: 14px; + } + &.active { + border: 1px solid $dark; + color: $white; + background: $dark; + } + } + } + } + .tab-content { + box-shadow: $box-shadow-sm; + padding: 25px; + border: 1px solid $gray-200; + border-radius: 10px; + background: $white; + @include media-breakpoint-down(lg) { + padding: 15px; + } + .as-pd-full-spec-section { + border-top: none !important; + } + .o_shop_discussion_rating { + border: none !important; + } + } + } + + .as-product-alt-acc-products { + padding-top: 50px; + padding-bottom: 50px; + .as-pd-extra-slider { + padding: 25px; + box-shadow: $box-shadow-sm; + border-radius: 10px; + background: $white; + border: 1px solid $gray-200; + @include media-breakpoint-down(lg) { + padding: 15px; + } + + .as-pd-extra-slider { + margin-top: 40px; + } + .right [class*="swiper-button-"] { + border-radius: 8px; + } + } + .as-alt-product { + border-radius: 10px; + .pro-img { + border-top-left-radius: 10px; + border-top-right-radius: 10px; + } + } + } + + .as-product-sticky-cart { + .as-product-sticky-in { + .media { + .as-s-btn { + border-radius: 8px; + } + } + } + } + + // Quick View Popup + + .as-quick-view-modal { + #product_details { + .pd-q-more-info { + a { + padding: 12px 20px; + border-radius: 10px; + } + } + } + } + +} diff --git a/theme_alan/static/src/scss/product-details/product-detail-simple.scss b/theme_alan/static/src/scss/product-details/product-detail-simple.scss new file mode 100644 index 000000000..ea1809107 --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-detail-simple.scss @@ -0,0 +1,533 @@ +@if o-website-value('product-detail-style')=='alan_product3' { + .as-product-next-prev-history { + background: $gray-100; + padding-top: 20px; + padding-bottom: 20px; + border-bottom: 1px solid $gray-300; + } + #product_details { + position: relative; + .as-ribbon-wrpa { + position: relative; + padding-bottom: 10px; + font-size: 12px; + padding-right: 80px; + &:after, + &:before { + display: none; + } + [class*="ribbon-style-"] { + position: relative; + top: auto; + left: auto; + width: auto; + height: auto; + display: inline-flex; + &:after, + &:before { + display: none; + } + span { + position: relative; + top: auto; + left: auto; + right: auto; + bottom: auto; + box-shadow: none; + width: auto; + height: auto; + padding: 5px 12px; + display: inline-flex; + transform: none; + line-height: 1; + text-transform: uppercase; + &:after, + &:before { + display: none; + } + } + } + .ribbon-style-2 { + display: inline-block; + vertical-align: top; + padding: 2px; + } + } + + h1 { + font-size: 20px; + margin: 0 0 10px; + color: $dark; + font-weight: 600; + padding-right: 85px; + } + .o_product_page_reviews_link { + width: 100%; + display: flex; + padding: 0 0 10px; + font-size: 14px; + border-bottom: 1px dashed $gray-300; + margin-bottom: 15px; + } + p.text-muted { + font-size: 15px; + } + .product_price { + margin: 0; + padding: 0; + h3 { + font-size: 18px; + color: $dark; + margin: 0; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + .text-danger { + font-size: 75%; + margin: 0 8px + } + } + .as-product-discounted { + background: $gray-100; + border: 1px dashed $gray-300; + font-weight: 400; + font-size: 12px; + color: $dark; + padding: 5px 14px; + border-radius: 3px; + } + span.text-muted { + margin: 0; + flex: 0 0 100%; + max-width: 100%; + padding-top: 10px; + } + } + .as_offer_timer { + width: 100%; + margin: 0 0 25px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + font-size: 15px; + } + li { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: $gray-100; + border: 1px dashed $gray-300; + color: $dark; + padding: 8px 10px; + border-radius: 3px; + + li { + margin-left: 8px; + } + } + label { + margin: 0 0 2px; + font-weight: 600; + font-size: 16px; + @include media-breakpoint-down(lg) { + font-size: 14px; + } + } + span { + font-size: 11px; + text-transform: uppercase; + @include media-breakpoint-down(lg) { + font-size: 10px; + } + } + } + + .form-control { + border-radius: 0; + } + .form-select { + border-radius: 0; + } + + + .js_add_cart_variants { + margin-bottom: 30px !important; + .variant_attribute { + &:last-child { + padding-bottom: 0; + } + .attribute_name { + font-weight: 600; + color: $dark; + font-size: 13px; + &:after { + display: none; + } + } + .show_advance_product { + padding-left: 12px; + color: $primary; + cursor: pointer; + } + .col-form-label { + padding-top: 0; + padding-bottom: 0; + } + .o_wsale_product_attribute { + .list-inline-item { + &.mb-3 { + margin-bottom: 0.5rem !important; + } + } + } + } + } + + #o_wsale_cta_wrapper { + align-items: flex-start !important; + margin-bottom: 25px; + @include media-breakpoint-down(lg) { + flex-wrap: wrap !important; + } + .css_quantity { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + #add_to_cart_wrap { + display: flex !important; + flex: 1; + margin: 0 !important; + @include media-breakpoint-down(lg) { + padding-top: 15px; + flex: 0 0 100%; + max-width: 100%; + } + .btn { + padding: 0 20px; + height: 50px; + border-radius: 0; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 !important; + + .btn { + margin-left: 10px !important; + } + span { + font-weight: 500 !important; + } + } + + .btn-outline-primary { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + .o_we_buy_now { + border: 1px solid $warning; + background: $warning; + color: $dark; + &:hover { + border: 1px solid $dark; + background: $dark; + color: $white; + } + } + } + } + + #product_option_block { + padding-top: 18px; + gap: 20px; + .o_add_compare_dyn, + .o_add_wishlist_dyn { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + font-size: 13px; + padding: 8px 16px !important; + border-radius: 0; + text-transform: uppercase; + line-height: 1; + text-decoration: none; + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + + .pd-wishlist { + position: absolute; + top: 0; + right: 15px; + z-index: 1; + display: flex; + .as-pd-share-icon, + .o_add_wishlist_dyn { + font-size: 0px; + color: $primary; + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + padding: 0px !important; + background: transparent; + border: 1px solid $gray-300; + border-radius: 3px; + color: $dark; + i { + font-size: 15px; + color: inherit; + margin: 0 !important; + } + &.disabled, + &:hover { + color: $white; + background: $primary; + border: 1px solid $primary; + } + } + .as-pd-share { + order: 12; + margin-left: 10px; + .dropdown-menu { + width: auto; + min-width: auto; + } + .s_share { + background: $white; + padding: 5px; + border-radius: 4px; + display: flex; + flex-direction: column; + border: 1px solid $gray-300; + a { + margin: 2px 0; + i { + border-radius: 3px !important; + width: 35px; + height: 35px; + background: currentColor; + box-shadow: none !important; + &:before { + color: $white; + } + } + } + } + } + } + + .as-brand-info { + display: flex; + margin-bottom: 15px; + align-items: flex-start; + .as-b-avatar { + flex: 0 0 80px; + max-width: 80px; + border: 1px dashed $gray-300; + border-radius: 10px; + padding: 8px; + } + .as-b-text { + flex: 1; + padding-left: 15px; + p { + margin: 0; + } + } + } + + .as-offers-box { + ul { + margin: 0; + padding: 0; + list-style: none; + } + li { + display: flex; + border: 1px dashed $gray-300; + border-radius: 5px; + background: $gray-100; + padding: 10px; + + li { + margin-top: 15px; + } + } + .show_advance_product { + display: inline-block; + background: $white; + border: 1px solid $gray-200; + padding: 3px 13px; + font-size: 13px; + text-transform: uppercase; + margin-top: 6px; + border-radius: 4px; + cursor: pointer; + &:hover { + background: $primary; + border: 1px solid $primary; + color: $white; + } + } + .as-offer-icon { + flex: 0 0 40px; + max-width: 40px; + height: 40px; + border-radius: 3px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $white; + border: 1px solid $gray-200; + color: $dark; + } + .as-offer-text { + flex: 0 0 calc(100% - 35px); + max-width: calc(100% - 35px); + padding-left: 12px; + strong { + color: $dark; + } + p { + margin: 0; + display: inline-block; + width: 100%; + vertical-align: top; + } + .show-extra-prod-info { + font-weight: 600; + text-transform: uppercase; + font-size: 12px; + color: $primary; + cursor: pointer; + } + } + } + + .as-pd-lists { + label { + font-weight: 500; + color: $dark; + padding-right: 15px; + } + } + + .as-pd-extra { + margin-top: 25px; + } + + .availability_messages { + p { + margin: 15px 0 0; + } + } + + .as-b2b-price { + padding: 15px 0; + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0; + border-radius: 0; + border: 1px solid $primary; + background: $primary; + color: $white; + text-transform: uppercase; + i { + margin-right: 10px; + } + &:hover { + border: 1px solid darken($primary, 8%); + background: darken($primary, 8%); + color: $white; + } + } + } + + } + + // Tabs + .product-details-tabs { + padding-top: 50px; + padding-bottom: 50px; + @include media-breakpoint-down(md) { + padding-top: 30px; + padding-bottom: 30px; + } + .nav-tabs { + border: none; + white-space: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + padding: 0 0 16px; + .nav-item { + + .nav-item { + margin-left: 25px; + @include media-breakpoint-down(md) { + margin-left: 15px; + } + } + .nav-link { + border: 1px dashed $gray-400; + color: $dark; + background: $white; + text-transform: uppercase; + font-weight: 500; + border-radius: 10px; + padding: 15px 30px; + @include media-breakpoint-down(md) { + padding: 10px 20px; + font-size: 14px; + } + &.active { + border: 1px dashed $primary; + color: $white; + background: $primary; + } + } + } + } + + .tab-content { + .tab-pane { + padding-top: 25px; + } + .as-pd-full-spec-section { + border-top: none !important; + } + .o_shop_discussion_rating { + border: none !important; + } + } + } + + .as-product-alt-acc-products { + padding-bottom: 50px; + .as-pd-extra-slider { + + .as-pd-extra-slider { + margin-top: 50px; + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-detail-trendy.scss b/theme_alan/static/src/scss/product-details/product-detail-trendy.scss new file mode 100644 index 000000000..80d500170 --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-detail-trendy.scss @@ -0,0 +1,657 @@ +@if o-website-value('product-detail-style')=='alan_product5' { + + .as-product-next-prev-history { + border-bottom: 1px solid $gray-300; + background: $gray-100; + padding: 15px 0; + .breadcrumb { + font-size: 13px; + text-transform: uppercase; + a { + color: $black; + } + } + } + + #product_detail_main { + #o-carousel-product { + .carousel-control-prev, + .carousel-control-next{ + > span { + border-radius: 0; + } + } + @include media-breakpoint-up(lg) { + .o_carousel_product_indicators { + .carousel-indicators { + li { + border-radius: 0; + overflow: hidden; + } + } + } + } + } + } + + #product_detail { + padding-top: 0 !important; + padding-bottom: 0 !important; + @include media-breakpoint-up(lg) { + #product_details, + .o_wsale_product_images { + margin-top: 0 !important; + padding-top: 30px; + padding-bottom: 30px; + .as-quick-view-modal & { + padding-top: 0; + padding-bottom: 0; + } + } + .o_wsale_product_images { + padding-right: 30px; + .as-quick-view-modal & { + padding-right: 0; + } + } + #product_details { + border-left: 1px solid $gray-300; + padding-left: 30px; + .as-quick-view-modal & { + padding: 25px; + border-left: none; + } + } + } + } + + + #product_details { + position: relative; + .as-ribbon-wrpa { + position: relative; + padding-bottom: 10px; + font-size: 12px; + padding-right: 80px; + &:after, + &:before { + display: none; + } + [class*="ribbon-style-"] { + position: relative; + top: auto; + left: auto; + width: auto; + height: auto; + display: inline-flex; + &:after, + &:before { + display: none; + } + span { + position: relative; + top: auto; + left: auto; + right: auto; + bottom: auto; + box-shadow: none; + width: auto; + height: auto; + padding: 5px 12px; + display: inline-flex; + transform: none; + line-height: 1; + text-transform: uppercase; + border-radius: 6px; + &:after, + &:before { + display: none; + } + } + } + .ribbon-style-2 { + display: inline-block; + vertical-align: top; + padding: 2px; + } + } + + h1 { + font-size: 20px; + margin: 0 0 10px; + color: $dark; + font-weight: 600; + padding-right: 40px; + } + .o_product_page_reviews_link { + width: 100%; + display: flex; + padding: 0; + font-size: 14px; + .o_website_rating_static { + width: 100%; + border-bottom: 1px solid $gray-300; + padding-bottom: 10px; + margin-bottom: 10px; + } + } + p.text-muted { + font-size: 15px; + margin-top: 0 !important; + padding-right: 30px; + } + .product_price { + margin: 0; + padding: 0; + h3 { + font-size: 18px; + color: $primary; + margin: 0; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + .text-danger { + font-size: 80%; + margin: 0 8px + } + } + .as-product-discounted { + background: rgba($primary, 0.1); + font-weight: 400; + font-size: 12px; + color: $primary; + padding: 4px 12px; + border-radius: 30px; + } + span.text-muted { + margin: 0; + flex: 0 0 100%; + max-width: 100%; + padding-top: 10px; + } + } + .as_offer_timer { + width: 100%; + margin: 0 0 15px; + display: flex; + ul { + margin: 0; + padding: 6px 15px; + display: flex; + list-style: none; + font-size: 15px; + background: $gray-100; + border: 1px solid $gray-200; + } + li { + display: flex; + flex-direction: column; + + li { + margin-left: 10px; + } + } + label { + display: inline-flex; + color: $dark; + margin: 0 0 2px; + font-weight: 600; + font-size: 16px; + @include media-breakpoint-down(lg) { + font-size: 14px; + } + } + span { + font-size: 11px; + text-transform: uppercase; + @include media-breakpoint-down(lg) { + font-size: 10px; + } + } + } + + .as-month-sale-count { + border-radius: 0; + } + + .form-control { + border-radius: 10px; + } + .form-select { + border-radius: 10px; + } + + + .js_add_cart_variants { + .variant_attribute { + .attribute_name { + font-weight: 600; + color: $dark; + font-size: 13px; + &:after { + display: none; + } + } + .show_advance_product { + padding-left: 12px; + color: $primary; + cursor: pointer; + } + .col-form-label { + padding-top: 0; + padding-bottom: 0; + } + .o_wsale_product_attribute { + .list-inline-item { + &.mb-3 { + margin-bottom: 0.5rem !important; + } + } + } + .o_variant_pills { + background: transparent !important; + color: $black; + border: 1px solid $black; + border-radius: 0; + &.btn.active { + background: $black !important; + color: $white; + } + } + .css_attribute_color { + border-radius: 0; + &:before { + border-radius: 0; + } + } + } + } + + #o_wsale_cta_wrapper { + align-items: flex-start !important; + .css_quantity { + margin-top: 0 !important; + margin-bottom: 0 !important; + border-radius: 0; + .btn { + border-radius: 0 !important; + &:not(.float_left) { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + &.float_left { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + } + .form-control { + border-radius: 0; + } + } + #add_to_cart_wrap { + display: flex !important; + flex: 1; + @include media-breakpoint-down(lg) { + flex: 0 0 100%; + max-width: 100%; + padding-top: 15px; + } + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 !important; + border-radius: 0; + + .btn { + margin-left: 10px !important; + } + span { + font-weight: 500 !important; + } + } + .btn-primary { + border: 1px solid $dark !important; + background: $dark !important; + color: $white !important; + &:hover { + border: 1px solid $primary !important; + background: $primary !important; + color: $white !important; + } + } + .btn-outline-primary { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + } + + .o_add_compare_dyn, + .o_add_wishlist_dyn { + border: none; + background: rgba($primary, 0.2); + color: $primary; + font-size: 14px; + padding: 10px 15px !important; + text-transform: uppercase; + line-height: 1; + text-decoration: none; + border-radius: 0; + &:hover { + border: none; + background: none; + color: $white; + background: $primary; + } + } + #product_option_block { + padding-top: 20px; + gap: 10px; + border-top: 1px solid $gray-300; + margin-top: 10px; + margin-bottom: 15px; + } + + .pd-wishlist { + position: absolute; + top: 15px; + right: 15px; + z-index: 1; + display: flex; + .o_add_wishlist_dyn { + font-size: 0px; + color: $white; + background: $primary; + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + border-radius: 10px; + padding: 0px !important; + i { + font-size: 15px; + color: inherit; + margin: 0 !important; + } + &:hover { + color: $white; + background: $dark; + } + } + .as-pd-share { + order: 12; + margin-left: 5px; + .dropdown-menu { + width: auto; + min-width: auto; + } + .s_share { + box-shadow: $box-shadow-sm; + border: 1px solid $gray-200; + background: $white; + padding: 5px; + border-radius: 10px; + display: flex; + flex-direction: column; + a { + margin: 2px 0; + i { + border-radius: 10px !important; + width: 35px; + height: 35px; + background: currentColor; + box-shadow: none !important; + &:before { + color: $white; + } + } + } + } + } + .as-pd-share-icon { + color: $primary; + background: rgba($primary, 0.1); + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + border-radius: 10px; + padding: 0px !important; + font-size: 15px; + border: none; + &:after { + display: none; + } + &:hover { + color: $white; + background: $primary; + } + } + } + + .as-brand-info { + display: flex; + padding: 0 0 15px; + align-items: flex-start; + .as-b-avatar { + flex: 0 0 100px; + max-width: 100px; + border: 1px solid $gray-300; + } + .as-b-text { + flex: 1; + padding-left: 15px; + h6 { + font-weight: 600; + margin: 0 0 4px; + } + p { + margin: 0; + } + } + } + + .as-offers-box { + padding-bottom: 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + border: 1px solid $gray-200; + } + li { + display: flex; + background: $gray-100; + padding: 10px 15px; + font-size: 14px; + + li { + border-top: 1px solid $gray-200; + } + &:nth-child(odd) { + background: $gray-100; + } + } + .show_advance_product { + display: inline-block; + cursor: pointer; + color: $primary; + font-weight: 600; + white-space: nowrap; + &:hover { + color: $dark; + } + } + .as-offer-icon { + color: $primary; + } + .as-offer-text { + flex: 1; + padding-left: 10px; + display: flex; + strong { + color: $dark; + font-weight: 600; + } + p { + margin: 0; + padding-right: 15px; + } + .show-extra-prod-info { + font-weight: 600; + text-transform: uppercase; + font-size: 12px; + color: $primary; + cursor: pointer; + } + } + } + + .as-pd-lists { + label { + font-weight: 500; + color: $dark; + padding-right: 15px; + } + } + + .as-pd-extra { + } + + .availability_messages { + p { + margin: 15px 0 0; + } + } + + .as-b2b-price { + padding: 15px 0; + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0; + border-radius: 10px; + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + i { + margin-right: 10px; + } + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + + } + + // Tabs + .product-details-tabs { + border-top: 1px solid $gray-300; + margin-top: 60px; + padding-bottom: 40px; + .nav-tabs { + border: none; + white-space: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + padding: 0; + justify-content: center; + margin-top: -30px; + gap: 20px; + .nav-item { + .nav-link { + border: 1px solid $gray-300; + color: $black; + background: $white; + text-transform: uppercase; + font-weight: 500; + border-radius: 0; + padding: 15px 30px; + margin: 0; + @include media-breakpoint-down(md) { + padding: 10px 20px; + font-size: 14px; + } + &.active { + border: 1px solid $black; + color: $white; + background: $black; + } + } + } + } + .tab-content { + padding-top: 40px; + .container { + padding-left: 15px; + padding-right: 15px; + } + .as-pd-full-spec-section { + border-top: none !important; + } + .o_shop_discussion_rating { + border: none !important; + } + } + } + + .as-product-alt-acc-products { + padding-top: 30px; + padding-bottom: 30px; + border-top: 1px solid $gray-300; + .as-pd-extra-slider { + + .as-pd-extra-slider { + margin-top: 40px; + } + .right [class*="swiper-button-"] { + border-radius: 8px; + } + } + .as-alt-product { + border-radius: 10px; + .pro-img { + border-top-left-radius: 10px; + border-top-right-radius: 10px; + } + } + } + + .as-product-sticky-cart { + .as-product-sticky-in { + border-radius: 0 !important; + .media { + .prod_img { + border-radius: 0; + img { + border-radius: 0 !important; + } + } + .as-s-btn { + border-radius: 0; + } + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-details.scss b/theme_alan/static/src/scss/product-details/product-details.scss new file mode 100644 index 000000000..638b288a4 --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-details.scss @@ -0,0 +1,448 @@ +// common quantity box +.css_quantity { + @include as_css_quantity; +} + +.as-product-next-prev-history { + .row { + align-items: center; + } + .breadcrumb { + margin: 0; + padding: 0; + font-size: 14px; + a { + color: $dark; + text-decoration: none; + } + span { + color: $gray-500; + } + } + .as-pre-nxt-col { + display: flex; + justify-content: flex-end; + flex: 0 0 100px; + max-width: 100px; + } + .as-pre-nxt-prod { + display: flex; + position: relative; + z-index: 3; + } + .as-pager-prod, + .as-shop-prod { + width: 30px; + height: 30px; + background: $white; + display: inline-flex; + align-items: center; + justify-content: center; + color: $dark; + text-decoration: none; + } + .as-shop-prod { + margin: 0 1px; + color: $primary; + } + .as-pager-prod-info { + position: absolute; + top: calc(100% + 10px); + right: 0; + display: block !important; + transform: scaleY(0); + transition: ease all 0.35s; + transform-origin: top; + &:not(.d-none) { + transform: scaleY(1); + } + &.as-next-prod-info { + .as-np-card { + &:after { + right: 5px; + } + &:before { + right: 4px; + } + } + } + } + .as-np-card { + display: flex; + border: 1px solid $gray-300; + background: $white; + box-shadow: $box-shadow; + width: 220px; + position: relative; + &:after { + content: ""; + position: absolute; + border-bottom: 10px solid $white; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + top: -10px; + right: 67px; + } + &:before { + content: ""; + position: absolute; + border-bottom: 11px solid $gray-300; + border-right: 11px solid transparent; + border-left: 11px solid transparent; + top: -11px; + right: 66px; + } + .as-np-card-media { + flex: 0 0 60px; + max-width: 60px; + height: 60px; + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + .as-np-card-info { + padding: 10px; + flex: 0 0 calc(100% - 70px); + max-width: calc(100% - 70px); + } + .as-pre-title { + font-size: 13px; + font-weight: 600; + max-width: 100%; + color: $dark; + > span { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + display: inline-block; + vertical-align: top; + } + } + .as-pre-price { + display: flex; + flex-wrap: wrap; + font-size: 13px; + } + .product_price, + .as_product_price { + margin: 0 !important; + padding: 0 !important; + h3 { + font-size: 13px; + margin: 0 !important; + padding: 0 !important; + } + .soe_default_price, + .oe_default_price { + font-size: 12px; + } + .text-muted, + .as-product-discounted { + display: none; + } + } + } +} + + +// Product Details Slider +#product_detail_main { + #o-carousel-product { + @include media-breakpoint-up(lg) { + .carousel-outer { + height: 530px; + .as-quick-view-modal & { + height: 562px; + } + } + .o_carousel_product_indicators { + .carousel-indicators { + justify-content: center !important; + } + } + } + } +} + + +.as-pd-doc-tab { + .as-pd-doc-download { + display: flex; + border: 1px solid $gray-300; + padding: 10px; + border-radius: 5px; + &:hover { + box-shadow: $box-shadow-sm; + } + .o_image { + flex: 0 0 38px; + max-width: 38px; + } + .as-pd-doc-name { + flex: 0 0 calc(100% - 38px); + max-width: calc(100% - 38px); + padding-left: 10px; + display: flex; + flex-direction: column; + align-items: flex-start; + .text-truncate { + padding-bottom: 4px; + } + } + } +} + + +.as-product-alt-acc-products { + .as-pd-extra-slider { + + .as-pd-extra-slider { + margin-top: 60px; + } + .as-pd-title { + display: flex; + align-items: center; + justify-content: space-between; + padding-bottom: 20px; + h3 { + margin: 0; + font-weight: 600; + font-size: 16px; + text-transform: uppercase; + } + } + .end { + margin-left: auto; + [class*="swiper-button-"] { + width: 36px; + height: 36px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 22px; + border: 1px solid $gray-300; + background-color: $white; + color: $dark; + &:hover { + border: 1px solid $dark; + background-color: $dark; + color: $white; + } + &.swiper-button-disabled { + opacity: 0.5; + } + } + } + } + +} + + +// Bulk +.as-bulk-table { + .bulk-title { + font-size: 16px; + font-weight: 500; + width: 100%; + display: inline-block; + vertical-align: top; + margin: 0 0 8px; + animation: color-change 1s infinite; + } + ul { + margin: 0 0 15px; + padding: 0; + list-style: none; + border: 1px solid $gray-300; + max-width: 400px; + width: 100%; + li { + display: flex; + + li { + border-top: 1px solid $gray-300; + } + &:nth-child(odd) { + background: $gray-100; + } + + > span { + padding: 8px 15px; + } + .as-bs-qty { + font-weight: 500; + color: $dark; + } + .as-bs-price { + padding: 8px 15px; + position: relative; + span { + color: $primary; + } + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 15px; + width: 1px; + background: $gray-400; + margin: auto; + } + } + } + } +} + +@keyframes color-change { + 0% { color: var(--dark); } + 50% { color: var(--danger); } + 100% { color: var(--dark); } +} + +// Hot Sale +.as-month-sale-count { + margin-bottom: 15px; + span { + background: rgba(var(--warning-rgb), 0.5); + border: 1px solid rgba(var(--warning-rgb), 0.9); + color: var(--dark); + font-weight: 500; + padding: 7px 16px; + display: inline-block; + vertical-align: top; + border-radius: 22px; + overflow: hidden; + position: relative; + &:before { + content: "🔥"; + margin-right: 6px; + } + } +} + +.as-product-sticky-cart { + position: fixed; + bottom: 40px; + left: 0; + right: 0; + margin: 0 auto; + z-index: 1111; + width: 330px; + transform: scaleY(0); + transform-origin: bottom; + transition: ease all 0.35s; + @include media-breakpoint-down(lg) { + bottom: 80px; + } + &.as-stikcy-show { + transform: scaleY(1); + } + .as-product-sticky-in { + background: rgba($white,0.8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px); + padding: 10px; + border-radius: 10px; + box-shadow: $box-shadow-lg; + transform-origin: top; + } + .media { + display: flex; + align-items: center; + width: 100%; + .prod_img { + position: relative; + width: 80px; + height: 80px; + border-radius: 5px; + overflow: hidden; + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + } + .media-body { + flex: 1; + padding: 0 15px; + } + h6 { + color: $dark; + font-size: 1rem; + } + .product_price, + .as_product_price { + margin: 0 !important; + padding: 0 !important; + h3 { + font-size: 0.9rem; + color: $primary; + } + .text-danger { + font-size: 80%; + } + } + .as_add_cart { + gap: 10px; + } + .as-s-btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; + background: $dark; + color: $white; + text-decoration: none; + &:hover { + background: $primary; + color: $white; + } + } + .as-s-buynow { + background: $warning; + &:hover { + background: $dark; + color: $white; + } + } + .as-s-cart { + background: $primary; + &:hover { + background: $dark; + color: $white; + } + } + } +} + + + +.o_product_feature_panel { + background: $white; + color: $dark; + border: none; + left: 60px; + right: auto; + bottom: 90px; + padding: 10px 6px; + box-shadow: 0px 0px 12px 0px rgba($dark, 0.25); + border-radius: 0; + transform: none; +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/product-details/product-details_bkp.scss b/theme_alan/static/src/scss/product-details/product-details_bkp.scss new file mode 100644 index 000000000..33a587c8e --- /dev/null +++ b/theme_alan/static/src/scss/product-details/product-details_bkp.scss @@ -0,0 +1,1246 @@ +/*@mixin as_css_quantity { + margin-top: 5px; + margin-bottom: 10px; + padding: 0; + position: relative; + border: 1px solid $gray-300; + width: 130px; + border-radius: 0.5rem; + + .btn { + border: none !important; + box-shadow: none !important; + background: none !important; + position: relative; + padding: 0 13px; + height: 100%; + + &:hover { + background: $gray-300 !important; + } + } + + .btn { + margin: 0; + padding: 0; + height: 48px; + width: 30px; + + ~.quantity { + height: 48px !important; + } + + .fa-minus { + &:before { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + width: 9px; + height: 1px; + background: $dark; + } + } + + .fa-plus { + + &:after, + &:before { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background: $dark; + } + + &:after { + height: 9px; + width: 1px; + } + + &:before { + width: 9px; + height: 1px + } + } + + } + + .input-group-prepend { + margin: 0 !important; + + .fa { + &:before { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + width: 9px; + height: 1px; + background: $dark; + } + } + } + + .input-group-append { + margin: 0 !important; + + .fa { + + &:after, + &:before { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background: $dark; + } + + &:after { + height: 9px; + width: 1px; + } + + &:before { + width: 9px; + height: 1px + } + } + } + + .quantity { + border: none; + border-left: 1px solid $gray-300; + border-right: 1px solid $gray-300; + max-width: 100%; + background: $white; + box-shadow: none !important; + margin: 0 !important; + } +} + + + +.css_quantity { + @include as_css_quantity; +} + +.as-product-next-prev-history { + .row { + align-items: center; + } + + .breadcrumb { + margin: 0; + padding: 0; + font-size: 14px; + + a { + color: $dark; + text-decoration: none; + } + + span { + color: $gray-500; + } + } + + .as-pre-nxt-col { + display: flex; + justify-content: flex-end; + flex: 0 0 100px; + max-width: 100px; + } + + .as-pre-nxt-prod { + display: flex; + position: relative; + z-index: 3; + } + + .as-pager-prod, + .as-shop-prod { + width: 30px; + height: 30px; + background: $white; + display: inline-flex; + align-items: center; + justify-content: center; + color: $dark; + text-decoration: none; + } + + .as-shop-prod { + margin: 0 1px; + color: $primary; + } + + .as-pager-prod-info { + position: absolute; + top: calc(100% + 10px); + right: 0; + display: block !important; + transform: scaleY(0); + transition: ease all 0.35s; + transform-origin: top; + + &:not(.d-none) { + transform: scaleY(1); + } + + &.as-next-prod-info { + .as-np-card { + &:after { + right: 5px; + } + + &:before { + right: 4px; + } + } + } + } + + .as-np-card { + display: flex; + border: 1px solid $gray-300; + background: $white; + box-shadow: $box-shadow; + width: 220px; + position: relative; + + &:after { + content: ""; + position: absolute; + border-bottom: 10px solid $white; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + top: -10px; + right: 67px; + } + + &:before { + content: ""; + position: absolute; + border-bottom: 11px solid $gray-300; + border-right: 11px solid transparent; + border-left: 11px solid transparent; + top: -11px; + right: 66px; + } + + .as-np-card-media { + flex: 0 0 60px; + max-width: 60px; + height: 60px; + + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + + .as-np-card-info { + padding: 10px; + flex: 0 0 calc(100% - 70px); + max-width: calc(100% - 70px); + } + + .as-pre-title { + font-size: 13px; + font-weight: 600; + max-width: 100%; + color: $dark; + + span .title{ + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + display: inline-block; + vertical-align: top; + } + } + + .product_price, + .as_product_price { + margin: 0 !important; + padding: 0 !important; + + h3 { + font-size: 13px; + margin: 0 !important; + padding: 0 !important; + } + + .soe_default_price, + .oe_default_price { + font-size: 12px; + } + + .text-muted, + .as-product-discounted { + display: none; + } + } + } +} + + + +#product_detail_main { + #o-carousel-product { + @include media-breakpoint-up(lg) { + .carousel-outer { + height: 530px; + } + + .o_carousel_product_indicators { + .carousel-indicators { + justify-content: center !important; + } + } + } + } +} + + +.as-pd-doc-tab { + .as-pd-doc-download { + display: flex; + border: 1px solid $gray-300; + padding: 10px; + border-radius: 5px; + + &:hover { + box-shadow: $box-shadow-sm; + } + + .o_image { + flex: 0 0 38px; + max-width: 38px; + } + + .as-pd-doc-name { + flex: 0 0 calc(100% - 38px); + max-width: calc(100% - 38px); + padding-left: 10px; + display: flex; + flex-direction: column; + align-items: flex-start; + + .text-truncate { + padding-bottom: 4px; + } + } + } +} + + +.as-product-alt-acc-products { + .as-pd-extra-slider { + +.as-pd-extra-slider { + margin-top: 60px; + } + + .as-pd-title { + display: flex; + align-items: center; + justify-content: space-between; + padding-bottom: 20px; + + h3 { + margin: 0; + font-weight: 600; + font-size: 16px; + text-transform: uppercase; + } + } + + .right { + margin-left: auto; + + [class*="swiper-button-"] { + width: 36px; + height: 36px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 22px; + border: 1px solid $gray-300; + background-color: $white; + color: $dark; + + &:hover { + border: 1px solid $dark; + background-color: $dark; + color: $white; + } + + &.swiper-button-disabled { + opacity: 0.5; + } + } + } + } + + .as-alt-product { + border: 1px solid $gray-300; + position: relative; + background: $white; + margin-bottom: 5px; + + .pro-img { + position: relative; + overflow: hidden; + + &:after { + content: ""; + padding-top: calc(100% / (4/5)); + display: inline-block; + vertical-align: top; + } + + img { + width: 100%; + height: 100%; + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; + background-size: cover; + transition: ease all 0.35s; + transform: scale(1); + object-fit: contain; + } + } + + .pro-info { + padding: 15px; + + h6 { + margin: 0; + } + + a { + color: $dark; + font-size: 16px; + text-decoration: none; + + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + } + } + + .as_product_price, + .product_price { + font-size: 15px; + margin: 12px 0 0 !important; + padding: 0 !important; + + h3 { + font-size: 15px; + margin: 0; + padding: 0; + font-weight: normal; + color: $primary; + } + + .text-danger { + margin: 0 !important; + font-size: 80%; + font-weight: normal; + } + + .text-muted { + display: none; + } + } + + .as-product-discounted { + font-size: 11px; + font-weight: 500; + padding: 4px 8px; + display: inline-block; + vertical-align: middle; + background: rgba($primary, 0.1); + color: $primary; + border-radius: 30px; + } + + } + + &:hover { + .pro-img { + img { + transform: scale(1.05); + } + } + } + } +} + + +.as-product-sticky-cart { + position: fixed; + bottom: 40px; + left: 0; + right: 0; + margin: 0 auto; + z-index: 1111; + width: 330px; + transform: scaleY(0); + transform-origin: bottom; + transition: ease all 0.35s; + + @include media-breakpoint-down(lg) { + bottom: 80px; + } + + &.as-stikcy-show { + transform: scaleY(1); + } + + .as-product-sticky-in { + background: rgba($white, 0.8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px); + padding: 10px; + border-radius: 10px; + box-shadow: $box-shadow-lg; + transform-origin: top; + } + + .media { + display: flex; + align-items: center; + width: 100%; + + .prod_img { + position: relative; + width: 80px; + height: 80px; + border-radius: 5px; + overflow: hidden; + + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + + img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + } + + .media-body { + flex: 1; + padding: 0 15px; + } + + h6 { + color: $dark; + font-size: 1rem; + } + + .product_price, + .as_product_price { + margin: 0 !important; + padding: 0 !important; + + h3 { + font-size: 0.9rem; + color: $primary; + } + + .text-danger { + font-size: 80%; + } + } + + .as-s-btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; + background: $dark; + color: $white; + text-decoration: none; + + &:hover { + background: $primary; + color: $white; + } + } + + .as-s-buynow { + background: $warning; + + &:hover { + background: $dark; + color: $white; + } + } + + .as-s-cart { + background: $primary; + + &:hover { + background: $dark; + color: $white; + } + } + } +} + + + +.o_product_feature_panel { + background: $white; + color: $dark; + border: none; + left: 60px; + right: auto; + bottom: 90px; + padding: 10px 6px; + box-shadow: 0px 0px 12px 0px rgba($dark, 0.25); + border-radius: 0; + transform: none; +} + + +.as-product-next-prev-history { + background: $gray-100; + padding-top: 20px; + padding-bottom: 20px; + border-bottom: 1px solid $gray-300; +} + +#product_details { + position: relative; + + .as-ribbon-wrpa { + position: relative; + padding-bottom: 10px; + font-size: 12px; + padding-right: 80px; + + &:after, + &:before { + display: none; + } + + [class*="ribbon-style-"] { + position: relative; + top: auto; + left: auto; + width: auto; + height: auto; + display: inline-flex; + + &:after, + &:before { + display: none; + } + + span { + position: relative; + top: auto; + left: auto; + right: auto; + bottom: auto; + box-shadow: none; + width: auto; + height: auto; + padding: 5px 12px; + display: inline-flex; + transform: none; + line-height: 1; + text-transform: uppercase; + + &:after, + &:before { + display: none; + } + } + } + + .ribbon-style-2 { + display: inline-block; + vertical-align: top; + padding: 2px; + } + } + + h1 { + font-size: 20px; + margin: 0 0 10px; + color: $dark; + font-weight: 600; + padding-right: 85px; + } + + .o_product_page_reviews_link { + width: 100%; + display: flex; + padding: 0 0 10px; + font-size: 14px; + border-bottom: 1px dashed $gray-300; + margin-bottom: 15px; + } + + p.text-muted { + font-size: 15px; + } + + .product_price { + margin: 0; + padding: 0; + + h3 { + font-size: 18px; + color: $dark; + margin: 0; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + + .text-danger { + font-size: 75%; + margin: 0 8px + } + } + + .as-product-discounted { + background: $gray-100; + border: 1px dashed $gray-300; + font-weight: 400; + font-size: 12px; + color: $dark; + padding: 5px 14px; + border-radius: 3px; + } + + span.text-muted { + margin: 0; + flex: 0 0 100%; + max-width: 100%; + padding-top: 10px; + } + } + + .as_offer_timer { + width: 100%; + margin: 0 0 25px; + + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + font-size: 15px; + } + + li { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: $gray-100; + border: 1px dashed $gray-300; + color: $dark; + padding: 8px 10px; + border-radius: 3px; + + +li { + margin-left: 8px; + } + } + + label { + margin: 0 0 2px; + font-weight: 600; + font-size: 16px; + + @include media-breakpoint-down(lg) { + font-size: 14px; + } + } + + span { + font-size: 11px; + text-transform: uppercase; + + @include media-breakpoint-down(lg) { + font-size: 10px; + } + } + } + + .form-control { + border-radius: 0; + } + + .form-select { + border-radius: 0; + } + + + .js_add_cart_variants { + margin-bottom: 30px !important; + + .variant_attribute { + &:last-child { + padding-bottom: 0; + } + + .attribute_name { + font-weight: 600; + color: $dark; + font-size: 13px; + + &:after { + display: none; + } + } + + .show_advance_product { + padding-left: 12px; + color: $primary; + cursor: pointer; + } + + .col-form-label { + padding-top: 0; + padding-bottom: 0; + } + + .o_wsale_product_attribute { + .list-inline-item { + &.mb-3 { + margin-bottom: 0.5rem !important; + } + } + } + } + } + + #o_wsale_cta_wrapper { + align-items: flex-start !important; + margin-bottom: 25px; + + @include media-breakpoint-down(lg) { + flex-wrap: wrap !important; + } + + .css_quantity { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + #add_to_cart_wrap { + display: flex !important; + flex: 1; + margin: 0 !important; + + @include media-breakpoint-down(lg) { + padding-top: 15px; + flex: 0 0 100%; + max-width: 100%; + } + + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500 !important; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 !important; + + +.btn { + margin-left: 10px !important; + } + + span { + font-weight: 500 !important; + } + } + + .btn-outline-primary { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + + .o_we_buy_now { + border: 1px solid $warning; + background: $warning; + color: $dark; + + &:hover { + border: 1px solid $dark; + background: $dark; + color: $white; + } + } + } + } + + #product_option_block { + padding-top: 18px; + + .o_add_wishlist_dyn { + border: 1px solid transparent; + background: rgba($primary, 0.18); + color: $primary; + font-size: 13px; + padding: 12px 16px !important; + text-transform: uppercase; + line-height: 1; + text-decoration: none; + + &:hover { + border: 1px solid $primary; + background: $primary; + color: $white; + } + } + } + + .pd-wishlist { + position: absolute; + top: 0; + right: 15px; + z-index: 1; + display: flex; + + .as-pd-share-icon, + .o_add_wishlist_dyn { + font-size: 0px; + color: $primary; + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + padding: 0px !important; + background: transparent; + border: 1px solid $gray-300; + border-radius: 3px; + color: $dark; + + i { + font-size: 15px; + color: inherit; + margin: 0 !important; + } + + &.disabled, + &:hover { + color: $white; + background: $primary; + border: 1px solid $primary; + } + } + + .as-pd-share { + order: 12; + margin-left: 10px; + + .dropdown-menu { + width: auto; + min-width: auto; + } + + .s_share { + background: $white; + padding: 5px; + border-radius: 4px; + display: flex; + flex-direction: column; + border: 1px solid $gray-300; + + a { + margin: 2px 0; + + i { + border-radius: 3px !important; + width: 35px; + height: 35px; + background: currentColor; + box-shadow: none !important; + + &:before { + color: $white; + } + } + } + } + } + } + + .as-brand-info { + display: flex; + margin-bottom: 15px; + align-items: flex-start; + + .as-b-avatar { + flex: 0 0 80px; + max-width: 80px; + border: 1px dashed $gray-300; + border-radius: 10px; + padding: 8px; + } + + .as-b-text { + flex: 1; + padding-left: 15px; + + p { + margin: 0; + } + } + } + + .as-offers-box { + ul { + margin: 0; + padding: 0; + list-style: none; + } + + li { + display: flex; + border: 1px dashed $gray-300; + border-radius: 5px; + background: $gray-100; + padding: 10px; + + +li { + margin-top: 15px; + } + } + + .show_advance_product { + display: inline-block; + background: $white; + border: 1px solid $gray-200; + padding: 3px 13px; + font-size: 13px; + text-transform: uppercase; + margin-top: 6px; + border-radius: 4px; + cursor: pointer; + + &:hover { + background: $primary; + border: 1px solid $primary; + color: $white; + } + } + + .as-offer-icon { + flex: 0 0 40px; + max-width: 40px; + height: 40px; + border-radius: 3px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $white; + border: 1px solid $gray-200; + color: $dark; + } + + .as-offer-text { + flex: 0 0 calc(100% - 35px); + max-width: calc(100% - 35px); + padding-left: 12px; + + strong { + color: $dark; + } + + p { + margin: 0; + display: inline-block; + width: 100%; + vertical-align: top; + } + + .show-extra-prod-info { + font-weight: 600; + text-transform: uppercase; + font-size: 12px; + color: $primary; + cursor: pointer; + } + } + } + + .as-pd-lists { + label { + font-weight: 500; + color: $dark; + padding-right: 15px; + } + } + + .as-pd-extra { + margin-top: 25px; + } + + .availability_messages { + p { + margin: 15px 0 0; + } + } + + .as-b2b-price { + padding: 15px 0; + + .btn { + padding: 0 20px; + height: 50px; + font-weight: 500; + font-size: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0; + border-radius: 0; + border: 1px solid $primary; + background: $primary; + color: $white; + text-transform: uppercase; + + i { + margin-right: 10px; + } + + &:hover { + border: 1px solid darken($primary, 8%); + background: darken($primary, 8%); + color: $white; + } + } + } + +} + + +.product-details-tabs { + padding-top: 50px; + padding-bottom: 50px; + + @include media-breakpoint-down(md) { + padding-top: 30px; + padding-bottom: 30px; + } + + .nav-tabs { + border: none; + white-space: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + padding: 0 0 16px; + + .nav-item { + +.nav-item { + margin-left: 25px; + + @include media-breakpoint-down(md) { + margin-left: 15px; + } + } + + .nav-link { + border: 1px dashed $gray-400; + color: $dark; + background: $white; + text-transform: uppercase; + font-weight: 500; + border-radius: 10px; + padding: 15px 30px; + + @include media-breakpoint-down(md) { + padding: 10px 20px; + font-size: 14px; + } + + &.active { + border: 1px dashed $primary; + color: $white; + background: $primary; + } + } + } + } + + .tab-content { + .tab-pane { + padding-top: 25px; + } + + .as-pd-full-spec-section { + border-top: none !important; + } + + .o_shop_discussion_rating { + border: none !important; + } + } +} + +.as-product-alt-acc-products { + padding-bottom: 50px; + + .as-pd-extra-slider { + +.as-pd-extra-slider { + margin-top: 50px; + } + } +} + +*/ \ No newline at end of file diff --git a/theme_alan/static/src/scss/shop/shop-clean.scss b/theme_alan/static/src/scss/shop/shop-clean.scss new file mode 100644 index 000000000..7dd61876c --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-clean.scss @@ -0,0 +1,1049 @@ +@if o-website-value('shop-template')=='alan_shop5' { + + + /* Product Box Grid + ------------------------------*/ + #products_grid { + &:not(.o_wsale_layout_list) { + .oe_product { + .o_wsale_product_sub { + .o_wsale_product_btn { + display: flex; + width: 100%; + @include media-breakpoint-up(lg) { + padding: 7px; + justify-content: center; + bottom: calc(100% + 15px)!important; + left: 0 !important; + transition: ease all 0.35s; + opacity: 0 !important; + padding: 3px; + } + @include media-breakpoint-down(lg) { + padding-top: 10px; + padding-bottom: 10px; + .btn { + margin: 0 7px 0 0; + } + } + } + } + + .as-product-offer-time { + position: absolute; + left: 10px; + right: 10px; + bottom: calc(100% + 10px); + padding: 8px; + text-align: center; + background-color: $white; + justify-content: center; + display: flex; + transition: ease all 0.35s; + opacity: 1; + margin: 0; + } + + .as-color-variant { + @include media-breakpoint-up(lg) { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: $white; + padding: 15px; + transition: ease all 0.35s; + opacity: 0; + } + @include media-breakpoint-down(lg) { + padding-bottom: 10px; + } + } + + + .as-b2b-price { + ~ .as-color-variant { + @include media-breakpoint-up(lg) { + position: relative; + opacity: 1; + padding: 0; + } + } + } + + + + &:hover { + .as-product-offer-time { + opacity: 0; + } + .as-color-variant { + opacity: 1; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + opacity: 1 !important; + } + } + } + } + } + } + + + /* Product Box + ------------------------------*/ + .o_wsale_products_grid_table_wrapper { + margin: -2px !important; + @include media-breakpoint-up(lg) { + margin: 0 !important; + } + .oe_product { + padding: 2px !important; + @include media-breakpoint-up(lg) { + padding: 0 !important; + --o-wsale-grid-border: 1px solid #{$gray-300}; + } + .oe_product_cart { + border: none; + } + + .as-product-card-actions, + .o_wsale_product_btn { + .btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background-color: $white !important; + color: $dark !important; + margin: 0 7px; + box-shadow: 0px 0 0 4px rgba($dark, .10); + border-radius: 0; + border-radius: 50%; + @include media-breakpoint-down(lg) { + box-shadow: none; + border-radius: 0; + border: 1px solid $gray-300; + } + &:hover { + background-color: $dark !important; + color: $white !important; + box-shadow: 0px 0 0 4px rgba($white, .50); + } + } + } + + + .as-product-card-actions { + position: absolute; + top: 10px; + right: 0; + opacity: 0; + display: flex; + flex-direction: column; + transition: ease all 0.35s; + .btn { + margin: 4px; + } + + } + + .o_wsale_product_sub { + .o_wsale_product_btn { + .btn { + margin: 0 7px; + } + } + } + + .o_wsale_product_information { + padding: 15px; + @include media-breakpoint-down(md) { + padding: 10px; + } + .o_wsale_product_information_text { + flex-grow: initial !important; + position: relative; + .as-brand { + font-size: 11px; + text-transform: uppercase; + color: $gray-600; + padding-bottom: 5px; + line-height: 1; + } + .o_wsale_products_item_title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 13px; + a { + color: $dark !important; + } + } + } + .o_wsale_product_sub { + flex-direction: column; + align-items: flex-start !important; + padding: 0 !important; + .product_price { + width: 100%; + padding-bottom: 10px; + font-size: 14px; + line-height: 1; + del { + color: $danger !important; + font-size: 90%; + } + h6 { + color: $primary; + font-size: 14px; + } + } + } + } + + .as-color-variant { + font-size: 0px; + padding-bottom: 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + padding: 0; + } + li { + margin: 0 6px 0px 0px; + } + label { + width: 20px; + height: 20px; + position: relative; + overflow: hidden; + border: 1px solid $white; + box-shadow: 0 0 0 1px $gray-300; + cursor: pointer; + border-radius: 50%; + &:hover { + box-shadow: 0 0 0 1px $primary; + } + } + } + + .as-product-offer-time { + line-height: 1; + font-size: 13px; + margin-bottom: 15px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + } + li { + padding: 0 7px 0 0; + display: flex; + flex-direction: column; + } + label { + font-weight: 600; + color: $dark; + padding-bottom: 5px; + @include media-breakpoint-down(xl) { + font-size: 12px; + } + } + span { + font-size: 10px; + text-transform: uppercase; + @include media-breakpoint-down(xl) { + font-size: 7px; + } + } + } + + .as_product_rating { + line-height: 15px; + font-size: 11px; + color: $gray-600; + font-weight: 600; + position: absolute; + top: 0; + right: 0; + .fa { + margin-right: 3px; + color: $warning; + } + ~ .as-brand { + padding-right: 37px; + } + ~ .o_wsale_products_item_title { + padding-right: 37px; + } + } + + .as-b2b-price { + padding: 7px 0 15px; + display: flex; + width: 100%; + a { + height: 30px; + display: inline-flex; + align-items: center; + background: $white; + border: 1px solid $gray-300; + color: $dark; + padding: 0 12px 0 0px; + font-size: 14px; + font-weight: 500; + text-decoration: none; + transition: ease all 0.35s; + @include media-breakpoint-down(md) { + padding: 0 5px; + font-size: 13px; + } + span { + padding-left: 8px; + @include media-breakpoint-down(md) { + padding-left: 0; + } + } + i { + width: 26px; + height: 26px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $gray-300; + color: $dark; + margin-left: 1px; + @include media-breakpoint-down(md) { + display: none; + } + } + &:hover { + background: $primary; + border-color: $primary; + color: $white; + i { + background: $white; + color: $primary; + } + } + } + } + + .as-product-stock-message { + span { + display: inline-block; + vertical-align: top; + color: $danger; + border-bottom: 2px solid rgba($danger, 0.5); + font-size: 13px; + } + } + .as-product-units-message { + span { + display: inline-block; + vertical-align: top; + color: $warning; + border-bottom: 2px solid rgba($warning, 0.5); + font-size: 13px; + } + } + + &:hover { + .as-product-card-actions { + right: 10px; + opacity: 1; + } + } + } + + } + + + /* Product Box list View + ------------------------------*/ + #products_grid { + &.o_wsale_layout_list { + .oe_product { + margin-bottom: 25px; + .oe_product_cart { + align-items: flex-start; + padding: 0; + } + + .as_product_rating { + right: 0; + bottom: auto; + top: 0; + left: auto; + } + .o_wsale_product_information { + padding: 15px !important; + .o_wsale_product_information_text { + text-align: left; + } + .o_wsale_products_item_title { + font-size: 1rem; + font-weight: 600; + padding-bottom: 10px; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: flex-start; + padding: 0 0 15px; + order: 12; + .btn { + margin: 0 8px 0 0px; + &:not(:hover) { + background-color: $primary !important; + color: $white !important; + } + } + } + .product_price { + h6 { + font-size: 1rem; + } + } + } + } + } + } + } + + + /* Topbar + ------------------------------*/ + #products_grid { + .btn-toolbar { + justify-content: inherit !important; + @include media-breakpoint-down(lg) { + margin: 0px !important; + } + .o_searchbar_form { + display: none !important; + } + .as-ppg-dropdown { + display: flex !important; + label { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + } + .o_sortby_dropdown { + order: 10; + @include media-breakpoint-up(lg) { + display: flex !important; + small { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + } + } + .o_pricelist_dropdown { + margin: 0 0 0 auto !important; + order: 10; + } + .dropdown { + .dropdown-toggle { + background: $white !important; + border: 1px solid $gray-300 !important; + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } + .dropdown-menu { + box-shadow: $box-shadow; + font-size: 15px; + } + } + .o_wsale_apply_layout { + margin: 0 !important; + .btn { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin: 0; + &.border-primary { + border-color: $dark !important; + background-color: $dark !important; + color: $white !important; + } + } + + .as-ppg-dropdown { + margin-left: 15px; + } + } + button[data-bs-target="#o_wsale_offcanvas"] { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin-right: 10px; + @include media-breakpoint-down(lg) { + margin-left: auto !important; + } + } + } + } + + + /* Catagory Slider + ------------------------------*/ + #products_grid { + display: flex; + flex-direction: column; + .o_wsale_filmstip_container { + order: -1; + } + .o_wsale_filmstip_wrapper { + .swiper-slide { + width: 125px; + @include media-breakpoint-down(md) { + width: 90px; + } + } + .as-filmstip-cat { + min-width: 120px; + position: relative; + text-align: center; + @include media-breakpoint-down(md) { + min-width: 80px; + } + .o_image_40_cover { + background-size: cover; + width: 80%; + height: auto; + cursor: pointer; + position: relative; + display: block; + margin: 0 auto; + border-radius: 50%; + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + width: 100%; + } + } + span { + font-size: 14px; + color: $dark; + font-weight: 500; + padding-top: 7px; + display: inline-block; + vertical-align: top; + width: 100%; + @include media-breakpoint-down(md) { + padding-top: 5px; + font-size: 12px; + } + } + } + } + } + + + /* Product Sidebar + ------------------------------*/ + + .o_wsale_products_main_row { + @include media-breakpoint-down(md) { + margin-top: 0; + } + } + + #products_grid_before { + + + .products_categories { + margin: 0 !important; + padding-bottom: 15px; + border-bottom: 1px solid $gray-300; + .o_categories_collapse_title { + margin: 0 !important; + font-size: 17px; + padding-bottom: 15px; + b { + font-weight: 500; + } + } + .wsale_products_categories_list { + .nav { + margin: 0 !important; + } + } + } + .js_attributes { + margin: 0 !important; + .accordion-item { + margin: 0 !important; + border-radius: 0 !important; + border: none; + border-bottom: 1px solid $gray-300; + h6 { + padding: 10px 0; + margin: 0 !important; + color: $dark; + font-size: 13px; + cursor: pointer; + text-transform: uppercase; + letter-spacing: 1px; + b { + font-weight: 500; + } + } + } + .accordion-button { + .f-arrow { + width: 25px; + height: 25px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + margin-left: auto; + position: relative; + &:before, + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: $dark; + } + &:before { + width: 9px; + height: 1px; + } + &:after { + width: 1px; + height: 9px; + } + } + &:after { + display: none; + } + &:not(.collapsed) { + .f-arrow { + &:after { + height: 0; + } + } + } + } + + .accordion-body { + padding: 0 0 15px; + } + } + #o_wsale_price_range_option { + margin: 0 0 10px !important; + border-bottom: 1px solid $gray-300; + padding: 0 0 20px; + .o_products_attributes_title { + padding: 15px 0; + color: $dark; + font-size: 13px; + cursor: pointer; + text-transform: uppercase; + letter-spacing: 1px; + b { + font-weight: 500; + } + } + .multirange-wrapper { + margin: 0 !important; + } + } + + .form-check { + position: relative; + padding: 0; + font-size: 15px; + .form-check-label { + padding: 0 8px 0 28px; + font-weight: 400; + &:after { + content: ""; + position: absolute; + left: 0; + top: 4px; + width: 16px; + height: 16px; + background-color: $gray-300; + } + &:before { + content: "\e83f"; + position: absolute; + top: 4px; + left: 0; + z-index: 1; + opacity: 0; + font-family: 'feather' !important; + color: $white; + font-size: 12px; + width: 16px; + height: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $dark; + &:after { + background-color: $dark; + } + &:before { + opacity: 1; + } + } + } + } + + } + + .js_attributes { + .form-select { + font-size: 15px; + border-radius: 0; + } + .form-control { + border-radius: 0; + } + .form-check { + display: flex; + } + .as-count { + margin-left: auto; + font-size: 80%; + } + } + + .as-product-stock { + padding: 15px 0; + margin: 0 !important; + color: $dark; + font-size: 13px; + cursor: pointer; + text-transform: uppercase; + letter-spacing: 1px; + a { + text-decoration: none; + color: $dark; + } + } + + } + + // Search + .as-aside-attr-search { + position: relative; + margin-bottom: 15px; + .fa { + position: absolute; + top: 0; + left: 10px; + font-size: 12px; + bottom: 0; + height: 12px; + margin: auto; + color: $gray-600 !important; + } + .form-control { + font-size: 14px; + height: calc(1.1em + 0.75rem + 2px); + border-radius: 0; + border: 1px solid $gray-300; + padding-left: 30px; + } + } + + // Brand + .as-aside-brand-list { + display: flex; + flex-wrap: wrap; + margin-left: -3px; + margin-right: -3px; + label { + position: relative; + flex: 0 0 calc(33.33333% - 6px); + border: 1px solid $gray-300; + margin: 3px; + cursor: pointer; + &.active { + border: 1px solid $primary; + } + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + img { + width: 95%; + height: 95%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: contain; + margin: auto; + } + input[type="checkbox"] { + opacity: 0; + } + .as-count { + position: absolute; + top: -1px; + right: -1px; + font-size: 12px; + font-weight: 500; + background: $white; + border: 1px solid $gray-300; + padding: 2px 5px; + opacity: 0; + transition: ease all 0.35s; + } + &:hover { + .as-count { + opacity: 1; + } + } + } + } + + // Star + .as-aside-star-list { + label { + font-weight: normal; + } + .as_rating_attr { + span { + padding-right: 4px; + } + .fa { + color: $warning; + &:before { + content: "\f005"; + } + ~ .fa { + display: none; + } + } + } + } + + + /* offcanvas Sidebar + ------------------------------*/ + #o_wsale_offcanvas { + .accordion-header { + .o_wsale_offcanvas_title { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 13px; + cursor: pointer; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0; + border-bottom: 1px solid $gray-300; + border-top: none !important; + b { + font-weight: 500; + } + &:after { + content: "\e8b1"; + background-color: none; + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-size: 15px; + transform: rotate(0deg) !important; + width: 25px !important; + height: 25px !important; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + &:not(.collapsed) { + &:after { + content: "\e897"; + } + } + } + } + .accordion-body { + padding: 15px !important; + } + .list-group-item { + padding: 0; + } + .form-check { + position: relative; + padding: 0; + font-size: 15px; + .form-check-label { + padding: 0 8px 0 28px; + font-weight: 400; + &:after { + content: ""; + position: absolute; + left: 0; + top: 4px; + width: 16px; + height: 16px; + background-color: $gray-300; + } + &:before { + content: "\e83f"; + position: absolute; + top: 4px; + left: 0; + z-index: 1; + opacity: 0; + font-family: 'feather' !important; + color: $white; + font-size: 12px; + width: 16px; + height: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $dark; + &:after { + background-color: $dark; + } + &:before { + opacity: 1; + } + } + } + } + + } + #o_wsale_price_range_option { + margin: 0 !important; + padding: 15px !important; + border-top: none !important; + .o_products_attributes_title { + padding: 0 !important; + color: $dark; + font-size: 13px; + cursor: pointer; + text-transform: uppercase; + letter-spacing: 1px; + b { + font-weight: 500; + } + } + .multirange-wrapper { + margin: 0 !important; + } + } + } + + @if o-website-value('shop-layout')=='alan_shop_layout_full' { + .o_wsale_products_main_row { + #products_grid_before { + max-width: 270px; + } + } + } + + /* Color Variant + ------------------------------*/ + .as-variant-product-card { + border: 1px solid $gray-200; + .as-vp-body { + padding: 15px; + border-top: 1px solid $gray-200; + .as-vp-title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: var(--dark); + text-decoration: none; + &:hover { + color: var(--primary); + } + } + } + .product_price { + margin: 0 !important; + h3 { + color: var(--primary); + font-size: 14px; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/shop/shop-default.scss b/theme_alan/static/src/scss/shop/shop-default.scss new file mode 100644 index 000000000..b9d177b74 --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-default.scss @@ -0,0 +1,916 @@ +@if o-website-value('shop-template')=='alan_shop0' { + + /* Product Box + ------------------------------*/ + .o_wsale_products_grid_table_wrapper { + .oe_product { + .oe_product_cart { + border: none; + } + + .as-product-card-actions { + position: absolute; + top: 10px; + right: 10px; + display: flex; + flex-direction: column; + + .btn { + width: 38px; + height: 38px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + display: inline-flex; + padding: 0; + border-radius: 50%; + border: none; + background-color: $white !important; + color: $dark !important; + margin: 0 0 4px; + box-shadow: 0px 1px 3px rgba($dark, 0.10), 0px 1px 2px -1px rgba($dark, 0.10); + + &:hover { + background-color: $dark !important; + color: $white !important; + } + } + } + + .o_wsale_product_sub { + .o_wsale_product_btn { + display: flex; + width: 100%; + background: rgba($white, 0.7); + -webkit-backdrop-filter: saturate(150%) blur(5px); + backdrop-filter: saturate(150%) blur(5px); + bottom: 100% !important; + left: 0 !important; + padding: 7px; + justify-content: center; + + .btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + display: inline-flex; + padding: 0; + border-radius: 50%; + border: none; + background-color: $white !important; + color: $dark !important; + margin: 0 4px; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + + &:hover { + background-color: $dark !important; + color: $white !important; + } + } + } + } + + .o_wsale_product_information { + flex: inherit !important; + + .o_wsale_product_information_text { + flex-grow: inherit !important; + text-align: center; + + .as-brand { + font-size: 12px; + text-transform: uppercase; + color: $gray-600; + padding-bottom: 5px; + } + + .o_wsale_products_item_title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + + a { + color: $dark !important; + } + } + } + + .o_wsale_product_sub { + flex-direction: column; + align-items: flex-start !important; + + .product_price { + text-align: center; + width: 100%; + + del { + color: $danger !important; + font-size: 90%; + } + + h6 { + color: $primary; + font-size: 14px; + } + } + } + + .as-color-variant { + width: 100%; + font-size: 0px; + + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + justify-content: center; + padding: 6px 0 0; + } + + li { + margin: 0 5px; + } + + label { + width: 25px; + height: 25px; + border-radius: 50%; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + } + + .as-product-offer-time { + width: 100%; + + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + + li { + padding: 0 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + + label { + font-weight: 600; + color: $dark; + + @include media-breakpoint-down(xl) { + font-size: 12px; + } + } + + span { + font-size: 10px; + text-transform: uppercase; + + @include media-breakpoint-down(xl) { + font-size: 7px; + } + } + } + + .as_product_rating { + line-height: 15px; + position: absolute; + bottom: calc(100% + 12px); + left: 12px; + opacity: 1; + transition: cubic-bezier(0.55, 0.06, 0.68, 0.19) opacity 0.25s; + font-size: 11px; + color: $gray-600; + font-weight: 600; + background: $white; + padding: 3px 6px; + border-radius: 15px; + display: inline-block; + text-align: center; + vertical-align: middle; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + + .fa { + margin-right: 3px; + color: $warning; + } + } + + .as-b2b-price { + padding: 7px 0; + display: flex; + width: 100%; + justify-content: center; + + a { + padding: 6px 14px; + font-size: 13px; + background: $white; + color: $dark; + border: 2px solid $gray-300; + text-transform: uppercase; + text-decoration: none; + border-radius: 30px; + + i { + margin-right: 5px; + } + + &:hover { + background: $primary; + border: 2px solid $primary; + color: $white; + } + } + } + + .as-product-stock-message { + text-align: center; + + span { + margin-top: 12px; + background: rgba($danger, 0.1); + display: inline-block; + font-size: 14px; + padding: 4px 15px; + color: $danger; + border-radius: 30px; + border: 1px solid rgba($danger, 0.1); + } + } + + .as-product-units-message { + text-align: center; + + span { + margin-top: 12px; + background: rgba($warning, 0.1); + display: inline-block; + font-size: 14px; + padding: 4px 15px; + color: $warning; + border-radius: 30px; + border: 1px solid rgba($warning, 0.1); + } + } + } + } + + + /* Product Box list View + ------------------------------*/ + #products_grid { + &.o_wsale_layout_list { + .oe_product { + .oe_product_cart { + align-items: flex-start; + border: 1px solid $gray-300; + padding: 0; + } + + .as_product_rating { + margin: 0 0 7px; + box-shadow: none; + padding: 0; + border-radius: 0; + position: relative; + } + + .o_wsale_product_information { + padding: 15px; + + .o_wsale_product_information_text { + text-align: left; + } + + .o_wsale_products_item_title { + font-size: 1rem; + padding-bottom: 10px; + } + + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: flex-start; + padding: 15px 0 10px 0; + order: 12; + + .btn { + background-color: $dark !important; + color: $white !important; + margin: 0 10px 0 0; + border-radius: 5px; + + &:hover { + background-color: $primary !important; + } + } + } + + .product_price { + text-align: left; + + h6 { + font-size: 1rem; + } + } + + .as-color-variant { + ul { + justify-content: flex-start; + } + + li { + margin: 0 6px 0 0; + } + } + } + + .as-product-offer-time { + .as_offer_timer { + justify-content: flex-start; + display: flex; + } + + ul { + justify-content: flex-start; + border: 1px solid $gray-300; + padding: 5px 8px; + background-color: $gray-100; + } + } + + .as-product-stock-message { + text-align: left; + } + + .as-product-units-message { + text-align: left; + } + } + + .as-b2b-price { + justify-content: flex-start; + } + } + } + } + + + + /* Topbar + ------------------------------*/ + #products_grid { + .btn-toolbar { + justify-content: inherit !important; + + .o_searchbar_form { + display: none !important; + } + + .as-ppg-dropdown { + display: flex !important; + + label { + font-size: 15px; + padding: 0 10px; + line-height: 45px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + + } + + .o_sortby_dropdown { + order: 10; + + @include media-breakpoint-up(lg) { + display: flex !important; + + small { + font-size: 15px; + padding: 0 16px; + line-height: 45px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + } + } + + .o_pricelist_dropdown { + margin: 0 0 0 auto !important; + order: 10; + } + + .dropdown { + .dropdown-toggle { + background: $white !important; + border: 1px solid $gray-300 !important; + font-size: 15px; + padding: 0 16px; + line-height: 45px; + border-radius: 0; + + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } + + .dropdown-menu { + box-shadow: $box-shadow; + font-size: 15px; + } + } + + .o_wsale_apply_layout { + margin: 0 !important; + + .btn { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin: 0; + + &.border-primary { + border-color: $dark !important; + background: $dark !important; + color: $white !important; + } + } + } + + button[data-bs-target="#o_wsale_offcanvas"] { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + + @include media-breakpoint-down(lg) { + margin-left: auto !important; + } + } + } + } + + /* Bottom Bar + ------------------------------*/ + #products_grid { + .products_pager { + padding-bottom: 0 !important; + + .pagination { + border-radius: 0; + + .page-item { + .page-link { + padding: 0.575rem 0.85rem; + text-transform: uppercase; + color: $dark; + } + + &.active { + .page-link { + color: $white; + } + } + + &:first-child { + .page-link { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + + &:last-child { + .page-link { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } + } + } + } + } + + /* Catagory Slider + ------------------------------*/ + #products_grid { + .o_wsale_filmstip_wrapper { + padding-bottom: 0 !important; + margin-bottom: 0 !important; + + .swiper-slide { + width: auto; + } + + .as-filmstip-cat { + border: 1px solid $gray-300; + background-color: $white; + display: flex; + align-items: center; + padding: 7px 15px 7px 7px; + cursor: pointer; + + .o_image_40_cover { + border-radius: 0; + flex: 0 0 40px; + max-width: 40px; + height: 40px; + box-shadow: 0px 0px 1px 2px $white; + + +span { + padding-left: 15px; + text-align: left; + } + } + + span { + flex: 1; + padding-left: 0; + color: $dark; + font-weight: 500; + font-size: 15px; + text-align: center; + } + } + } + } + + /* Product Sidebar + ------------------------------*/ + #products_grid_before { + + .accordion-body { + padding: 0 15px 15px; + } + + .o_wsale_products_grid_before_rail { + padding-bottom: 0 !important; + } + + .products_categories { + margin: 0 0 20px !important; + border: 1px solid $gray-300; + + .o_categories_collapse_title { + border-bottom: 1px solid $gray-300; + padding: 15px; + margin: 0 !important; + } + + .wsale_products_categories_list { + padding: 15px; + + .nav { + margin: 0 !important; + } + } + } + + .js_attributes { + margin: 0 !important; + + .accordion-item { + margin: 0 0 20px !important; + border-radius: 0 !important; + border: 1px solid $gray-300; + + h6 { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border: none; + background: none; + box-shadow: none; + b { + font-weight: 600; + } + } + } + } + + #o_wsale_price_range_option { + margin: 0 !important; + padding: 15px 15px; + border: 1px solid $gray-300; + + .o_products_attributes_title { + padding: 0 15px 15px; + margin: 0 -15px !important; + width: calc(100% + 30px); + } + + .multirange-wrapper { + margin: 0 !important; + } + } + + + .form-check { + .form-check-label { + font-weight: 400; + } + } + + .js_attributes { + .form-check { + display: flex; + } + + .form-check-label { + padding-left: 8px; + } + + .as-count { + margin-left: auto; + font-size: 80%; + } + } + + .as-product-stock { + padding: 15px; + margin: 20px 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border: 1px solid $gray-300; + + a { + text-decoration: none; + color: $dark; + } + } + + } + + // Search + .as-aside-attr-search { + position: relative; + margin-bottom: 15px; + + .fa { + position: absolute; + top: 0; + left: 10px; + font-size: 12px; + bottom: 0; + height: 12px; + margin: auto; + color: $gray-600 !important; + } + + .form-control { + font-size: 14px; + height: calc(1.1em + 0.75rem + 2px); + border-radius: 0; + border: 1px solid $gray-300; + padding-left: 30px; + } + } + + // Brand List + .as-aside-brand-list { + display: flex; + flex-wrap: wrap; + margin-left: -3px; + margin-right: -3px; + + label { + position: relative; + flex: 0 0 calc(33.33333% - 6px); + border: 1px solid $gray-300; + margin: 3px; + cursor: pointer; + + &.active { + border: 1px solid $primary; + } + + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + + img { + width: 95%; + height: 95%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: contain; + margin: auto; + } + + input[type="checkbox"] { + opacity: 0; + } + + .as-count { + position: absolute; + top: -1px; + right: -1px; + font-size: 12px; + font-weight: 500; + background: $white; + border: 1px solid $gray-300; + padding: 2px 5px; + } + } + } + + // star List + .as-aside-star-list { + label { + font-weight: normal; + } + + .as_rating_attr { + padding-left: 8px; + } + + .fa { + color: $warning; + margin-right: 2px; + + &:before { + content: "\f005"; + } + } + + + .star-1 { + .fa~.fa { + &:before { + content: "\f006"; + color: darken($gray-300, 14%); + } + } + } + + .star-2 { + .fa~.fa~.fa { + &:before { + content: "\f006"; + color: darken($gray-300, 14%); + } + } + } + + .star-3 { + .fa~.fa~.fa~.fa { + &:before { + content: "\f006"; + color: darken($gray-300, 14%); + } + } + } + + .star-4 { + .fa~.fa~.fa~.fa~.fa { + &:before { + content: "\f006"; + color: darken($gray-300, 14%); + } + } + } + + } + + /* offcanvas Sidebar + ------------------------------*/ + #o_wsale_offcanvas { + .accordion-header { + .o_wsale_offcanvas_title { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border-bottom: 1px solid $gray-300; + border-top: none !important; + + &:after { + content: "\e842"; + background-color: none; + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-size: 20px; + transform: rotate(0deg) !important; + width: 20px !important; + height: 20px !important; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + + &:not(.collapsed) { + &:after { + content: "\e844"; + } + } + } + } + + .accordion-body { + padding: 15px; + } + + .form-check { + .form-check-label { + font-weight: 400; + } + } + + #o_wsale_price_range_option { + border-top: none !important; + padding: 15px !important; + + label { + padding: 0 !important; + margin: 0 !important; + } + } + } + + /* Color Variant + ------------------------------*/ + .as-variant-product-card { + .as-vp-body { + padding-top: 8px; + text-align: center; + .as-vp-title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: var(--dark); + text-decoration: none; + &:hover { + color: var(--primary); + } + } + } + .product_price { + margin: 0 !important; + h3 { + color: var(--primary); + font-size: 14px; + } + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/shop/shop-glass-blur.scss b/theme_alan/static/src/scss/shop/shop-glass-blur.scss new file mode 100644 index 000000000..304d4770f --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-glass-blur.scss @@ -0,0 +1,978 @@ +@if o-website-value('shop-template')=='alan_shop2' { + + /* Product Box Grid + ------------------------------*/ + #products_grid { + &:not(.o_wsale_layout_list) { + .oe_product { + .o_wsale_product_sub { + .o_wsale_product_btn { + display: flex; + width: 100%; + @include media-breakpoint-up(lg) { + justify-content: center; + background: rgba($white, 0.7); + -webkit-backdrop-filter: saturate(150%) blur(5px); + backdrop-filter: saturate(150%) blur(5px); + bottom: calc(100% + 15px)!important; + left: 0 !important; + transition: ease all 0.35s; + opacity: 0 !important; + width: auto; + flex-direction: column; + padding: 2px; + } + .btn { + margin: 2px; + } + } + } + .as-product-offer-time { + position: absolute; + bottom: calc(100% + 10px); + background: rgba($white, 0.7); + -webkit-backdrop-filter: saturate(150%) blur(5px); + backdrop-filter: saturate(150%) blur(5px); + left: 10px; + padding: 3px; + opacity: 1; + transition: ease all 0.35s; + @include media-breakpoint-down(lg) { + bottom: calc(100% + 8px); + left: 8px; + right: 8px; + padding: 5px 4px; + } + ul { + padding: 2px; + @include media-breakpoint-up(lg) { + flex-direction: column; + li { + padding: 3px 0; + } + } + } + } + + &:hover { + .as-product-offer-time { + opacity: 0; + } + + .as_product_rating { + opacity: 0; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + left: 15px !important; + opacity: 1 !important; + } + } + } + } + } + } + + + + /* Product Box + ------------------------------*/ + .o_wsale_products_grid_table_wrapper { + .oe_product { + .oe_product_image_img_wrapper { + img { + transition: ease all 0.35s; + transition-delay: 0.1s; + } + } + .as-hover-image { + img { + filter: blur(15px); + transition: ease all 0.35s; + transition-delay: 0.1s; + } + } + .oe_product_image_link { + &:hover { + .oe_product_image_img_wrapper { + img { + filter: blur(1px); + } + } + .as-hover-image { + img { + filter: blur(0px); + } + } + } + } + + .oe_product_cart { + border: none; + } + .as-product-card-actions { + position: absolute; + top: 10px; + right: 0; + opacity: 0; + display: flex; + flex-direction: column; + transition: ease all 0.35s; + padding: 2px; + background: rgba($white, 0.7); + -webkit-backdrop-filter: saturate(150%) blur(5px); + backdrop-filter: saturate(150%) blur(5px); + .btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background-color: $white !important; + color: $dark !important; + margin: 2px; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + border-radius: 0; + &:hover { + background-color: $dark !important; + color: $white !important; + } + } + + } + + .o_wsale_product_sub { + .o_wsale_product_btn { + .btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background-color: $white !important; + color: $dark !important; + margin: 0 4px; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + border-radius: 0; + &:hover { + background-color: $dark !important; + color: $white !important; + } + } + } + } + + .o_wsale_product_information { + padding-bottom: 0; + .o_wsale_product_information_text { + flex-grow: initial !important; + .as-brand { + font-size: 12px; + text-transform: uppercase; + color: $gray-600; + padding-bottom: 5px; + } + .o_wsale_products_item_title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: $dark !important; + } + } + } + .o_wsale_product_sub { + flex-direction: column; + align-items: flex-start !important; + padding: 0 !important; + .product_price { + width: 100%; + del { + color: $danger !important; + font-size: 90%; + } + h6 { + color: $primary; + font-size: 14px; + } + } + } + } + + .as-color-variant { + font-size: 0px; + padding-top: 10px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + padding: 0; + } + li { + margin: 0 12px 0px 0px; + } + label { + width: 25px; + height: 25px; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + .as-product-offer-time { + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + padding: 0 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + label { + font-weight: 600; + color: $dark; + @include media-breakpoint-down(xl) { + font-size: 12px; + } + } + span { + font-size: 9px; + text-transform: uppercase; + @include media-breakpoint-down(xl) { + font-size: 7px; + } + } + } + + .as_product_rating { + line-height: 15px; + font-size: 11px; + color: $gray-600; + font-weight: 600; + background: $white; + padding: 3px 6px; + display: inline-block; + text-align: center; + vertical-align: middle; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + margin-bottom: 8px; + @include media-breakpoint-up(lg) { + transition: ease all 0.35s; + opacity: 1; + position: absolute; + bottom: calc(100% + 10px); + right: 10px; + margin-bottom: 0; + } + .fa { + margin-right: 3px; + color: $warning; + } + } + + .as-b2b-price { + padding: 7px 0; + display: flex; + width: 100%; + a { + height: 30px; + display: inline-flex; + align-items: center; + background: rgba($primary, 0.1); + color: $primary; + padding: 0 12px 0 0px; + font-size: 14px; + font-weight: 600; + border-radius: 30px; + text-decoration: none; + transition: ease all 0.35s; + span { + padding-left: 8px; + } + i { + width: 30px; + height: 30px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $primary; + color: $white; + border-radius: 50%; + } + &:hover { + background: $primary; + color: $white; + i { + background: $dark; + } + } + } + } + + .as-product-stock-message { + span { + padding-top: 10px; + display: inline-block; + vertical-align: top; + color: $danger; + border-bottom: 2px solid rgba($danger, 0.5); + font-size: 14px; + line-height: 1.3; + } + } + .as-product-units-message { + span { + padding-top: 10px; + display: inline-block; + vertical-align: top; + color: $warning; + border-bottom: 2px solid rgba($warning, 0.5); + font-size: 14px; + line-height: 1.3; + } + } + + &:hover { + .as-product-card-actions { + right: 10px; + opacity: 1; + } + } + } + + } + + + /* Product Box list View + ------------------------------*/ + #products_grid { + &.o_wsale_layout_list { + .oe_product { + .oe_product_cart { + align-items: flex-start; + border: 1px solid $gray-300; + padding: 0; + } + .as_product_rating { + right: 10px; + bottom: auto; + top: 10px; + left: auto; + } + .o_wsale_product_information { + padding: 15px !important; + .o_wsale_product_information_text { + text-align: left; + } + .o_wsale_products_item_title { + font-size: 1rem; + font-weight: 600; + padding-bottom: 10px; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: flex-start; + padding: 0 0 15px; + order: 12; + .btn { + margin: 0 8px 0 0px; + &:not(:hover) { + background-color: $primary !important; + color: $white !important; + } + } + } + .product_price { + text-align: left; + padding-bottom: 15px; + h6 { + font-size: 1rem; + } + } + .as-color-variant { + padding: 0 0 15px; + ul { + justify-content: flex-start; + } + li { + margin: 0 12px 0 0; + font-size: 0px; + } + } + } + .as-product-offer-time { + .as_offer_timer { + justify-content: flex-start; + display: flex; + } + ul { + justify-content: flex-start; + border: 1px solid $gray-300; + padding: 5px 8px; + background-color: $gray-100; + } + } + } + .as-b2b-price { + padding-bottom: 15px; + padding-top: 2px; + } + } + } + } + + + + /* Topbar + ------------------------------*/ + #products_grid { + .btn-toolbar { + justify-content: inherit !important; + .o_searchbar_form { + display: none !important; + } + .as-ppg-dropdown { + display: flex !important; + label { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + } + .o_sortby_dropdown { + order: 10; + @include media-breakpoint-up(lg) { + display: flex !important; + small { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + } + } + .o_pricelist_dropdown { + margin: 0 0 0 auto !important; + order: 10; + } + .dropdown { + .dropdown-toggle { + background: $white !important; + border: 1px solid $gray-300 !important; + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } + .dropdown-menu { + box-shadow: $box-shadow; + font-size: 15px; + } + } + .o_wsale_apply_layout { + margin: 0 !important; + .btn { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin: 0; + &.border-primary { + border-color: $primary !important; + background-color: $primary !important; + color: $white !important; + } + } + + .as-ppg-dropdown { + margin-left: 15px; + } + } + button[data-bs-target="#o_wsale_offcanvas"] { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin-right: 10px; + @include media-breakpoint-down(lg) { + margin-left: auto !important; + } + } + } + } + + + /* Catagory Slider + ------------------------------*/ + #products_grid { + display: flex; + flex-direction: column; + .o_wsale_filmstip_container { + order: -1; + } + .o_wsale_filmstip_wrapper { + .swiper-slide { + width: auto; + } + .as-filmstip-cat { + width: 150px; + position: relative; + .o_image_40_cover { + background-size: cover; + width: 100%; + height: auto; + cursor: pointer; + position: relative; + &:after { + content: ""; + padding-bottom: 125%; + display: inline-block; + vertical-align: top; + width: 100%; + } + &:before { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: auto; + height: 0px; + transition: ease all 0.35s; + background: rgba($dark,0.8); + -webkit-backdrop-filter: saturate(180%) blur(1px); + backdrop-filter: saturate(180%) blur(1px); + } + } + span { + position: absolute; + bottom: 10px; + left: 10px; + background: $white; + font-size: 12px; + padding: 3px 12px; + letter-spacing: 1px; + text-transform: uppercase; + font-weight: 500; + color: $dark; + } + &:hover { + .o_image_40_cover { + &:before { + top: auto; + bottom: 0; + height: 100%; + } + } + } + } + } + } + + + /* Product Sidebar + ------------------------------*/ + #products_grid_before { + + + + .products_categories { + margin: 0 !important; + .o_categories_collapse_title { + margin: 0 !important; + font-size: 17px; + padding-bottom: 15px; + b { + font-weight: 500; + } + } + .wsale_products_categories_list { + .nav { + margin: 0 !important; + } + } + } + .js_attributes { + margin: 0 !important; + .accordion-item { + margin: 0 !important; + border-radius: 0 !important; + border: none; + h6 { + padding: 15px 0; + margin: 0 !important; + color: $dark; + font-size: 17px; + cursor: pointer; + b { + font-weight: 500; + } + } + } + .accordion-button { + .f-arrow { + width: 25px; + height: 25px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + background: $gray-300; + border-radius: 50%; + margin-left: auto; + position: relative; + &:before, + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: $dark; + } + &:before { + width: 10px; + height: 2px; + } + &:after { + width: 2px; + height: 10px; + } + } + &:after { + display: none; + } + &:not(.collapsed) { + .f-arrow { + &:after { + height: 0; + } + } + } + } + + .accordion-body { + padding: 0 0 15px; + } + } + #o_wsale_price_range_option { + margin: 0 !important; + .o_products_attributes_title { + padding: 15px 0; + font-size: 17px; + color: $dark; + b { + font-weight: 500; + } + } + .multirange-wrapper { + margin: 0 !important; + } + } + + .form-check { + position: relative; + padding: 0; + font-size: 15px; + .form-check-label { + padding: 0 8px 0 20px; + font-weight: 400; + &:after { + content: ""; + position: absolute; + left: 0; + top: 5px; + width: 10px; + height: 10px; + background-color: $gray-400; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $primary; + &:after { + background-color: $primary; + } + } + } + } + + } + + .js_attributes { + .form-select { + font-size: 15px; + } + .form-check { + display: flex; + } + .as-count { + margin-left: auto; + font-size: 80%; + } + } + + .as-product-stock { + padding: 15px 0; + margin: 15px 0 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + a { + text-decoration: none; + color: $dark; + } + } + + } + + // Search + .as-aside-attr-search { + position: relative; + margin-bottom: 15px; + .fa { + position: absolute; + top: 0; + left: 10px; + font-size: 12px; + bottom: 0; + height: 12px; + margin: auto; + color: $gray-600 !important; + } + .form-control { + font-size: 14px; + height: calc(1.1em + 0.75rem + 2px); + border-radius: 0; + border: 1px solid $gray-300; + padding-left: 30px; + } + } + + // Brand + .as-aside-brand-list { + display: flex; + flex-wrap: wrap; + margin-left: -3px; + margin-right: -3px; + label { + position: relative; + flex: 0 0 calc(33.33333% - 6px); + border: 1px solid $gray-300; + margin: 3px; + cursor: pointer; + &.active { + border: 1px solid $primary; + } + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + img { + width: 95%; + height: 95%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: contain; + margin: auto; + } + input[type="checkbox"] { + opacity: 0; + } + .as-count { + position: absolute; + top: -1px; + right: -1px; + font-size: 12px; + font-weight: 500; + background: $white; + border: 1px solid $gray-300; + padding: 2px 5px; + } + } + } + + // Star + .as-aside-star-list { + label { + font-weight: normal; + } + .as_rating_attr { + padding-left: 8px; + .fa { + color: $warning; + &:before { + content: "\f005"; + } + ~ .fa { + display: none; + } + } + } + } + + /* offcanvas Sidebar + ------------------------------*/ + #o_wsale_offcanvas { + .accordion-header { + .o_wsale_offcanvas_title { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border: none !important; + &:after { + content: "\e8b1"; + background-color: none; + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-size: 15px; + transform: rotate(0deg) !important; + width: 25px !important; + height: 25px !important; + background: $gray-300; + border-radius: 50%; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + &:not(.collapsed) { + &:after { + content: "\e897"; + } + } + } + } + .accordion-body { + padding: 0 15px 15px; + } + .list-group-item { + padding: 0; + } + .form-check { + position: relative; + padding: 0; + font-size: 15px; + .form-check-label { + padding: 0 8px 0 20px; + font-weight: 400; + &:after { + content: ""; + position: absolute; + left: 0; + top: 5px; + width: 10px; + height: 10px; + background-color: $gray-400; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $primary; + &:after { + background-color: $primary; + } + } + } + } + + } + } + + /* Color Variant + ------------------------------*/ + .as-variant-product-card { + .as-vp-body { + padding-top: 12px; + .as-vp-title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: var(--dark); + text-decoration: none; + &:hover { + color: var(--primary); + } + } + } + .product_price { + margin: 0 !important; + h3 { + color: var(--primary); + font-size: 14px; + } + } + } + } + +} diff --git a/theme_alan/static/src/scss/shop/shop-layout.scss b/theme_alan/static/src/scss/shop/shop-layout.scss new file mode 100644 index 000000000..ad351d019 --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-layout.scss @@ -0,0 +1,15 @@ +@if o-website-value('shop-layout')=='alan_shop_layout_full' { + .as_shop_page { + #wrap { + > .container { + max-width: 1800px; + } + } + } + #products_grid_before { + max-width: 350px; + } + #products_grid { + flex: 1; + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/shop/shop-modern.scss b/theme_alan/static/src/scss/shop/shop-modern.scss new file mode 100644 index 000000000..a1aa9ba65 --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-modern.scss @@ -0,0 +1,938 @@ +@if o-website-value('shop-template')=='alan_shop4' { + + /* Shop Filter + ------------------------------*/ + .as-shop-top-filter { + .as-clear-filter-all { + a { + background-color: $dark; + border: 1px solid $dark; + color: $white; + &:hover { + background-color: $danger; + border: 1px solid $danger; + color: $white; + } + } + } + .as-clear-filter { + background-color: $white; + border: 1px solid $dark; + &:hover { + background-color: $dark; + border: 1px solid $dark; + color: $white; + } + } + } + + + /* Product Box Grid + ------------------------------*/ + #products_grid { + &:not(.o_wsale_layout_list) { + .oe_product { + .o_wsale_product_sub { + .o_wsale_product_btn { + display: flex; + width: 100%; + @include media-breakpoint-up(lg) { + justify-content: center; + padding: 7px; + bottom: calc(100% + 15px)!important; + left: 0 !important; + transition: ease all 0.35s; + opacity: 0 !important; + padding: 3px; + } + @include media-breakpoint-down(lg) { + .btn { + margin: 0 8px 0 0; + } + } + } + } + + &:hover { + .as_product_rating { + opacity: 0; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + opacity: 1 !important; + } + } + } + } + } + } + + + + /* Product Box + ------------------------------*/ + .o_wsale_products_grid_table_wrapper { + .oe_product { + + .oe_product_cart { + border: 2px solid $dark; + } + + .as-product-card-actions, + .o_wsale_product_btn { + .btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background-color: $dark !important; + color: $white !important; + margin: 0 7px; + box-shadow: 0px 0 0 4px rgba($white, .10); + border-radius: 0; + &:hover { + background-color: $primary !important; + color: $white !important; + box-shadow: 0px 0 0 4px rgba($white, .50); + } + } + } + + + .as-product-card-actions { + position: absolute; + top: 10px; + right: 0; + opacity: 0; + transition: ease all 0.35s; + display: flex; + flex-direction: column; + .btn { + margin: 4px; + } + + } + + .o_wsale_product_sub { + .o_wsale_product_btn { + .btn { + margin: 0 7px; + } + } + } + + .o_wsale_product_information { + padding: 15px; + border-top: 2px solid $dark; + .o_wsale_product_information_text { + flex-grow: initial !important; + .as-brand { + font-size: 12px; + text-transform: uppercase; + color: $gray-600; + padding-bottom: 5px; + } + .o_wsale_products_item_title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: $dark !important; + } + } + } + .o_wsale_product_sub { + flex-direction: column; + align-items: flex-start !important; + padding: 0 !important; + .product_price { + width: 100%; + padding-bottom: 10px; + del { + color: $danger !important; + font-size: 90%; + } + h6 { + color: $primary; + font-size: 14px; + } + } + } + } + + .as-color-variant { + font-size: 0px; + padding-bottom: 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + padding: 0; + } + li { + margin: 0 12px 0px 0px; + } + label { + width: 25px; + height: 25px; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + .as-product-offer-time { + padding-bottom: 10px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + font-size: 13px; + } + li { + padding: 0 10px 0 0; + display: flex; + flex-direction: column; + } + label { + font-weight: 600; + color: $dark; + @include media-breakpoint-down(xl) { + font-size: 12px; + } + } + span { + font-size: 10px; + text-transform: uppercase; + @include media-breakpoint-down(xl) { + font-size: 7px; + } + } + } + + .as_product_rating { + line-height: 15px; + font-size: 11px; + color: $gray-600; + font-weight: 600; + background: $white; + padding: 3px 6px; + display: inline-block; + text-align: center; + vertical-align: middle; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + transition: ease all 0.35s; + opacity: 1; + position: absolute; + bottom: calc(100% + 10px); + right: 10px; + .fa { + margin-right: 3px; + color: $warning; + } + } + + .as-product-stock-message { + span { + display: inline-block; + vertical-align: top; + color: $danger; + border-bottom: 2px solid rgba($danger, 0.5); + font-size: 14px; + } + } + .as-product-units-message { + span { + display: inline-block; + vertical-align: top; + color: $warning; + border-bottom: 2px solid rgba($warning, 0.5); + font-size: 14px; + } + } + + + .as-b2b-price { + padding-bottom: 15px; + display: flex; + width: 100%; + padding-top: 5px; + a { + padding: 6px 14px; + font-size: 13px; + background: $white; + color: $dark; + border: 2px solid $dark; + text-transform: uppercase; + letter-spacing: 1px; + text-decoration: none; + i { + margin-right: 5px; + } + &:hover { + background: $dark; + color: $white; + } + } + } + + &:hover { + .as-product-card-actions { + right: 10px; + opacity: 1; + } + } + } + + } + + + /* Product Box list View + ------------------------------*/ + #products_grid { + &.o_wsale_layout_list { + .oe_product { + .oe_product_cart { + align-items: flex-start; + padding: 0; + } + .as_product_rating { + right: 10px; + bottom: auto; + top: 10px; + left: auto; + } + .o_wsale_product_information { + padding: 15px !important; + border-top: none; + .o_wsale_product_information_text { + text-align: left; + } + .o_wsale_products_item_title { + font-size: 1rem; + font-weight: 600; + padding-bottom: 10px; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: flex-start; + padding: 0 0 15px; + order: 12; + .btn { + margin: 0 8px 0 0px; + &:not(:hover) { + background-color: $primary !important; + color: $white !important; + } + } + } + .product_price { + h6 { + font-size: 1rem; + } + } + } + } + } + } + } + + + + /* Topbar + ------------------------------*/ + #products_grid { + .btn-toolbar { + justify-content: inherit !important; + .o_searchbar_form { + display: none !important; + } + .as-ppg-dropdown { + display: flex !important; + label { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 2px solid $dark; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + text-transform: uppercase; + color: $dark; + font-weight: 500; + } + } + .o_sortby_dropdown { + order: 10; + @include media-breakpoint-up(lg) { + display: flex !important; + small { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 2px solid $dark; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + text-transform: uppercase; + color: $dark !important; + font-weight: 500; + } + } + } + .o_pricelist_dropdown { + margin: 0 0 0 auto !important; + order: 10; + } + .dropdown { + .dropdown-toggle { + background: $white !important; + border: 2px solid $dark !important; + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + text-transform: uppercase; + color: $dark; + font-weight: 500; + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } + .dropdown-menu { + box-shadow: $box-shadow; + font-size: 15px; + } + } + .o_wsale_apply_layout { + margin: 0 !important; + label.btn { + border-radius: 0px; + border: 2px solid $dark !important; + background: $white !important; + color: $dark !important; + z-index: 0; + margin: 0; + &.active { + border-color: $dark !important; + background-color: $dark !important; + color: $white !important; + } + } + + .as-ppg-dropdown { + margin-left: 15px; + } + } + button[data-bs-target="#o_wsale_offcanvas"] { + border-radius: 0px; + border: 2px solid $dark !important; + background: $white !important; + color: $dark !important; + z-index: 0; + margin-right: 10px; + @include media-breakpoint-down(lg) { + margin-left: auto !important; + } + } + } + } + + + /* Catagory Slider + ------------------------------*/ + #products_grid { + display: flex; + flex-direction: column; + .o_wsale_filmstip_container { + order: -1; + } + .o_wsale_filmstip_wrapper { + .swiper-slide { + width: auto; + } + .as-filmstip-cat { + min-width: 120px; + position: relative; + text-align: center; + border: 2px solid $dark; + .o_image_40_cover { + background-size: cover; + width: 100%; + height: auto; + cursor: pointer; + position: relative; + display: block; + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + width: 100%; + } + } + span { + font-size: 14px; + color: $dark; + font-weight: 500; + padding: 7px; + display: inline-block; + vertical-align: top; + width: 100%; + border-top: 2px solid $dark; + } + } + } + } + + + /* Product Sidebar + ------------------------------*/ + #products_grid_before { + .o_wsale_products_grid_before_rail { + padding: 0 !important; + } + + + .products_categories { + margin: 0 0 20px!important; + border: 2px solid $dark; + .o_categories_collapse_title { + margin: 0 !important; + font-size: 16px; + padding: 15px; + text-transform: uppercase; + color: $dark; + letter-spacing: 2px; + border-bottom: 2px solid $dark; + b { + font-weight: 600; + } + } + .wsale_products_categories_list { + padding: 15px; + .nav { + margin: 0 !important; + } + } + } + + .js_attributes { + margin: 0 !important; + .accordion-item { + margin: 0 0 20px !important; + border-radius: 0 !important; + border: 2px solid $dark; + h6 { + margin: 0 !important; + font-size: 16px; + padding: 15px; + text-transform: uppercase; + color: $dark; + letter-spacing: 2px; + cursor: pointer; + border-radius: 0; + b { + font-weight: 600; + } + } + } + .accordion-button { + .f-arrow { + width: 25px; + height: 25px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + margin-left: auto; + position: relative; + &:before, + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: $dark; + } + &:before { + width: 14px; + height: 4px; + } + &:after { + width: 4px; + height: 14px; + } + } + &:after { + display: none; + } + &:not(.collapsed) { + .f-arrow { + &:after { + height: 0; + } + } + } + } + + .accordion-body { + padding:15px; + border-top: 2px solid $dark; + } + } + + #o_wsale_price_range_option { + margin: 0 !important; + border: 2px solid $dark; + padding: 15px; + .o_products_attributes_title { + border-bottom: 2px solid $dark; + width: calc(100% + 30px); + font-size: 16px; + padding: 0 0 15px 15px; + text-transform: uppercase; + color: $dark; + letter-spacing: 2px; + margin-left: -15px !important; + b { + font-weight: 600; + } + } + .multirange-wrapper { + margin: 0 !important; + padding-top: 15px; + } + } + + + .form-check { + position: relative; + padding: 0; + font-size: 16px; + .form-check-label { + padding: 0 8px 0 28px; + font-weight: 500; + color: $dark; + &:after { + content: ""; + position: absolute; + left: 0; + top: 4px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: $gray-400; + } + &:before { + content: ""; + position: absolute; + top: 8px; + left: 4px; + width: 8px; + height: 8px; + background: $white; + z-index: 1; + border-radius: 50%; + opacity: 0; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $primary; + &:after { + background-color: $dark; + } + &:before { + opacity: 1; + } + } + } + } + + } + + .js_attributes { + .form-select { + font-size: 16px; + border-radius: 0; + border-color: $dark; + } + .form-check { + display: flex; + } + .as-count { + margin-left: auto; + font-size: 87%; + } + } + + .as-product-stock { + padding: 15px; + margin: 20px 0 !important; + color: $dark; + font-size: 14px; + font-weight: 600; + cursor: pointer; + text-transform: uppercase; + letter-spacing: 1px; + border: 2px solid $dark; + a { + text-decoration: none; + color: $dark; + } + } + + } + + // Search + .as-aside-attr-search { + position: relative; + margin-bottom: 15px; + .fa { + position: absolute; + top: 0; + left: 10px; + font-size: 12px; + bottom: 0; + height: 12px; + margin: auto; + color: $dark !important; + } + .form-control { + font-size: 14px; + height: calc(1.1em + 0.75rem + 2px); + border-radius: 0; + border: 1px solid $dark; + padding-left: 30px; + } + } + + // Brand + .as-aside-brand-list { + display: flex; + flex-wrap: wrap; + margin-left: -5px; + margin-right: -5px; + label { + position: relative; + flex: 0 0 calc(33.33333% - 10px); + border: 2px solid $gray-300; + margin: 5px; + cursor: pointer; + &.active { + border: 2px solid $dark; + } + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + img { + width: 95%; + height: 95%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: contain; + margin: auto; + } + input[type="checkbox"] { + opacity: 0; + } + .as-count { + position: absolute; + top: -1px; + right: -1px; + font-size: 12px; + font-weight: 500; + background: $dark; + color: $white; + padding: 2px 5px; + } + } + } + + //Star + .as-aside-star-list { + label { + font-weight: normal; + } + .as_rating_attr { + span { + padding-right: 4px; + } + .fa { + color: $warning; + &:before { + content: "\f005"; + } + ~ .fa { + display: none; + } + } + } + } + + /* offcanvas Sidebar + ------------------------------*/ + #o_wsale_offcanvas { + .accordion-header { + .o_wsale_offcanvas_title { + margin: 0 !important; + font-size: 16px; + padding: 15px; + text-transform: uppercase; + color: $dark; + letter-spacing: 2px; + cursor: pointer; + font-weight: 600; + &:after { + content: "\e8b1"; + background-color: none; + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-size: 15px; + transform: rotate(0deg) !important; + width: 25px !important; + height: 25px !important; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + &:not(.collapsed) { + &:after { + content: "\e897"; + } + } + } + } + .accordion-body { + padding: 0 15px 15px; + } + .list-group-item { + padding: 0; + } + .form-check { + position: relative; + padding: 0; + font-size: 16px; + .form-check-label { + padding: 0 8px 0 28px; + font-weight: 500; + color: $dark; + &:after { + content: ""; + position: absolute; + left: 0; + top: 4px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: $gray-400; + } + &:before { + content: ""; + position: absolute; + top: 8px; + left: 4px; + width: 8px; + height: 8px; + background: $white; + z-index: 1; + border-radius: 50%; + opacity: 0; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $primary; + &:after { + background-color: $dark; + } + &:before { + opacity: 1; + } + } + } + } + + } + } + + /* Color Variant + ------------------------------*/ + .as-variant-product-card { + border: 2px solid var(--dark); + .as-vp-body { + padding: 15px; + border-top: 2px solid var(--dark); + .as-vp-title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: var(--dark); + text-decoration: none; + &:hover { + color: var(--primary); + } + } + } + .product_price { + margin: 0 !important; + h3 { + color: var(--primary); + font-size: 14px; + } + } + } + } +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/shop/shop-shadow.scss b/theme_alan/static/src/scss/shop/shop-shadow.scss new file mode 100644 index 000000000..712146f9d --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-shadow.scss @@ -0,0 +1,1001 @@ +@if o-website-value('shop-template')=='alan_shop1' { + + #wrapwrap.as_shop_page { + #wrap { + background: linear-gradient(0, rgba($primary, 0.05), rgba($primary, 0.05)), linear-gradient(0, #fffdfc, #fffdfc); + } + } + + /* Shop Filter + ------------------------------*/ + .as-shop-top-filter { + box-shadow: $box-shadow-sm; + background-color: $white; + padding: 8px; + border-radius: 10px; + .as-clear-filter-all {} + .as-clear-filter { + background-color: $gray-100; + border: 1px solid $gray-300; + &:hover { + background-color: $primary; + border: 1px solid $primary; + color: $white; + } + } + } + + + /* Product Box Grid + ------------------------------*/ + #products_grid { + &:not(.o_wsale_layout_list) { + .oe_product { + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: center; + display: flex; + width: 100%; + padding: 7px; + @include media-breakpoint-up(lg) { + background: rgba($white, 0.7); + -webkit-backdrop-filter: saturate(150%) blur(5px); + backdrop-filter: saturate(150%) blur(5px); + bottom: 100% !important; + left: 0 !important; + transition: ease all 0.35s; + transform: scaleY(0); + transform-origin: bottom; + opacity: 1 !important; + } + } + } + .as-color-variant { + @include media-breakpoint-down(lg) { + padding: 5px 0; + width: 100%; + } + @include media-breakpoint-up(lg) { + position: absolute; + top: 100%; + background: $white; + left: -5px; + right: -5px; + z-index: 1; + padding: 0 6px 15px; + box-shadow: $box-shadow-sm; + transform: scaleY(0); + transition: ease all 0.35s; + transform-origin: top left; + overflow: hidden; + border-radius: 0 0 10px 10px; + } + } + .as-product-offer-time { + position: absolute; + bottom: calc(100% + 15px); + background: $white; + left: 15px; + right: 15px; + padding:8px; + opacity: 1; + transition: ease all 0.35s; + @include media-breakpoint-down(lg) { + bottom: calc(100% + 15px); + left: 8px; + right: 8px; + padding: 5px 4px; + } + } + + &:hover { + .as-product-offer-time { + opacity: 0; + } + .as-color-variant { + transform: scaleY(1); + } + .o_wsale_product_sub { + .o_wsale_product_btn { + transform: scaleY(1); + } + } + } + } + } + } + + + + /* Product Box + ------------------------------*/ + .o_wsale_products_grid_table_wrapper { + @include media-breakpoint-down(md) { + padding-top: 0 !important; + margin: -5px; + .table { + td { + padding: 5px; + } + } + } + .oe_product { + .oe_product_image_img_wrapper { + img { + border-radius: 10px !important; + } + } + .as-hover-image { + img { + border-radius: 10px !important; + } + } + + .oe_product_cart { + border: none; + box-shadow: $box-shadow-sm; + background-color: $white; + padding: 5px; + border-radius: 10px; + } + + .as-product-card-actions { + position: absolute; + top: 10px; + right: 0; + opacity: 0; + display: flex; + flex-direction: column; + transition: ease all 0.35s; + .btn { + width: 38px; + height: 38px; + display: inline-flex; + align-items: center; + justify-content: center; + display: inline-flex; + padding: 0; + border: none; + background-color: $primary !important; + color: $white !important; + margin: 0 0 4px; + box-shadow: 0px 1px 3px rgba($dark, 0.10), 0px 1px 2px -1px rgba($dark, 0.10); + border-radius: 10px; + &:hover { + background-color: $dark !important; + color: $white !important; + } + } + + } + + .o_wsale_product_sub { + .o_wsale_product_btn { + .btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background-color: $white !important; + color: $dark !important; + margin: 0 4px; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + border-radius: 10px; + &:hover { + background-color: $dark !important; + color: $white !important; + } + } + } + } + + .o_wsale_product_information { + padding-top: 10px !important; + .o_wsale_product_information_text { + flex-grow: initial !important; + text-align: center; + .as-brand { + font-size: 12px; + text-transform: uppercase; + color: $gray-600; + padding-bottom: 5px; + } + .o_wsale_products_item_title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: $dark !important; + } + } + } + .o_wsale_product_sub { + flex-direction: column; + align-items: flex-start !important; + .product_price { + text-align: center; + width: 100%; + del { + color: $danger !important; + font-size: 90%; + } + h6 { + color: $primary; + font-size: 14px; + } + } + } + } + + .as-color-variant { + font-size: 0px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + justify-content: center; + padding: 6px 0 0; + } + li { + margin: 0 5px; + } + label { + width: 25px; + height: 25px; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + border-radius: 5px; + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + .as-product-offer-time { + border-radius: 10px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + padding: 0 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + label { + font-weight: 600; + color: $dark; + @include media-breakpoint-down(xl) { + font-size: 12px; + } + } + span { + font-size: 10px; + text-transform: uppercase; + @include media-breakpoint-down(xl) { + font-size: 7px; + } + } + } + + .as_product_rating { + line-height: 15px; + font-size: 11px; + color: $gray-600; + font-weight: 600; + background: $white; + padding: 3px 6px; + display: inline-block; + text-align: center; + vertical-align: middle; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + margin-top: -22px; + border-radius: 5px; + .fa { + margin-right: 3px; + color: $warning; + } + } + + .as-b2b-price { + padding: 7px 0; + display: flex; + width: 100%; + justify-content: center; + a { + padding: 6px 14px; + font-size: 13px; + background: $white; + border: 1px solid $gray-200; + color: $dark; + text-transform: uppercase; + text-decoration: none; + border-radius: 10px; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + i { + margin-right: 5px; + } + &:hover { + background: $dark; + border: 1px solid $dark; + color: $white; + } + } + } + + .as-product-stock-message { + text-align: center; + span { + margin-top: 8px; + background: rgba($danger, 0.1); + display: inline-block; + font-size: 14px; + padding: 4px 15px; + color: $danger; + border: 1px solid rgba($danger, 0.1); + border-radius: 10px; + } + } + .as-product-units-message { + text-align: center; + span { + margin-top: 8px; + background: rgba($warning, 0.1); + display: inline-block; + font-size: 14px; + padding: 4px 15px; + color: $warning; + border: 1px solid rgba($warning, 0.1); + border-radius: 10px; + } + } + + &:hover { + .as-product-card-actions { + right: 10px; + opacity: 1; + } + } + } + + } + + + /* Product Box list View + ------------------------------*/ + #products_grid { + &.o_wsale_layout_list { + .oe_product { + .oe_product_cart { + align-items: flex-start; + padding: 0; + } + .as_product_rating { + margin: 0; + position: absolute; + top: 10px; + right: 10px; + } + .o_wsale_product_information { + padding: 15px !important; + .o_wsale_product_information_text { + text-align: left; + } + .o_wsale_products_item_title { + padding-bottom: 10px; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: flex-start; + padding: 0 0 10px 0; + order: 12; + .btn { + margin: 0 4px 0 0px; + &:not(:hover) { + background-color: $primary !important; + color: $white !important; + } + } + } + .product_price { + text-align: left; + padding-bottom: 10px; + h6 { + font-size: 1rem; + } + } + .as-color-variant { + padding: 0 0 15px; + ul { + justify-content: flex-start; + } + li { + margin: 0 12px 0 0; + font-size: 0px; + } + } + } + .as-product-offer-time { + .as_offer_timer { + justify-content: flex-start; + display: flex; + } + ul { + justify-content: flex-start; + border: 1px solid $gray-300; + padding: 5px 8px; + background-color: $gray-100; + border-radius: 10px; + } + } + .as-product-stock-message { + text-align: left; + } + .as-product-units-message { + text-align: left; + } + } + + .as-b2b-price { + justify-content: flex-start; + } + } + } + } + + + + /* Topbar + ------------------------------*/ + #products_grid { + .btn-toolbar { + justify-content: inherit !important; + padding: 10px !important; + background-color: $white; + box-shadow: $box-shadow-sm; + border-radius: 10px; + + .o_searchbar_form { + display: none !important; + } + .as-ppg-dropdown { + display: flex !important; + label { + font-size: 15px; + padding: 0 16px; + line-height: 40px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + border-radius: 10px 0 0 10px; + } + } + .o_sortby_dropdown { + order: 10; + @include media-breakpoint-up(lg) { + display: flex !important; + small { + font-size: 15px; + padding: 0 16px; + line-height: 40px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + border-radius: 10px 0px 0px 10px; + } + } + } + + .dropdown { + .dropdown-toggle { + background: $white !important; + border: 1px solid $gray-300 !important; + font-size: 15px; + padding: 0 16px; + line-height: 40px; + border-radius: 0px 10px 10px 0px; + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } + .dropdown-menu { + box-shadow: $box-shadow; + font-size: 15px; + border-radius: 10px; + } + } + .o_pricelist_dropdown { + margin: 0 0 0 auto !important; + order: 10; + .dropdown-toggle { + border-radius: 10px; + } + } + .o_wsale_apply_layout { + margin: 0 !important; + .btn { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin: 0; + &.o_wsale_apply_grid { + border-radius: 10px 0px 0px 10px; + } + &.o_wsale_apply_list { + border-radius: 0px 10px 10px 0px; + } + &.border-primary { + border-color: $primary !important; + background-color: $primary !important; + color: $white !important; + } + } + + .as-ppg-dropdown { + margin-left: 15px; + } + } + button[data-bs-target="#o_wsale_offcanvas"] { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin-right: 10px; + border-radius: 10px; + @include media-breakpoint-down(lg) { + margin-left: auto !important; + } + } + } + } + + /* Bottom Bar + ------------------------------*/ + #products_grid { + .products_pager { + padding-bottom: 0 !important; + .pagination { + box-shadow: $box-shadow-sm; + border-radius: 10px; + .page-item { + .page-link { + padding: 0.575rem 1.05rem; + //color: $dark; + text-transform: uppercase; + } + &:first-child { + .page-link { + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + } + } + &:last-child { + .page-link { + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + } + } + } + } + } + } + + + /* Catagory Slider + ------------------------------*/ + #products_grid { + + .o_wsale_filmstip_wrapper { + padding: 5px !important; + background-color: $white; + box-shadow: $box-shadow-sm; + border-radius: 10px; + .swiper-slide { + width: auto; + } + .as-filmstip-cat { + background-color: $white; + display: flex; + align-items: center; + padding: 6px; + cursor: pointer; + border-radius: 10px; + .o_image_40_cover { + border-radius: 5px; + flex: 0 0 40px; + max-width: 40px; + height: 40px; + box-shadow: 0px 0px 1px 2px $white; + + span { + padding-left: 15px; + text-align: left; + } + } + span { + flex: 1; + padding: 0 12px; + color: $dark; + font-weight: 500; + font-size: 15px; + text-align: center; + } + &:hover { + &:hover { + background-color: $gray-200; + } + } + } + } + } + + + /* Product Sidebar + ------------------------------*/ + #products_grid_before { + + .accordion-body { + padding: 0 15px 15px; + } + + .form-check-input[type="checkbox"] { + border-radius: 5px !important; + } + + .o_wsale_products_grid_before_rail { + padding-bottom: 0 !important; + box-shadow: $box-shadow-sm; + background-color: $white; + border-radius: 10px; + } + .products_categories { + margin: 0 !important; + border-bottom: 1px solid $gray-300; + .o_categories_collapse_title { + border-bottom: 1px solid $gray-300; + padding: 15px; + margin: 0 !important; + } + .wsale_products_categories_list { + padding: 15px; + .nav { + margin: 0 !important; + } + } + } + .js_attributes { + margin: 0 !important; + .accordion-item { + margin: 0 !important; + border-radius: 0 !important; + border: none; + border-bottom: 1px solid $gray-300; + h6 { + padding: 15px 10px 15px 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + b { + font-weight: 600; + } + } + } + } + #o_wsale_price_range_option { + margin: 0 !important; + padding: 0 15px 15px; + .o_products_attributes_title { + padding: 15px 15px 8px; + margin: 0 -15px !important; + width: calc(100% + 30px); + } + .multirange-wrapper { + margin: 0 !important; + } + } + + .form-check { + .form-check-label { + font-weight: 400; + } + } + + .js_attributes { + .form-check { + display: flex; + } + .form-check-label { + padding-left: 8px; + } + .as-count { + margin-left: auto; + font-size: 80%; + } + + .accordion-button { + .f-arrow { + width: 25px; + height: 25px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + margin-left: auto; + position: relative; + &:before, + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: $dark; + } + &:before { + width: 10px; + height: 2px; + } + &:after { + width: 2px; + height: 10px; + } + } + &:after { + display: none; + } + &:not(.collapsed) { + .f-arrow { + &:after { + height: 0; + } + } + } + } + } + + .as-product-stock { + padding: 15px; + margin: 20px 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border-top: 1px solid $gray-300; + border-bottom: 1px solid $gray-300; + a { + text-decoration: none; + color: $dark; + } + } + + } + + // Search + .as-aside-attr-search { + position: relative; + margin-bottom: 15px; + .fa { + position: absolute; + top: 0; + left: 10px; + font-size: 12px; + bottom: 0; + height: 12px; + margin: auto; + color: $gray-600 !important; + } + .form-control { + font-size: 14px; + height: calc(1.1em + 0.75rem + 2px); + border-radius: 5px; + border: 1px solid $gray-300; + padding-left: 30px; + + } + } + + // Brand List + .as-aside-brand-list { + display: flex; + flex-wrap: wrap; + margin-left: -3px; + margin-right: -3px; + label { + position: relative; + flex: 0 0 calc(33.33333% - 6px); + border: 1px solid $gray-300; + margin: 3px; + cursor: pointer; + border-radius: 10px; + &.active { + border: 1px solid $primary; + } + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + img { + width: 95%; + height: 95%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: contain; + margin: auto; + } + input[type="checkbox"] { + opacity: 0; + } + .as-count { + position: absolute; + border-radius: 8px; + top: 3px; + right: 3px; + font-size: 12px; + font-weight: 500; + background: $white; + border: 1px solid $gray-300; + padding: 2px 5px; + } + } + } + + // Star List + .as-aside-star-list { + label { + font-weight: normal; + } + .as_rating_attr { + padding-left: 8px; + > span { + padding-right: 5px; + } + .fa { + color: $warning; + &:before { + content: "\f005"; + } + ~ .fa { + display: none; + } + } + } + } + + /* offcanvas Sidebar + ------------------------------*/ + #o_wsale_offcanvas { + + .accordion-item { + border-bottom: 1px solid $gray-300; + } + .accordion-header { + .o_wsale_offcanvas_title { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border-top: none !important; + &:after { + content: "\e8b1"; + background-color: none; + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-size: 15px; + transform: rotate(0deg) !important; + width: 25px !important; + height: 25px !important; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + &:not(.collapsed) { + &:after { + content: "\e897"; + } + } + } + } + .accordion-body { + padding: 0 15px 15px; + } + .list-group-item { + padding: 0; + } + .form-check { + .form-check-label { + font-weight: 400; + } + } + #o_wsale_price_range_option { + border-top: none !important; + padding: 15px !important; + label { + padding: 0 !important; + margin: 0 !important; + } + } + } + + /* Color Variant + ------------------------------*/ + .as-variant-product-card { + box-shadow: $box-shadow-sm; + background-color: $white; + padding: 5px; + border-radius: 10px; + .as-vp-media { + img { + border-radius: 10px; + } + } + .as-vp-body { + padding-top: 8px; + text-align: center; + .as-vp-title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: var(--dark); + text-decoration: none; + &:hover { + color: var(--primary); + } + } + } + .product_price { + margin: 0 !important; + h3 { + color: var(--primary); + font-size: 14px; + } + } + } + } + + +} diff --git a/theme_alan/static/src/scss/shop/shop-simple.scss b/theme_alan/static/src/scss/shop/shop-simple.scss new file mode 100644 index 000000000..b4f5e177b --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-simple.scss @@ -0,0 +1,920 @@ +@if o-website-value('shop-template')=='alan_shop3' { + + #wrapwrap.as_shop_page { + #wrap { + > .oe_website_sale { + padding-top: 30px !important; + } + } + } + + /* Shop Filter + ------------------------------*/ + .as-shop-top-filter { + border-bottom: 1px solid $gray-300; + padding-bottom: 15px; + + .o_wsale_products_main_row { + margin-top: 0; + .o_wsale_products_grid_before_rail { + padding-top: 15px; + } + #products_grid { + padding-top: 15px; + } + } + } + + + /* Product Box Grid + ------------------------------*/ + #products_grid { + &:not(.o_wsale_layout_list) { + .oe_product { + .o_wsale_product_sub { + .o_wsale_product_btn { + display: flex; + width: 100%; + @include media-breakpoint-up(lg) { + padding: 7px; + justify-content: center; + bottom: calc(100% + 15px)!important; + left: 0 !important; + transition: ease all 0.35s; + opacity: 0 !important; + padding: 3px; + } + @include media-breakpoint-down(lg) { + padding-bottom: 10px; + padding-top: 5px; + .btn { + margin: 0 10px 0 0px; + width: 35px; + height: 35px; + } + } + } + } + + &:hover { + .as_product_rating { + opacity: 0; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + opacity: 1 !important; + } + } + } + } + } + } + + + + /* Product Box + ------------------------------*/ + .o_wsale_products_grid_table_wrapper { + .oe_product { + + .oe_product_cart { + border: none; + } + + .as-product-card-actions, + .o_wsale_product_btn { + .btn { + width: 40px; + height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + border: none; + background-color: $white !important; + color: $dark !important; + margin: 0 7px; + box-shadow: 0px 0 0 4px rgba($dark, .10); + border-radius: 0; + border-radius: 50%; + &:hover { + background-color: $dark !important; + color: $white !important; + box-shadow: 0px 0 0 4px rgba($white, .50); + } + } + } + + + .as-product-card-actions { + position: absolute; + top: 10px; + right: 0; + opacity: 0; + display: flex; + flex-direction: column; + transition: ease all 0.35s; + .btn { + margin: 4px; + } + + } + + .o_wsale_product_sub { + .o_wsale_product_btn { + .btn { + margin: 0 7px; + } + } + } + + .o_wsale_product_information { + .o_wsale_product_information_text { + flex-grow: initial !important; + .as-brand { + font-size: 12px; + text-transform: uppercase; + color: $gray-600; + padding-bottom: 5px; + } + .o_wsale_products_item_title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: $dark !important; + } + } + } + .o_wsale_product_sub { + flex-direction: column; + align-items: flex-start !important; + padding: 0 !important; + .product_price { + width: 100%; + padding-bottom: 10px; + del { + color: $danger !important; + font-size: 90%; + } + h6 { + color: $primary; + font-size: 14px; + } + } + } + } + + .as-color-variant { + font-size: 0px; + padding-bottom: 15px; + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + padding: 0; + } + li { + margin: 0 12px 0px 0px; + } + label { + width: 25px; + height: 25px; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + &:hover { + box-shadow: 0 0 0 2px $primary; + } + } + } + .as-product-offer-time { + padding-bottom: 10px; + ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + font-size: 13px; + } + li { + padding: 0 10px 0 0; + display: flex; + flex-direction: column; + } + label { + font-weight: 600; + color: $dark; + @include media-breakpoint-down(xl) { + font-size: 12px; + } + } + span { + font-size: 10px; + text-transform: uppercase; + @include media-breakpoint-down(xl) { + font-size: 7px; + } + } + } + + .as_product_rating { + line-height: 15px; + font-size: 11px; + color: $gray-600; + font-weight: 600; + background: $white; + padding: 3px 6px; + display: inline-block; + text-align: center; + vertical-align: middle; + box-shadow: 0px 1px 3px rgba($dark, .10), 0px 1px 2px -1px rgba($dark, .10); + transition: ease all 0.35s; + opacity: 1; + position: absolute; + bottom: calc(100% + 10px); + right: 10px; + .fa { + margin-right: 3px; + color: $warning; + } + } + + .as-b2b-price { + padding: 7px 0 15px; + display: flex; + width: 100%; + a { + height: 30px; + display: inline-flex; + align-items: center; + background: $gray-200; + border: 1px solid $gray-300; + color: $dark; + padding: 0 12px 0 0px; + font-size: 14px; + font-weight: 500; + text-decoration: none; + transition: ease all 0.35s; + span { + padding-left: 8px; + } + i { + width: 26px; + height: 26px; + display: inline-flex; + align-items: center; + justify-content: center; + background: $gray-300; + color: $dark; + margin-left: 1px; + } + &:hover { + background: $primary; + border-color: $primary; + color: $white; + i { + background: $white; + color: $primary; + } + } + } + } + + .as-product-stock-message { + span { + display: inline-block; + vertical-align: top; + color: $danger; + border-bottom: 2px solid rgba($danger, 0.5); + font-size: 14px; + } + } + .as-product-units-message { + span { + display: inline-block; + vertical-align: top; + color: $warning; + border-bottom: 2px solid rgba($warning, 0.5); + font-size: 14px; + } + } + + &:hover { + .as-product-card-actions { + right: 10px; + opacity: 1; + } + } + } + + } + + + /* Product Box list View + ------------------------------*/ + #products_grid { + &.o_wsale_layout_list { + .oe_product { + .oe_product_cart { + align-items: flex-start; + border: 1px solid $gray-300; + padding: 0; + } + .as_product_rating { + right: 10px; + bottom: auto; + top: 10px; + left: auto; + } + .o_wsale_product_information { + padding: 15px !important; + .o_wsale_product_information_text { + text-align: left; + } + .o_wsale_products_item_title { + font-size: 1rem; + font-weight: 600; + padding-bottom: 10px; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: flex-start; + padding: 0 0 15px; + order: 12; + .btn { + margin: 0 8px 0 0px; + &:not(:hover) { + background-color: $primary !important; + color: $white !important; + } + } + } + .product_price { + h6 { + font-size: 1rem; + } + } + } + } + } + } + } + + + + /* Topbar + ------------------------------*/ + #products_grid { + .btn-toolbar { + justify-content: inherit !important; + .o_searchbar_form { + display: none !important; + } + .as-ppg-dropdown { + @include media-breakpoint-up(lg) { + display: flex !important; + label { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + } + } + .o_sortby_dropdown { + order: 10; + @include media-breakpoint-up(lg) { + display: flex !important; + small { + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + border: 1px solid $gray-300; + background: $white !important; + display: inline-flex !important; + margin: 0 !important; + border-right: none; + } + } + } + .o_pricelist_dropdown { + margin: 0 0 0 auto !important; + order: 10; + } + .dropdown { + .dropdown-toggle { + background: $white !important; + border: 1px solid $gray-300 !important; + font-size: 15px; + padding: 0 16px; + line-height: 36px; + border-radius: 0; + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } + .dropdown-menu { + box-shadow: $box-shadow; + font-size: 15px; + } + } + .o_wsale_apply_layout { + margin: 0 !important; + .btn { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin: 0; + &.border-primary { + border-color: $primary !important; + background-color: $primary !important; + color: $white !important; + } + } + + .as-ppg-dropdown { + margin-left: 15px; + } + } + button[data-bs-target="#o_wsale_offcanvas"] { + border-radius: 0px; + border: 1px solid $gray-300 !important; + background: $white !important; + color: $gray-600 !important; + z-index: 0; + margin-right: 10px; + @include media-breakpoint-down(lg) { + margin-left: auto !important; + } + } + } + } + + + /* Catagory Slider + ------------------------------*/ + #products_grid { + display: flex; + flex-direction: column; + .o_wsale_filmstip_container { + order: -1; + } + .o_wsale_filmstip_wrapper { + .swiper-slide { + width: 125px; + } + .as-filmstip-cat { + min-width: 120px; + position: relative; + text-align: center; + .o_image_40_cover { + background-size: cover; + width: 80%; + height: auto; + cursor: pointer; + position: relative; + display: block; + margin: 0 auto; + border-radius: 50%; + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + width: 100%; + } + } + span { + font-size: 14px; + color: $dark; + font-weight: 500; + padding-top: 7px; + display: inline-block; + vertical-align: top; + width: 100%; + } + } + } + } + + + /* Product Sidebar + ------------------------------*/ + #products_grid_before { + .o_wsale_products_grid_before_rail { + border-right: 1px solid $gray-300; + } + + + .products_categories { + margin: 0 !important; + padding-bottom: 15px; + border-bottom: 1px solid $gray-300; + .o_categories_collapse_title { + margin: 0 !important; + font-size: 17px; + padding-bottom: 15px; + b { + font-weight: 500; + } + } + .wsale_products_categories_list { + .nav { + margin: 0 !important; + } + } + } + .js_attributes { + margin: 0 !important; + .accordion-item { + margin: 0 !important; + border-radius: 0 !important; + border: none; + border-bottom: 1px solid $gray-300; + h6 { + padding: 15px 0; + margin: 0 !important; + color: $dark; + font-size: 17px; + cursor: pointer; + b { + font-weight: 500; + } + } + } + .accordion-button { + .f-arrow { + width: 25px; + height: 25px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + margin-left: auto; + position: relative; + &:before, + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: $dark; + } + &:before { + width: 10px; + height: 2px; + } + &:after { + width: 2px; + height: 10px; + } + } + &:after { + display: none; + } + &:not(.collapsed) { + .f-arrow { + &:after { + height: 0; + } + } + } + } + + .accordion-body { + padding: 0 0 15px; + } + } + #o_wsale_price_range_option { + margin: 0 !important; + .o_products_attributes_title { + padding: 15px 0; + font-size: 17px; + color: $dark; + b { + font-weight: 500; + } + } + .multirange-wrapper { + margin: 0 !important; + } + } + + .form-check { + position: relative; + padding: 0; + font-size: 15px; + .form-check-label { + padding: 0 8px 0 28px; + font-weight: 400; + &:after { + content: ""; + position: absolute; + left: 0; + top: 4px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: $gray-400; + } + &:before { + content: ""; + position: absolute; + top: 8px; + left: 4px; + width: 8px; + height: 8px; + background: $white; + z-index: 1; + border-radius: 50%; + opacity: 0; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $primary; + &:after { + background-color: $primary; + } + &:before { + opacity: 1; + } + } + } + } + + } + + .js_attributes { + .form-select { + font-size: 15px; + } + .form-check { + display: flex; + } + .as-count { + margin-left: auto; + font-size: 80%; + } + } + + .as-product-stock { + // padding: 15px 0; + margin: 20px 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + // border-top: 1px solid $gray-300; + a { + text-decoration: none; + color: $dark; + } + } + + } + + // Search + .as-aside-attr-search { + position: relative; + margin-bottom: 15px; + .fa { + position: absolute; + top: 0; + left: 10px; + font-size: 12px; + bottom: 0; + height: 12px; + margin: auto; + color: $gray-600 !important; + } + .form-control { + font-size: 14px; + height: calc(1.1em + 0.75rem + 2px); + border-radius: 0; + border: 1px solid $gray-300; + padding-left: 30px; + } + } + + // Brand + .as-aside-brand-list { + display: flex; + flex-wrap: wrap; + margin-left: -3px; + margin-right: -3px; + label { + position: relative; + flex: 0 0 calc(33.33333% - 6px); + border: 1px solid $gray-300; + margin: 3px; + cursor: pointer; + &.active { + border: 1px solid $primary; + } + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + img { + width: 95%; + height: 95%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: contain; + margin: auto; + } + input[type="checkbox"] { + opacity: 0; + } + .as-count { + position: absolute; + top: -1px; + right: -1px; + font-size: 12px; + font-weight: 500; + background: $white; + border: 1px solid $gray-300; + padding: 2px 5px; + } + } + } + + + // Star + .as-aside-star-list { + label { + font-weight: normal; + } + .as_rating_attr { + span { + padding-right: 4px; + } + .fa { + color: $warning; + &:before { + content: "\f005"; + } + ~ .fa { + display: none; + } + } + } + } + + /* offcanvas Sidebar + ------------------------------*/ + #o_wsale_offcanvas { + .accordion-header { + .o_wsale_offcanvas_title { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + &:after { + content: "\e8b1"; + background-color: none; + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-size: 15px; + transform: rotate(0deg) !important; + width: 25px !important; + height: 25px !important; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + &:not(.collapsed) { + &:after { + content: "\e897"; + } + } + } + } + .accordion-body { + padding: 0 15px 15px; + } + .list-group-item { + padding: 0; + } + .form-check { + position: relative; + padding: 0; + font-size: 15px; + .form-check-label { + padding: 0 8px 0 28px; + font-weight: 400; + &:after { + content: ""; + position: absolute; + left: 0; + top: 4px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: $gray-400; + } + &:before { + content: ""; + position: absolute; + top: 8px; + left: 4px; + width: 8px; + height: 8px; + background: $white; + z-index: 1; + border-radius: 50%; + opacity: 0; + } + } + .form-check-input { + position: absolute; + top: 0; + left: 0; + margin: 0; + opacity: 0; + &:checked { + ~ .form-check-label { + color: $primary; + &:after { + background-color: $primary; + } + &:before { + opacity: 1; + } + } + } + } + + } + } + + /* Color Variant + ------------------------------*/ + .as-variant-product-card { + .as-vp-body { + padding-top: 12px; + .as-vp-title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: var(--dark); + text-decoration: none; + &:hover { + color: var(--primary); + } + } + } + .product_price { + margin: 0 !important; + h3 { + color: var(--primary); + font-size: 14px; + } + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/scss/shop/shop-trendy.scss b/theme_alan/static/src/scss/shop/shop-trendy.scss new file mode 100644 index 000000000..bdd447170 --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop-trendy.scss @@ -0,0 +1,993 @@ +@if o-website-value('shop-template')=='alan_shop6' { + + #wrapwrap.as_shop_page { + #wrap { + > div.oe_website_sale { + padding-top: 0 !important; + } + } + } + + + .o_wsale_products_main_row { + margin-top: 0; + margin-bottom: 0; + align-items: stretch !important; + } + + /* Shop Filter + ------------------------------*/ + .as-shop-top-filter { + padding-top: 18px; + padding-bottom: 18px; + border-bottom: 1px solid $gray-300; + ul { + .as-clear-filter-all { + a { + background-color: $black; + border: 1px solid $black; + color: $white; + font-size: 13px; + font-weight: 400; + } + } + .as-clear-filter { + background-color: $gray-200; + border: 1px solid $gray-400; + font-size: 13px; + color: $black; + &:hover { + background-color: $white; + border: 1px solid $black; + color: $black; + } + } + } + } + + + /* Product Box Grid + ------------------------------*/ + #products_grid { + padding-left: 0; + flex: 1; + &:not(.o_wsale_layout_list) { + .oe_product { + .o_wsale_product_btn { + display: flex; + width: 100%; + padding: 6px 0; + @include media-breakpoint-up(lg) { + padding: 12px 0; + background: rgba($white, 0.7); + -webkit-backdrop-filter: saturate(150%) blur(5px); + backdrop-filter: saturate(150%) blur(5px); + bottom: 100% !important; + left: 0 !important; + transition: ease all 0.35s; + transform: scaleY(0); + transform-origin: bottom; + opacity: 1 !important; + justify-content: center; + } + } + .as-product-offer-time { + position: absolute; + bottom: calc(100% + 15px); + left: 15px; + right: 15px; + opacity: 1; + transition: ease all 0.35s; + @include media-breakpoint-down(lg) { + bottom: calc(100% + 8px); + left: 8px; + right: 8px; + ul { + margin: 0; + gap: 8px; + li { + padding: 0; + } + } + } + .as_offer_timer { + display: flex; + justify-content: center; + } + ul { + background: rgba($black, 0.50); + padding: 8px 10px; + backdrop-filter: saturate(150%) blur(5px); + color: $white; + label { + color: $white; + } + } + } + &:hover { + .as-product-offer-time { + opacity: 0; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + transform: scaleY(1); + } + } + } + } + } + } + + + + /* Product Box + ------------------------------*/ + .o_wsale_products_grid_table_wrapper { + padding-left: 15px !important; + padding-top: 20px !important; + .oe_product { + .oe_product_cart { + border: none; + } + .as-product-card-actions { + position: absolute; + top: 10px; + right: 0; + opacity: 0; + display: flex; + flex-direction: column; + transition: ease all 0.35s; + } + .o_wsale_product_btn, + .as-product-card-actions { + gap: 5px; + .btn { + width: 42px; + height: 42px; + display: inline-flex; + align-items: center; + justify-content: center; + display: inline-flex; + padding: 0; + border: none; + background-color: $black !important; + color: $white !important; + box-shadow: 0px 1px 3px rgba($dark, 0.10), 0px 1px 2px -1px rgba($dark, 0.10); + border-radius: 0; + @include media-breakpoint-down(lg) { + width: 37px; + height: 37px; + } + &:hover { + background-color: $white !important; + color: $black !important; + } + } + } + + .o_wsale_product_information { + padding-top: 10px !important; + padding-bottom: 0; + .o_wsale_product_information_text { + flex-grow: initial !important; + .as-brand { + font-size: 12px; + text-transform: uppercase; + color: $gray-600; + padding-bottom: 5px; + } + .o_wsale_products_item_title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: $black !important; + } + } + } + .o_wsale_product_sub { + flex-direction: column; + align-items: flex-start !important; + .product_price { + width: 100%; + del { + color: $danger !important; + font-size: 90%; + } + h6 { + color: $primary; + font-size: 14px; + } + } + } + } + + .as-color-variant { + font-size: 0px; + ul { + margin: 0 0 0 -2px; + padding: 10px 0 0; + list-style: none; + display: flex; + justify-content: center; + } + li { + margin: 0 5px; + } + label { + width: 30px; + height: 30px; + position: relative; + overflow: hidden; + border: 2px solid $white; + box-shadow: 0 0 0 2px $gray-300; + cursor: pointer; + padding: 0 !important; + &:hover { + box-shadow: 0 0 0 2px $black; + } + } + } + .as-product-offer-time { + ul { + margin: 0 0 10px; + padding: 0; + display: flex; + list-style: none; + justify-content: center; + font-size: 13px; + } + li { + padding: 0 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + label { + font-weight: 600; + color: $dark; + @include media-breakpoint-down(xl) { + font-size: 12px; + } + } + span { + font-size: 10px; + text-transform: uppercase; + @include media-breakpoint-down(xl) { + font-size: 7px; + } + } + } + + .as_product_rating { + line-height: 15px; + font-size: 11px; + color: $black; + font-weight: 600; + background: $white; + padding: 3px 6px; + display: inline-block; + text-align: center; + vertical-align: middle; + position: absolute; + top: 15px; + right: 0; + .fa { + margin-right: 3px; + color: $warning; + } + } + + .as-b2b-price { + padding: 10px 0 7px; + display: flex; + width: 100%; + a { + padding: 6px 14px; + font-size: 13px; + background: $white; + border: 1px solid $gray-300; + color: $dark; + text-transform: uppercase; + text-decoration: none; + i { + margin-right: 5px; + } + &:hover { + background: $dark; + border: 1px solid $dark; + color: $white; + } + } + } + + .as-product-stock-message { + text-align: left; + span { + margin-top: 8px; + background: rgba($danger, 0.1); + display: inline-block; + font-size: 14px; + padding: 4px 15px; + color: $danger; + border: 1px solid rgba($danger, 0.1); + border-radius: 10px; + } + } + .as-product-units-message { + span { + margin-top: 8px; + background: rgba($warning, 0.1); + display: inline-block; + font-size: 14px; + padding: 4px 15px; + color: $warning; + border: 1px solid rgba($warning, 0.1); + border-radius: 10px; + } + } + + &:hover { + .as-product-card-actions { + right: 10px; + opacity: 1; + } + } + + } + + } + + + /* Product Box list View + ------------------------------*/ + #products_grid { + &.o_wsale_layout_list { + .oe_product { + .oe_product_cart { + align-items: flex-start; + padding: 0; + border: 1px solid $gray-300; + } + .as_product_rating { + margin: 0; + position: absolute; + top: 10px; + right: 10px; + } + .o_wsale_product_information { + padding: 15px !important; + .o_wsale_product_information_text { + text-align: left; + } + .o_wsale_products_item_title { + padding-bottom: 10px; + font-size: 16px; + } + .o_wsale_product_sub { + .o_wsale_product_btn { + justify-content: flex-start; + padding: 0 0 10px 0; + order: 12; + } + .product_price { + text-align: left; + padding-bottom: 10px; + h6 { + font-size: 1rem; + } + } + .as-color-variant { + padding: 0 0 15px; + ul { + justify-content: flex-start; + margin: 0 0 0 2px; + } + li { + margin: 0 12px 0 0; + font-size: 0px; + } + } + } + .as-product-offer-time { + .as_offer_timer { + justify-content: flex-start; + display: flex; + } + ul { + justify-content: flex-start; + border: 1px solid $gray-300; + padding: 6px 12px; + background-color: $gray-100; + } + } + .as-product-stock-message { + text-align: left; + } + .as-product-units-message { + text-align: left; + } + } + + .as-b2b-price { + justify-content: flex-start; + } + } + } + } + + + + /* Topbar + ------------------------------*/ + #products_grid { + .btn-toolbar { + padding-left: 15px; + justify-content: inherit !important; + padding-top: 12px; + margin: 0 0 12px !important; + .o_searchbar_form { + display: none !important; + } + .dropdown-menu { + border-radius: 0; + border: 1px solid $gray-300; + .dropdown-item { + padding: 0.5rem 1rem; + text-transform: uppercase; + font-size: 14px; + + .dropdown-item { + border-top: 1px solid $gray-300; + } + } + } + .as-ppg-dropdown, + .o_pricelist_dropdown, + .o_sortby_dropdown { + .dropdown-toggle { + border-radius: 0; + border: 1px solid $gray-300; + padding: 0 15px; + line-height: 35px; + background: transparent; + font-size: 14px; + color: $black; + &:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: top; + display: inline-block; + margin-left: 0.255em; + } + } + } + .as-ppg-dropdown { + display: flex; + label { + display: flex; + align-items: center; + border: 1px solid $gray-300; + font-size: 14px; + padding: 0 15px; + border-right: none; + } + } + .o_sortby_dropdown { + order: 12; + margin-left: auto; + @include media-breakpoint-up(lg) { + display: flex !important; + } + small { + display: flex !important; + align-items: center; + border: 1px solid $gray-300; + font-size: 14px; + padding: 0 15px; + border-right: none; + } + } + button.btn[data-bs-target="#o_wsale_offcanvas"] { + width: 35px; + height: 35px; + padding: 0; + order: -1; + border: 1px solid $gray-300; + border-radius: 0; + background: none; + } + + .o_wsale_apply_layout { + order: -1; + label.btn { + width: 35px; + height: 35px; + border-radius: 0; + background: none !important; + color: $gray-500; + &.active { + border-color: $gray-200 !important; + background-color: $gray-200 !important; + color: $black !important; + } + } + } + } + } + + /* Bottom Bar + ------------------------------*/ + #products_grid { + .products_pager { + padding-bottom: 0 !important; + .pagination { + box-shadow: $box-shadow-sm; + border-radius: 10px; + .page-item { + .page-link { + padding: 0.575rem 1.05rem; + //color: $dark; + text-transform: uppercase; + } + &:first-child { + .page-link { + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + } + } + &:last-child { + .page-link { + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + } + } + } + } + } + } + + + /* Catagory Slider + ------------------------------*/ + #products_grid { + + + .o_wsale_filmstip_container { + margin: 0 !important; + padding: 0 !important; + } + .o_wsale_filmstip_wrapper { + border-top: 1px solid $gray-300; + border-bottom: 1px solid $gray-300; + padding-left: 15px; + padding-top: 18px; + padding-bottom: 18px !important; + margin: 0 !important; + .swiper-slide { + width: auto; + } + .as-filmstip-cat { + width: 150px; + cursor: pointer; + .o_image_40_cover { + width: 100%; + height: 140px; + } + span { + width: 100%; + text-align: center; + display: inline-block; + vertical-align: top; + text-transform: uppercase; + font-size: 13px; + color: $black; + letter-spacing: 2px; + padding: 10px 0 0; + } + } + } + } + + + /* Product Sidebar + ------------------------------*/ + #products_grid_before { + position: inherit !important; + border-right: 1px solid $gray-300; + padding-right: 0 !important; + flex: 0 0 260px; + .o_wsale_products_grid_before_rail { + height: auto !important; + margin: 0 !important; + padding: 0 !important; + } + .accordion-body { + padding: 0 15px 15px 0; + } + + .form-check-input[type="radio"], + .form-check-input[type="checkbox"] { + border-radius: 0 !important; + border-color: $black; + &:checked { + background-color: $black; + border-color: $black; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); + } + } + + .products_categories { + margin: 0 !important; + border-bottom: 1px solid $gray-300; + .o_categories_collapse_title { + border-bottom: 1px solid $gray-300; + padding: 25px 0 18px; + margin: 0 !important; + font-size: 15px; + font-weight: 500; + letter-spacing: 2px; + text-transform: uppercase; + color: $black; + b { + font-weight: inherit; + } + } + .wsale_products_categories_list { + padding: 15px 15px 15px 0px; + .nav { + margin: 0 !important; + } + } + } + .js_attributes { + margin: 0 !important; + .accordion-item { + margin: 0 !important; + border-radius: 0 !important; + border: none; + border-bottom: 1px solid $gray-300; + h6 { + padding: 15px 0; + margin: 0 !important; + color: $black; + font-size: 15px; + cursor: pointer; + font-weight: 500; + letter-spacing: 2px; + text-transform: uppercase; + b { + font-weight: inherit; + } + } + } + } + #o_wsale_price_range_option { + margin: 0 !important; + padding: 0 15px 15px 0; + .o_products_attributes_title { + padding: 15px 0 8px; + font-size: 15px; + font-weight: 300; + letter-spacing: 2px; + color: $black; + text-transform: uppercase; + b { + font-weight: inherit; + } + } + .multirange-wrapper { + margin: 0 !important; + } + } + + .form-check { + .form-check-label { + font-weight: 400; + font-size: 15px; + } + } + + .js_attributes { + .form-check { + display: flex; + } + .form-check-label { + padding-left: 8px; + } + .as-count { + margin-left: auto; + font-size: 80%; + } + + .accordion-button { + .f-arrow { + width: 30px; + height: 30px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + margin-left: auto; + position: relative; + margin-right: 15px; + &:before, + &:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: $dark; + } + &:before { + width: 15px; + height: 1px; + } + &:after { + width: 1px; + height: 15px; + } + } + &:after { + display: none; + } + &:not(.collapsed) { + .f-arrow { + &:after { + height: 0; + } + } + } + } + } + + .as-product-stock { + padding: 15px 0; + margin: 0 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border-bottom: 1px solid $gray-300; + a { + text-decoration: none; + color: $dark; + } + } + + .css_attribute_select { + border-radius: 0; + border: 1px solid $black; + } + + } + + // Search + .as-aside-attr-search { + position: relative; + margin-bottom: 15px; + .fa { + position: absolute; + top: 0; + left: 10px; + font-size: 12px; + bottom: 0; + height: 12px; + margin: auto; + color: $black !important; + } + .form-control { + font-size: 14px; + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0; + border: 1px solid $black; + padding-left: 35px; + + } + } + + // Brand List + .as-aside-brand-list { + display: flex; + flex-wrap: wrap; + margin-left: -3px; + margin-right: -3px; + label { + position: relative; + flex: 0 0 calc(33.33333% - 6px); + border: 1px solid $gray-300; + margin: 3px; + cursor: pointer; + &.active { + border: 1px solid $primary; + } + &:after { + content: ""; + padding-bottom: 100%; + display: inline-block; + vertical-align: top; + } + img { + width: 95%; + height: 95%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + object-fit: contain; + margin: auto; + } + input[type="checkbox"] { + opacity: 0; + } + .as-count { + position: absolute; + border-radius: 8px; + top: 3px; + right: 3px; + font-size: 12px; + font-weight: 500; + background: $white; + border: 1px solid $gray-300; + padding: 2px 5px; + } + } + } + + // Star List + .as-aside-star-list { + label { + font-weight: normal; + } + .as_rating_attr { + padding-left: 8px; + > span { + padding-right: 5px; + } + .fa { + color: $warning; + &:before { + content: "\f005"; + } + ~ .fa { + display: none; + } + } + } + } + + /* offcanvas Sidebar + ------------------------------*/ + #o_wsale_offcanvas { + + .accordion-item { + border-bottom: 1px solid $gray-300 !important; + } + .accordion-header { + .o_wsale_offcanvas_title { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + border-top: none !important; + font-weight: 500; + letter-spacing: 2px; + text-transform: uppercase; + b { + font-weight: 500; + } + &:after { + content: "\e8b1"; + background-color: none; + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-size: 15px; + transform: rotate(0deg) !important; + width: 25px !important; + height: 25px !important; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + &:not(.collapsed) { + &:after { + content: "\e897"; + } + } + } + } + .accordion-body { + padding: 0 0 15px ; + } + .list-group-item { + padding: 0; + } + .form-check { + .form-check-label { + font-weight: 400; + } + } + #o_wsale_price_range_option { + border-top: none !important; + padding: 15px !important; + label { + padding: 0 !important; + margin: 0 !important; + } + } + + .form-check-input[type="radio"], + .form-check-input[type="checkbox"] { + border-radius: 0 !important; + border-color: $black; + &:checked { + background-color: $black; + border-color: $black; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); + } + } + + } + + /* Color Variant + ------------------------------*/ + .as-variant-product-card { + .as-vp-body { + padding-top: 8px; + .as-vp-title { + margin: 0 !important; + padding-bottom: 5px; + font-size: 15px; + a { + color: var(--dark); + text-decoration: none; + &:hover { + color: var(--primary); + } + } + } + .product_price { + margin: 0 !important; + h3 { + color: var(--primary); + font-size: 14px; + } + } + } + } + + .as-shop-load-more { + .btn-primary { + border-radius: 0; + background: $white; + color: $black; + text-transform: uppercase; + font-size: 13px; + letter-spacing: 2px; + font-weight: 600; + border: 1px solid $black; + &:hover { + background: $black; + color: $white; + } + } + } + +} diff --git a/theme_alan/static/src/scss/shop/shop.scss b/theme_alan/static/src/scss/shop/shop.scss new file mode 100644 index 000000000..ee5ff4854 --- /dev/null +++ b/theme_alan/static/src/scss/shop/shop.scss @@ -0,0 +1,781 @@ +/* Product Label +------------------------------*/ +.as-ribbon-wrpa { + position: absolute; + top: 0; + left: 0; + z-index: 1; + .ribbon-style-1 { + position: relative; + top: 6px; + left: 6px; + &:after { + content: ""; + position: absolute; + top: 0px; + right: -6px; + border-bottom: 6px solid $dark; + border-right: 6px solid transparent; + } + span { + background-color: $primary; + color: $white; + padding: 5px 12px; + position: relative; + display: inline-block; + vertical-align: top; + text-align: center; + font-weight: 500; + box-shadow: 3px 3px 5px 0 rgba($black, 0.15); + font-size: 12px; + line-height: 1; + } + } + + .ribbon-style-2 { + position: relative; + top: 10px; + left: 10px; + padding: 1px; + border-radius: 40px; + background-color: $primary; + span { + padding: 3px 7px 3px 15px; + position: relative; + display: flex; + text-align: center; + font-weight: 500; + font-size: 12px; + border: 1px dashed currentColor; + border-radius: 40px; + line-height: 1; + color: $white; + &:after { + content: ""; + position: absolute; + top: 0; + left: 6px; + bottom: 0; + margin: auto; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 50%; + } + } + } + .ribbon-style-3 { + position: relative; + top: 10px; + left: 10px; + z-index: 1; + box-shadow: -3px 2px 4px 0 rgba($dark, 0.1); + color: $primary; + &:before, + &:after { + content: ""; + position: absolute; + width: 10px; + right: -2px; + z-index: -1; + background: currentColor; + } + &:before { + top: 0; + bottom: 0; + transform: skew( -33deg, 0deg); + } + &:after { + bottom: 0; + top: 0; + transform: skew( 33deg, 0deg); + } + span { + background-color: $primary; + color: $white; + display: flex; + text-align: center; + font-weight: 500; + font-size: 12px; + line-height: 23px; + padding-left: 10px; + padding-right: 10px; + position: relative; + text-transform: uppercase; + } + } + .ribbon-style-4 { + position: relative; + top: 0; + left: 0; + z-index: 1; + overflow: hidden; + width: 100px; + height: 100px; + span { + background-color: $primary; + color: $white; + display: inline-block; + text-align: center; + font-weight: 500; + font-size: 12px; + line-height: 28px; + padding-left: 10px; + padding-right: 10px; + text-transform: uppercase; + transform: rotate(-45deg); + width: 140px; + position: relative; + top: 24px; + left: -32px; + } + } + .ribbon-style-5 { + margin: 13px 0 0 0; + span { + background-color: $primary; + color: $white; + position: relative; + padding: 6px 19px 6px 12px; + display: inline-block; + margin: 0; + font-weight: 500; + font-size: 13px; + text-transform: uppercase; + letter-spacing: 1px; + i { + margin-right: 5px; + } + } + } +} + + +.as_product_rating { + .rating-count { + position: relative; + padding-left: 6px; + margin-left: 6px; + &:after { + content: ""; + position: absolute; + top: 0; + left: 0; + height: 10px; + width: 1px; + background: $gray-600; + bottom: 0; + margin: auto; + } + } +} + + +/* Buttons Icons +------------------------------*/ +.o_wsale_products_grid_table_wrapper { + .oe_product { + .o_wsale_product_btn, + .as-product-card-actions { + .fa { + font-family: 'feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + .fa-eye { + &:before { + content: "\e86a"; + } + } + .fa-search { + &:before { + content: "\e855"; + } + } + .fa-heart { + &:before { + content: "\e879"; + } + } + .fa-exchange { + &:before { + content: "\e8b6"; + } + } + .fa-shopping-cart { + &:before { + content: "\e905"; + } + } + } + + } +} + + +/* Product Hover Image +------------------------------*/ +.o_wsale_products_grid_table_wrapper { + .oe_product { + .as-hover-image { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; + transition: ease all 0.35s; + img { + width: 100%; + height: 100%; + object-fit: var(--o-wsale-card-thumb-fill-mode, contain); + } + } + .oe_product_image_link { + &:hover { + .as-hover-image { + opacity: 1; + } + } + } + .oe_product_image { + height: auto !important; + } + } +} + + +/* Color variant +------------------------------*/ +#products_grid { + .oe_product { + .as-color-variant { + li { + &:nth-child(3) { + ~ li { + display: none !important; + } + } + } + } + } +} + + + +/* Shop Topbar +------------------------------*/ +#products_grid { + .btn-toolbar { + .o_wsale_apply_layout { + .btn { + width: 45px; + height: 45px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + &.active { + box-shadow: none; + background: $primary !important; + color: $white !important; + border-color: $primary !important; + } + } + } + button[data-bs-target="#o_wsale_offcanvas"] { + width: 45px; + height: 45px; + padding: 0; + } + + @include media-breakpoint-down(lg) { + flex-wrap: wrap !important; + div.d-flex { + &.align-items-center.me-auto { + order: 12; + width: 100%; + flex: 0 0 100%; + } + } + } + } +} + + + +/* Catagory Slider +------------------------------*/ +.as-aside-color-list { + .css_attribute_color { + position: relative; + padding: 0 !important; + &.accordion-body { + padding: 0 !important; + #o_wsale_offcanvas & { + padding: 0 !important; + } + } + .as-count { + position: absolute; + top: -100%; + right: -6px; + background: $white; + color: $dark; + padding: 3px 6px; + border: 1px solid $gray-300; + border-radius: 5px; + opacity: 0; + pointer-events: none; + box-shadow: $box-shadow-sm; + font-size: 12px; + min-width: 36px; + margin-top: -4px; + font-weight: 400; + &:after { + content: ""; + border-top: 5px solid $gray-300; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + position: absolute; + bottom: -5px; + left: 0; + right: 0; + width: 0px; + margin: auto; + } + } + &:hover { + .as-count { + opacity: 1; + } + } + } +} + + +/* Catagory Slider +------------------------------*/ +#products_grid { + .o_wsale_filmstip_wrapper { + width: 100%; + .swiper-button-prev, + .swiper-button-next { + width: 20px; + height: 100%; + position: absolute; + top: 0; + margin: 0; + background-color: $white !important; + opacity: 0 !important; + box-shadow: 0 0px 18px -4px rgba($dark, 0.2); + z-index: 2; + display: inline-flex; + align-items: center; + justify-content: center; + color: $dark; + font-size: 20px; + transition: ease all 0.35s; + &:after { + display: none; + } + &.swiper-button-lock { + display: none !important; + } + &:hover { + &:not(.swiper-button-disabled) { + color: $primary; + } + } + } + .swiper-button-prev { + left: 0; + } + .swiper-button-next { + right: 0; + } + .o_wsale_filmstip { + &:hover { + .swiper-button-prev, + .swiper-button-next { + opacity: 1 !important; + &.swiper-button-disabled { + opacity: 0.5 !important; + } + } + } + } + } +} + + +/* Stock +------------------------------*/ +#products_grid_before { + .as-product-stock { + a { + padding-left: 38px; + position: relative; + &:after { + content: ""; + width: 15px; + height: 16px; + background: $gray-500; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + bottom: 0; + margin: auto; + transition: ease all 0.35s; + } + &:before { + content: ""; + width: 30px; + height: 12px; + background: $gray-300; + position: absolute; + left: 0; + top: 0; + bottom: 0; + margin: auto; + border-radius: 10px; + } + &.active { + &:after { + left: 16px; + background: $primary; + } + } + } + } +} + +/* Static Snippet +------------------------------*/ +#products_grid_before { + .products_attributes_filters { + .oe_structure { + .container { + padding-right: 15px; + padding-left: 15px; + } + } + } +} + + + +/* Ajax Loading +------------------------------*/ +#products_grid { + .as_ajax_product_load { + margin: 0; + padding: 0; + font-size: 0px; + } +} + +.as-shop-load-more { + text-align: center; + padding-top: 30px; + padding-bottom: 30px; + .all_loaded { + display: inline-block; + background: $gray-200; + padding: 10px 22px; + text-transform: uppercase; + color: $black; + border: 1px solid $gray-200; + } +} + + +/* Offcanvas Categories +------------------------------*/ +#o_wsale_offcanvas_categories { + .nav-item { + .accordion-header { + > .form-check { + flex: 1; + } + .accordion-button { + width: 30px; + } + } + } +} + +/* Shop Filter +------------------------------*/ +.as-shop-top-filter { + @include media-breakpoint-down(lg) { + ul { + white-space: nowrap; + overflow-y: auto; + margin-bottom: 10px; + padding-bottom: 10px; + flex-wrap: nowrap; + } + } +} + + +/* Variant Product Popup +------------------------------*/ +.as-color-product-modal { + .modal-content { + border: none; + border-radius: 0; + box-shadow: none; + } +} + +.shop-breadcrumbs { + border-bottom: 1px solid $gray-300; + background: $gray-100; + .breadcrumb { + font-size: 13px; + text-transform: uppercase; + margin: 0; + padding: 15px 0; + a { + color: $black; + } + } +} + + +/* Common Shop for All Sttle +------------------------------*/ + +@if o-website-value('shop-template')=='alan_shop0', 'alan_shop1', 'alan_shop2', 'alan_shop3', 'alan_shop4', 'alan_shop5', 'alan_shop6' { + + .o_wsale_products_grid_before_rail { + scrollbar-width: thin; + scrollbar-color: $gray-400 $white; + } + + + .o_wsale_products_grid_before_rail::-webkit-scrollbar { + width: 10px; + } + + .o_wsale_products_grid_before_rail::-webkit-scrollbar-track { + background: $white; + } + + .o_wsale_products_grid_before_rail::-webkit-scrollbar-thumb { + background-color: $gray-400; + border-radius: 10px; + border: 3px solid $white; + } + + .as-aside-scroll { + max-height: 300px; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: $gray-400 $white; + } + + .as-aside-scroll::-webkit-scrollbar { + width: 10px; + } + + .as-aside-scroll::-webkit-scrollbar-track { + background: $white; + } + + .as-aside-scroll::-webkit-scrollbar-thumb { + background-color: $gray-400; + border-radius: 10px; + border: 3px solid $white; + } + + #wrapwrap.as_shop_page { + #wrap { + > .oe_website_sale { + @include media-breakpoint-up(lg) { + padding-top: 30px !important; + } + } + } + } + + // Product Card List View + #products_grid { + &.o_wsale_layout_list { + .oe_product { + .oe_product_image { + flex: 0 0 28%; + max-width: 28%; + width: inherit; + min-width: inherit; + @include media-breakpoint-down(lg) { + flex: 0 0 40%; + max-width: 40%; + } + } + .o_wsale_product_information { + flex: 1 !important; + } + } + } + } + + // Categories List + .wsale_products_categories_list { + .nav-item { + .accordion-header { + .form-check { + flex: 1; + } + .accordion-button { + height: 20px; + width: 20px !important; + flex: 0 0 20px !important; + margin: 0 !important; + &:after { + background-size: 0.7rem; + background-position: center; + } + } + } + } + } + + #products_grid_before { + .js_attributes { + .accordion-item { + .accordion-button { + background: none; + box-shadow: none; + border-radius: 0; + } + } + } + } + + #o_wsale_offcanvas { + .accordion-flush { + .accordion-item { + border: none; + } + } + } + + + // Shop Filter + .as-shop-top-filter { + ul { + display: flex; + flex-wrap: wrap; + list-style: none; + margin: 0; + padding: 0; + gap: 6px; + } + .as-clear-filter-all { + a { + display: flex; + align-items: center; + background-color: rgba($danger, 0.1); + border: 1px solid rgba($danger, 0.1); + padding: 5px 10px; + line-height: 1.2; + font-size: 14px; + cursor: pointer; + color: $danger; + text-decoration: none; + &:hover { + background-color: $danger; + border: 1px solid $danger; + color: $white; + } + b { + margin-left: 5px; + } + } + } + .as-clear-filter { + display: flex; + align-items: center; + background-color: $gray-100; + border: 1px solid $gray-300; + padding: 5px 10px; + line-height: 1.2; + font-size: 14px; + cursor: pointer; + &:hover { + background-color: $primary; + border: 1px solid $primary; + color: $white; + } + b { + margin-left: 5px; + } + } + } + + //offcanvas Sidebar + #o_wsale_offcanvas { + .accordion-header { + .o_wsale_offcanvas_title { + padding: 15px; + margin: 0 !important; + color: $dark; + font-size: 15px; + cursor: pointer; + background: none; + &:after { + content: "\e842"; + background: none; + font-family: 'feather' !important; + text-transform: none; + line-height: 1; + font-size: 20px; + transform: rotate(0deg) !important; + width: 20px !important; + height: 20px !important; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + margin: auto; + } + &:not(.collapsed) { + &:after { + content: "\e844"; + } + } + } + } + .accordion-body { + padding: 15px; + } + .form-check { + .form-check-label { + font-weight: 400; + } + } + #o_wsale_price_range_option { + border-top: none !important; + padding: 15px !important; + label { + padding: 0 !important; + margin: 0 !important; + } + } + } + +} \ No newline at end of file diff --git a/theme_alan/static/src/xml/frame_static_snippets/banner/m_banner.xml b/theme_alan/static/src/xml/frame_static_snippets/banner/m_banner.xml new file mode 100644 index 000000000..e8bcb8301 --- /dev/null +++ b/theme_alan/static/src/xml/frame_static_snippets/banner/m_banner.xml @@ -0,0 +1,83 @@ + + + + +
+
+
+
+
Most Popular
+
Our Collection
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
Most Popular
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
Shop by Category
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
Shop by Category
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
Shop by Category
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/theme_alan/static/src/xml/frame_static_snippets/slider/m_slider.xml b/theme_alan/static/src/xml/frame_static_snippets/slider/m_slider.xml new file mode 100644 index 000000000..c8883604a --- /dev/null +++ b/theme_alan/static/src/xml/frame_static_snippets/slider/m_slider.xml @@ -0,0 +1,1288 @@ + + + +
+
+
+
+
+

New Arriavl

+
Get Up to 50% OFF
+ More Offer +
+
+
+
+
+ + +
+
+
+
+
+

New Arriavl

+

Diamond Rings

+
+ Shop Now +
+
+
+
+ + +
+
+
+
+
+
+

New Arriavl

+
Get Up to 50% OFF
+
+
+
+ Shop Now +
+
+
+
+ + +
+
+
+
+
+

New Arriavl

+
Get Up to 50% OFF
+ More Offer +
+
+
+
+
+ + +
+
+ + +
+
+
+
+
+ +
+
Fast & Free Shipping
+

For all Orders over $99

+
+
+
+
+
+ +
+
Expert Customer Service
+

For a shopping experience

+
+
+
+
+
+ +
+
Amazing Value
+

We Offer competitive price

+
+
+
+
+
+ +
+
Safe Payment
+

100% Secure payments

+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
Fast & Free Shipping
+

For all Orders over $99

+
+
+
+
+
+ +
+
Expert Customer Service
+

For a shopping experience

+
+
+
+
+
+ +
+
Amazing Value
+

We Offer competitive price

+
+
+
+
+
+ +
+
Safe Payment
+

100% Secure payments

+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
Lorem Ipsum
+

Designer

+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+ + + + + +
+ +
+
+
+
+
+
+ + +
+
+
+
+
+
SUMMER 2022
+

NEW ARRIVALS

+
+
+
+
+
+ + +
+
+
+
+

New Arrivals

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ Shop Now +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+
+
Popular Collection
+ Explore More +
+
+
+
+
+ + +
+
+
+
+ Look Book 2022 +
+
+
+
+ NEW ARRIVALS +

Spring Summer Collection

+
Get Up to 50% OFF
+ Shop Now +
+
+
+
+ Accessories +
+
+
+
+ + +
+
+
+
+
+ Spring Summer Offer Flat 50% OFF +
+
+
+
+ Spring Summer Offer Flat 50% OFF +
+
+
+
+ Spring Summer Offer Flat 50% OFF +
+
+
+
+
+ + +
+
+
+
+
Spring Summer Offer Flat 50% OFF
+
+
+ +
+
+
+
+ + +
+
+
+
+
+
Trending Our Best Category
+

Donec sed odio dui. Fusce dapibus tell commodo, tortor mauris co entum nibh massa justo.

+
+ Shop Now +
+
+
+
+
+
+ + +
+
+
+
+
+
New Arrivals
+ Shop Man + Shop Women +
+
+
+
+
+ + +
+
+
+
+
+ +
+
New Arrivals
+

Lorem ipsum dolor sit consectetur adipis

+ Explore Now +
+
+
+
+
+
+ + +
+
+
+
+
+ +
Kitchen
+
+
+
+
+ +
Kitchen
+
+
+
+
+ +
Kitchen
+
+
+
+
+ +
Kitchen
+
+
+
+
+ +
Kitchen
+
+
+
+
+ +
Kitchen
+
+
+
+
+
+ + +
+
+
+
+
+ +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+ +
+
+
Lorem Ipsum
+

Artist

+
+
+
+
+
+
+
+ + +
+
+
+
+
+ +

Popular Categories

+ Explore More +
+
+
+
+
+ + +
+
+
+
+
+ +

SALE 75% OFF

+
+
+
+
+
+ + +
+
+
+
+
+
+

New Arrivals

+
+ + +
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+

Popular
Categories

+ +
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
#Shop For Her
+
+
+ Explore More +
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+

High Quality

+

Lorem ipsum dolor sit consectetur adipisicing xpedita dicta amet olor

+
+
+
+
+
+
+ +
+
+

Purity and Finenes

+

Lorem ipsum dolor sit consectetur adipisicing xpedita dicta amet olor

+
+
+
+
+
+
+ +
+
+

Classic Design

+

Lorem ipsum dolor sit consectetur adipisicing xpedita dicta amet olor

+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+ Best Seller +
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
Ear Stack Magic
+

Lorem ipsum dolor sit consectetur adipis

+
+ Explore Now +
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
Comlimentry Shipping & Returns
+

+ Lorem ipsum dolor sit consectetur adipisicing xpedita dicta amet olor ut. +

+
+
+
+
+
+
At Your Services
+

+ Lorem ipsum dolor sit consectetur adipisicing xpedita dicta amet olor ut. +

+
+
+
+
+
+
The Iconic Box Packing
+

+ Lorem ipsum dolor sit consectetur adipisicing xpedita dicta amet olor ut. +

+
+
+
+
+
+ +
+
+
+
+ + +
+
+
+
+
+ +
+ Choose Your Favorite +
Trending
Categories
+
+
+ Explore All Categories +
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
Diamond Jewelry
 +

Wear to Work Collection

+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+ Special Offer +
Sale up to 40%
+ Explore More +
+
+
+
+
+
+ + +
+
+
+
+
+ +
+ Special Offer +
Trending Our Best Category
+

Donec sed odio dui. Fusce dapibus tell commodo, tortor mauris co entum nibh massa justo.

+ View More +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + + + + +
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+ +
+
+
Lorem Ipsum
+

Artist

+
+
+
+
+
+
+
+ + +
+
+
+
+
+

Special Offer

+

Sale up to 60%

+

Lorem Ipsum is simply dummy text of the

+
+ Explore More +
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
Make Your
Home Smart
+
+
+ Explore More +
+
+
+
+
+
+ + +
+
+
+
+
+
+

Beauty Beyond the Visual

+

Find X2 series features a simple, tangible elegance that takes off the edge. With smoothed curves that fit perfectly in your hand, this is a beauty you can feel from your eyes to your fingertips

+
+
+
+
+ +
+
+
up to 5GB
+

RAM Expansion

+
+
+
+
+
+
+ +
+
+
48MP + 12MP
+

Versatile Triple Camera

+
+
+
+
+
+
+ +
+
+
5000mAh
+

Long-Lasting Battery

+
+
+
+
+
+
+ +
+
+
33W
+

SUPERVOOCTM

+
+
+
+
+
+
+ +
+
+
120Hz
+

ultra-high refresh rate1

+
+
+
+
+
+
+ +
+
+
Ultra-Linear
+

Stereo Speaker

+
+
+
+
+
+
+ +
+
+
Snapdragon 865
+

Performance of a Lifetime

+
+
+
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
+
+
BURBERRY 90ml
+
+
+

10% OFF

+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ +

Our Customer’s Love

+

Over 10,000 Reviews

+ Explore All Reviews +
+
+
+
+
+ + +
+
+
+
+
+ +
+
+
+
New Arrivals
+

Intensive Glow
C+ Serum

+
+ Explore More +
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ Cleanser +
+
+
+
+ Moisturizer +
+
+
+
+ Serum +
+
+
+
+ Toner +
+
+
+
+ Make up Removal +
+
+
+
+ SHop all +
+
+
+
+
+ +
+
+
Sale
50% OFF
+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Sale upto

+
50% OFF
+
+
+ +
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
Sofa & Chair
+

Perfect Solution For Your Home

+
+ Shop Now +
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
+
+

Exclusive Collection

+

Slope Leather Bar &
Counter Stools

+
+ Shop Now +
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ +
+
+
+
Sale up to 50% OFF
+

Black Friday

+

Hurry up - limited time offer

+
+ Shop Now +
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
Handpicked Collection
+

Spring Collection 2022

+
+
+
Shop Now
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+

- Wear to Work Collection

+

Look at our
New Collection

+
+ Shop Now +
+
+
+
+
+
+
+ + +
+
+
+
+
+

Trending Our Best Products

+
+ Shop Now +
+
+
+
+
+
+ + +
+
+
+
+
+

+
+ Shop Now +
+
+
+
+
+
+ + +
+
+
+
+
+
+

Latest Collection 2022

+

Summer Drop Every Week

+

We combine interior and Exterior Design services and often provide theme as a single solution.

+
+ Shop For Men + Shop For Women +
+
+
+
+
+
+
+ + +
+
+
+
+
+

Nivea Anti Age

+

Sale Upto 30% OFF

+
+ Explore Now +
+
+
+
+
+
+ + +
+
+
+
+
+

Special Offer

+

Sale up to 50%

+

Lorem Ipsum is simply dummy text of the

+
+ Explore Now +
+
+
+
+
+
+ + +
+
+
+
+
+

Wear to Work Collection

+

Look at our
New Collection

+
+ Explore Now +
+
+
+
+
+
+ + +
+
+
+
+
+

Apple Configurator

+

Apple Configurator is a macOS app that makes it easy to deploy iPad, iPhone, iPod touch, and Apple TV devices in your school or business.

+
+
+
+ +
+
+
Apple Configurator
+

quickly and easily configure All Device.

+
+
+
+
+ +
+
+
Activate devices without an internet
+

configuration without Wi-Fi or cellular networks.

+
+
+
+
+ +
+
+
Customize Configuration
+

MDM enrollment to distribute the App Store.

+
+
+
+
+
+
+
+
+ + diff --git a/theme_alan/static/src/xml/mixins/search_bar.xml b/theme_alan/static/src/xml/mixins/search_bar.xml new file mode 100644 index 000000000..fdb631368 --- /dev/null +++ b/theme_alan/static/src/xml/mixins/search_bar.xml @@ -0,0 +1,99 @@ + + + +
+ +
+
+ + + + + + + + + + + + + + + + + + + +
+ No results found. Please try another search. +
+ All Products +
+
+ + Categories: +
+ + + +
+ + Brands: +
+ + + +
+ + Products: + +
+ + + + +
+ + +
+

+ + +

+ +
+ + + + +
+ + + + + +
+ + +
+ +
+ + + + +
+ \ No newline at end of file diff --git a/theme_alan/static/src/xml/searchbar.xml b/theme_alan/static/src/xml/searchbar.xml new file mode 100644 index 000000000..33d6ee388 --- /dev/null +++ b/theme_alan/static/src/xml/searchbar.xml @@ -0,0 +1,8 @@ + + + + + result['detail'] and !parts['is_b2b_mode'] + + + \ No newline at end of file diff --git a/theme_alan/static/src/xml/templates.xml b/theme_alan/static/src/xml/templates.xml new file mode 100644 index 000000000..694ceac8e --- /dev/null +++ b/theme_alan/static/src/xml/templates.xml @@ -0,0 +1,112 @@ + + + + + +
+
+ +
+
+
+
+
+ + + + +
+
+
+ +
+
+
+ +
+
+ + + + + + + + + + +
+
+
+ Image + Image +
+
+ +
+ + Chair +
+ +

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum text...

+ + + Show Now +
+
+
+ + + + +
+
+ + + + + + + + + + + + + + + + + +
Language CodeLanguage NameCustom Translation
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + \ No newline at end of file diff --git a/theme_alan/static/src/xml/website_builder/templates/about.xml b/theme_alan/static/src/xml/website_builder/templates/about.xml new file mode 100644 index 000000000..04c74d55e --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/about.xml @@ -0,0 +1,2364 @@ + + + + +
+
+
+ +
+
+ +
About 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 18
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 19
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 20
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 21
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 22
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 24
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 25
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 26
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 27
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 28
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 29
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 30
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 31
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 32
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 33
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 34
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 35
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 36
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 37
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 38
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 39
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 40
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 41
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 42
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 43
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 44
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 45
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 46
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 47
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 48
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 49
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 50
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 51
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 52
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 53
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 54
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 55
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 56
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 57
+ +
+
+
+ + +
+
+
+ +
+
+ +
About 58
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/banner.xml b/theme_alan/static/src/xml/website_builder/templates/banner.xml new file mode 100644 index 000000000..1e063d709 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/banner.xml @@ -0,0 +1,1090 @@ + + + + + +
+
+
+ +
+
+ +
Banner 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 18
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 19
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 20
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 21
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 22
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 24
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 25
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 26
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 27
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 28
+ +
+
+
+ + +
+
+
+ +
+
+ +
Banner 29
+ +
+
+
+ + + diff --git a/theme_alan/static/src/xml/website_builder/templates/call_to_action.xml b/theme_alan/static/src/xml/website_builder/templates/call_to_action.xml new file mode 100644 index 000000000..4d0cf9543 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/call_to_action.xml @@ -0,0 +1,881 @@ + + + + + +
+
+
+ +
+
+ +
CTA 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 18
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 19
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 20
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 21
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 22
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 24
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 25
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 26
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 27
+ +
+
+
+ + +
+
+
+ +
+
+ +
CTA 28
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/category.xml b/theme_alan/static/src/xml/website_builder/templates/category.xml new file mode 100644 index 000000000..2d40d80af --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/category.xml @@ -0,0 +1,1749 @@ + + + + + +
+
+
+ +
+
+ +
Category 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 18
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 19
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 20
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 21
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 22
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
Category 24
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/collection.xml b/theme_alan/static/src/xml/website_builder/templates/collection.xml new file mode 100644 index 000000000..354b3aba3 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/collection.xml @@ -0,0 +1,697 @@ + + + + + +
+
+
+ +
+
+ +
Collection 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Collection 13
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/contact_us.xml b/theme_alan/static/src/xml/website_builder/templates/contact_us.xml new file mode 100644 index 000000000..d905385f4 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/contact_us.xml @@ -0,0 +1,172 @@ + + + + + +
+
+
+ +
+
+ +
Contact 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Contact 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Contact 3
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/features.xml b/theme_alan/static/src/xml/website_builder/templates/features.xml new file mode 100644 index 000000000..3b6075139 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/features.xml @@ -0,0 +1,1677 @@ + + + + + +
+
+
+ +
+
+ +
Feature 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 18
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 19
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 20
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 21
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 22
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 24
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 25
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 26
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 27
+ +
+
+
+ + +
+
+
+ +
+
+ +
Feature 28
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/homepage.xml b/theme_alan/static/src/xml/website_builder/templates/homepage.xml new file mode 100644 index 000000000..7a8c3ce4e --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/homepage.xml @@ -0,0 +1,531 @@ + + + + + +
+
+
+ +
+
+ +
Main Home
+ +
+
+
+ + +
+
+
+ +
+
+ +
Teeth Care
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/our_client.xml b/theme_alan/static/src/xml/website_builder/templates/our_client.xml new file mode 100644 index 000000000..8cd687b64 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/our_client.xml @@ -0,0 +1,90 @@ + + + + + +
+
+
+ +
+
+ +
Client 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Client 2
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/our_team.xml b/theme_alan/static/src/xml/website_builder/templates/our_team.xml new file mode 100644 index 000000000..13d1dbd17 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/our_team.xml @@ -0,0 +1,966 @@ + + + + + +
+
+
+ +
+
+ +
Team 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Team 11
+ +
+
+
+ + + diff --git a/theme_alan/static/src/xml/website_builder/templates/portfolio.xml b/theme_alan/static/src/xml/website_builder/templates/portfolio.xml new file mode 100644 index 000000000..3a77a1ebc --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/portfolio.xml @@ -0,0 +1,522 @@ + + + + + +
+
+
+ +
+
+ +
Portfolio 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Portfolio 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Portfolio 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Portfolio 4
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/price_table.xml b/theme_alan/static/src/xml/website_builder/templates/price_table.xml new file mode 100644 index 000000000..2297f1ba9 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/price_table.xml @@ -0,0 +1,369 @@ + + + + + +
+
+
+ +
+
+ +
Price Table 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Price Table 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Price Table 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Price Table 4
+ +
+
+
+ + + diff --git a/theme_alan/static/src/xml/website_builder/templates/promotion.xml b/theme_alan/static/src/xml/website_builder/templates/promotion.xml new file mode 100644 index 000000000..d144dccad --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/promotion.xml @@ -0,0 +1,416 @@ + + + + + +
+
+
+ +
+
+ +
Promotion 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Promotion 11
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/services.xml b/theme_alan/static/src/xml/website_builder/templates/services.xml new file mode 100644 index 000000000..eeff04dd7 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/services.xml @@ -0,0 +1,1314 @@ + + + + + +
+
+
+ +
+
+ +
Services 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
Services 18
+ +
+
+
+ + + diff --git a/theme_alan/static/src/xml/website_builder/templates/shop_banner.xml b/theme_alan/static/src/xml/website_builder/templates/shop_banner.xml new file mode 100644 index 000000000..f41f49088 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/shop_banner.xml @@ -0,0 +1,2792 @@ + + + + + +
+
+
+ +
+
+ +
Shop Banner 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 18
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 19
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 20
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 21
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 24
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 25
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 26
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 27
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 28
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 29
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 30
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 31
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 32
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 33
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 34
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 35
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 36
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 37
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 38
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 39
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 40
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 41
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 42
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 43
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 44
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 45
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 46
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 47
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 48
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 49
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 50
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 51
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 52
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 53
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 54
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 55
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 56
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 57
+ +
+
+
+ + +
+
+
+ +
+
+ +
Shop Banner 58
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/sliders.xml b/theme_alan/static/src/xml/website_builder/templates/sliders.xml new file mode 100644 index 000000000..3022d7206 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/sliders.xml @@ -0,0 +1,3523 @@ + + + + + +
+
+
+ +
+
+ +
Slider 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 18
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 19
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 20
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 21
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 22
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 23
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 24
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 25
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 26
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 27
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 28
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 29
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 30
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 31
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 32
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 33
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 34
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 35
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 36
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 37
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 38
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 39
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 40
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 41
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 42
+ +
+
+
+ + +
+
+
+ +
+
+ +
Responsive Slider
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 44
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 45
+ +
+
+
+ + +
+
+
+ +
+
+ +
Slider 46
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/sliders_x.xml b/theme_alan/static/src/xml/website_builder/templates/sliders_x.xml new file mode 100644 index 000000000..099b3b31b --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/sliders_x.xml @@ -0,0 +1,323 @@ + + + + +
+
+
+ +
+
+ +
Slider
+ +
+
+
+ + + + +
+
+
+ +
+
+ +
Features
+ +
+
+
+ + + + +
+
+
+ +
+
+ +
Title
+ +
+
+
+ + + + +
+
+
+ +
+
+ +
Shop Banner
+ +
+
+
+ + + + +
+
+
+ +
+
+ +
Shop Banner 02
+ +
+
+
+ + + +
+
+
+ +
+
+ +
Border Bottom
+ +
+
+
+ + + + + +
+
+
+ +
+
+ +
Shop Heading
+ +
+
+
+ + + + + diff --git a/theme_alan/static/src/xml/website_builder/templates/subscribe_newsletter.xml b/theme_alan/static/src/xml/website_builder/templates/subscribe_newsletter.xml new file mode 100644 index 000000000..1499d1bee --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/subscribe_newsletter.xml @@ -0,0 +1,295 @@ + + + + + +
+
+
+ +
+
+ +
Newsletter 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Newsletter 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Newsletter 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Newsletter 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Newsletter 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Newsletter 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Newsletter 7
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/testimonial.xml b/theme_alan/static/src/xml/website_builder/templates/testimonial.xml new file mode 100644 index 000000000..ce5ed9d99 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/testimonial.xml @@ -0,0 +1,1137 @@ + + + + + +
+
+
+ +
+
+ +
Testimonial 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 5
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 6
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 7
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 8
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 9
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 10
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 11
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 12
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 13
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 14
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 15
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 16
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 17
+ +
+
+
+ + +
+
+
+ +
+
+ +
Testimonial 18
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/templates/title_section.xml b/theme_alan/static/src/xml/website_builder/templates/title_section.xml new file mode 100644 index 000000000..574b8f048 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/title_section.xml @@ -0,0 +1,242 @@ + + + + + +
+
+
+ +
+
+ +
Title 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Title 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Title 3
+ +
+
+
+ + +
+
+
+ +
+
+ +
Title 4
+ +
+
+
+ + +
+
+
+ +
+
+ +
Title 5
+ +
+
+
+ + + +
+
+
+ +
+
+ +
Title 6
+ +
+
+
+ + + +
+
+
+ +
+
+ +
Title 7
+ +
+
+
+ + + +
+
+
+ +
+
+ +
Title 8
+ +
+
+
+ + + +
+
+
+ +
+
+ +
Title 9
+ +
+
+
+ + + +
+
+
+ +
+
+ +
Title 10
+ +
+
+
+ + + diff --git a/theme_alan/static/src/xml/website_builder/templates/video_popup.xml b/theme_alan/static/src/xml/website_builder/templates/video_popup.xml new file mode 100644 index 000000000..e5e905a8b --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/templates/video_popup.xml @@ -0,0 +1,105 @@ + + + + + +
+
+
+ +
+
+ +
Video 1
+ +
+
+
+ + +
+
+
+ +
+
+ +
Video 2
+ +
+
+
+ + +
+
+
+ +
+
+ +
Video 3
+ +
+
+
+ + diff --git a/theme_alan/static/src/xml/website_builder/website_builder.xml b/theme_alan/static/src/xml/website_builder/website_builder.xml new file mode 100644 index 000000000..aec6946e6 --- /dev/null +++ b/theme_alan/static/src/xml/website_builder/website_builder.xml @@ -0,0 +1,1686 @@ + + + +
+
+
+
+
    + +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + +
+
+
+
+ +
+ + + + + + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+ + diff --git a/theme_alan/views/headers_footers/footer.xml b/theme_alan/views/headers_footers/footer.xml new file mode 100644 index 000000000..5dee03674 --- /dev/null +++ b/theme_alan/views/headers_footers/footer.xml @@ -0,0 +1,1305 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/headers_footers/header.xml b/theme_alan/views/headers_footers/header.xml new file mode 100644 index 000000000..fee8182ac --- /dev/null +++ b/theme_alan/views/headers_footers/header.xml @@ -0,0 +1,1264 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/headers_footers/options.xml b/theme_alan/views/headers_footers/options.xml new file mode 100644 index 000000000..1459ee8aa --- /dev/null +++ b/theme_alan/views/headers_footers/options.xml @@ -0,0 +1,146 @@ + + + + + + + + + + diff --git a/theme_alan/views/mixins.xml b/theme_alan/views/mixins.xml new file mode 100644 index 000000000..bd209a268 --- /dev/null +++ b/theme_alan/views/mixins.xml @@ -0,0 +1,619 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/product/product.xml b/theme_alan/views/product/product.xml new file mode 100644 index 000000000..e78f04f45 --- /dev/null +++ b/theme_alan/views/product/product.xml @@ -0,0 +1,646 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/shop/shop.xml b/theme_alan/views/shop/shop.xml new file mode 100644 index 000000000..98a2a7c72 --- /dev/null +++ b/theme_alan/views/shop/shop.xml @@ -0,0 +1,672 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/shop/templates.xml b/theme_alan/views/shop/templates.xml new file mode 100644 index 000000000..697fb53b2 --- /dev/null +++ b/theme_alan/views/shop/templates.xml @@ -0,0 +1,284 @@ + + + + + + + + + + + + + diff --git a/theme_alan/views/snippets/s_blog_slider.xml b/theme_alan/views/snippets/s_blog_slider.xml new file mode 100644 index 000000000..37e0a0f02 --- /dev/null +++ b/theme_alan/views/snippets/s_blog_slider.xml @@ -0,0 +1,224 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/snippets/s_brand_product.xml b/theme_alan/views/snippets/s_brand_product.xml new file mode 100644 index 000000000..b05037686 --- /dev/null +++ b/theme_alan/views/snippets/s_brand_product.xml @@ -0,0 +1,146 @@ + + + + + + + + diff --git a/theme_alan/views/snippets/s_brand_slider.xml b/theme_alan/views/snippets/s_brand_slider.xml new file mode 100644 index 000000000..4e99df25e --- /dev/null +++ b/theme_alan/views/snippets/s_brand_slider.xml @@ -0,0 +1,177 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/snippets/s_category_product.xml b/theme_alan/views/snippets/s_category_product.xml new file mode 100644 index 000000000..beabd9c13 --- /dev/null +++ b/theme_alan/views/snippets/s_category_product.xml @@ -0,0 +1,150 @@ + + + + + + + + diff --git a/theme_alan/views/snippets/s_category_slider.xml b/theme_alan/views/snippets/s_category_slider.xml new file mode 100644 index 000000000..758477ca2 --- /dev/null +++ b/theme_alan/views/snippets/s_category_slider.xml @@ -0,0 +1,216 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/snippets/s_dynamic.xml b/theme_alan/views/snippets/s_dynamic.xml new file mode 100644 index 000000000..a06a7ec27 --- /dev/null +++ b/theme_alan/views/snippets/s_dynamic.xml @@ -0,0 +1,28 @@ + + + + + + + + + diff --git a/theme_alan/views/snippets/s_img_hotspot.xml b/theme_alan/views/snippets/s_img_hotspot.xml new file mode 100644 index 000000000..a54a4b419 --- /dev/null +++ b/theme_alan/views/snippets/s_img_hotspot.xml @@ -0,0 +1,124 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/theme_alan/views/snippets/s_megamenu.xml b/theme_alan/views/snippets/s_megamenu.xml new file mode 100644 index 000000000..6bbd36c5d --- /dev/null +++ b/theme_alan/views/snippets/s_megamenu.xml @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/snippets/s_product_banner.xml b/theme_alan/views/snippets/s_product_banner.xml new file mode 100644 index 000000000..7a93b0909 --- /dev/null +++ b/theme_alan/views/snippets/s_product_banner.xml @@ -0,0 +1,463 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/snippets/s_product_slider.xml b/theme_alan/views/snippets/s_product_slider.xml new file mode 100644 index 000000000..7abf18211 --- /dev/null +++ b/theme_alan/views/snippets/s_product_slider.xml @@ -0,0 +1,766 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_alan/views/snippets/s_website_builder.xml b/theme_alan/views/snippets/s_website_builder.xml new file mode 100644 index 000000000..d7ac65623 --- /dev/null +++ b/theme_alan/views/snippets/s_website_builder.xml @@ -0,0 +1,42 @@ + + + + + + + + + + + diff --git a/theme_alan/views/snippets/snippets.xml b/theme_alan/views/snippets/snippets.xml new file mode 100644 index 000000000..2e36bf0ca --- /dev/null +++ b/theme_alan/views/snippets/snippets.xml @@ -0,0 +1,8 @@ + + + + Theme Alan Searchbar + web.assets_frontend + theme_alan/static/src/xml/searchbar.xml + + \ No newline at end of file