CINXE.COM
Buy Sheglam products online at the best price in Lebanon | WAW BEAUTY
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--taxonomy--term--226.html.twig ▪️ html--taxonomy--term--%.html.twig ▪️ html--taxonomy--term.html.twig ▪️ html--taxonomy.html.twig ✅ html.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="Elevate your beauty game with SHEGLAM and Experience beauty in every shade available online to shop on waw beauty Lebanon at the best prices." /> <meta name="keywords" content="Sheglam, beauty, makeup, waw beauty, online, Lebanon" /> <meta name="robots" content="index, follow" /> <link rel="canonical" href="https://waw.beauty/brands/sheglam-226" /> <meta property="og:site_name" content="WAW Beauty" /> <meta property="og:url" content="https://waw.beauty/brands/sheglam-226" /> <meta property="og:title" content="Sheglam" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org); Commerce 2" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/maison/images/m_icon.ico" type="image/vnd.microsoft.icon" /> <title>Buy Sheglam products online at the best price in Lebanon | WAW BEAUTY</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_yp-B73HlB10rJPmE8AIyi1QTrnqxhFOfX8O4aaJNJ_U.css?delta=0&language=en&theme=maison&include=eJx1UFtyhDAMuxBsjpRxgoC0TszYpiw9fQOd7X71xyPLlvygD3pGFpqggd744atKStAhwR0a8dzEMMW5cE8tLGhQ4iEzmZ0hkeGFK8xogQ1ZWLQrwFO48XjjcRatdLmOdpDntTfWCs2ImdTDFWJiyZ_vwqYy7dmDovXtMI1dryXtfo9RhHZ5cvnGUKmYtJBE3FxpexGzNB_pgEn9a1pYEvFofnJpy4s1Ln32O5kguw8G0rxG2kqk3aWvtjEc4R9-sH2DzsXWUFrp8tMc9fdRXwWHhTs-aj-M8QN-k5ms" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_6nY1uT8ZGzVZM9uuev13DLea2wAfDtZgjTcR3Q5vbgU.css?delta=1&language=en&theme=maison&include=eJx1UFtyhDAMuxBsjpRxgoC0TszYpiw9fQOd7X71xyPLlvygD3pGFpqggd744atKStAhwR0a8dzEMMW5cE8tLGhQ4iEzmZ0hkeGFK8xogQ1ZWLQrwFO48XjjcRatdLmOdpDntTfWCs2ImdTDFWJiyZ_vwqYy7dmDovXtMI1dryXtfo9RhHZ5cvnGUKmYtJBE3FxpexGzNB_pgEn9a1pYEvFofnJpy4s1Ln32O5kguw8G0rxG2kqk3aWvtjEc4R9-sH2DzsXWUFrp8tMc9fdRXwWHhTs-aj-M8QN-k5ms" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_h1tX8ae3xnCSVoCNmPX60inJLWNMF6eFGHriSV9gjro.css?delta=2&language=en&theme=maison&include=eJx1UFtyhDAMuxBsjpRxgoC0TszYpiw9fQOd7X71xyPLlvygD3pGFpqggd744atKStAhwR0a8dzEMMW5cE8tLGhQ4iEzmZ0hkeGFK8xogQ1ZWLQrwFO48XjjcRatdLmOdpDntTfWCs2ImdTDFWJiyZ_vwqYy7dmDovXtMI1dryXtfo9RhHZ5cvnGUKmYtJBE3FxpexGzNB_pgEn9a1pYEvFofnJpy4s1Ln32O5kguw8G0rxG2kqk3aWvtjEc4R9-sH2DzsXWUFrp8tMc9fdRXwWHhTs-aj-M8QN-k5ms" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_hyTiFmSwAOC21SXWulD0T5Mn9XwBQXoCvh-ai4L1DJI.css?delta=3&language=en&theme=maison&include=eJx1UFtyhDAMuxBsjpRxgoC0TszYpiw9fQOd7X71xyPLlvygD3pGFpqggd744atKStAhwR0a8dzEMMW5cE8tLGhQ4iEzmZ0hkeGFK8xogQ1ZWLQrwFO48XjjcRatdLmOdpDntTfWCs2ImdTDFWJiyZ_vwqYy7dmDovXtMI1dryXtfo9RhHZ5cvnGUKmYtJBE3FxpexGzNB_pgEn9a1pYEvFofnJpy4s1Ln32O5kguw8G0rxG2kqk3aWvtjEc4R9-sH2DzsXWUFrp8tMc9fdRXwWHhTs-aj-M8QN-k5ms" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"taxonomy\/term\/226","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1UltywzAIvJBdHUmDJGyrlYQHcB49fZFTJ20m-WF2F7DMAnzCxReChOzggT90YQoBeQioiuzxspJg8lMuRsXBpuRlCzXru5IZGzKUIRYQuboAggeuKAIzyhCpEFsHluR2PO54nIgr9K-OcgaNixXWihzRR2B1PfhQKH49EitT2qI6xmYDYBqtn3PYdH_mqWhbE-id-o3tN4nRtf5uyd84zERzQa8wu9nCM__oZv0X61AhCzUXiFSUYT2EiZqOcEahioc2FwpQRtFryW0-VCnZZnqQhLTpmJu5fBPNqwua_Sl5W0D3YRAEjouHNfu-FZt1Lajo3uiDbCvylGVxd_RK8wudkHNTbPoyL-ZUkciI7XW-IzsReZe1c8maybqvolhvF3LKeBa3x5vHf4Vq6yq_Nful-tq39sR_AO1ZHz8","theme":"maison","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/brands\/sheglam-226?ajax_form=1":true,"\/brands\/sheglam-226":true,"\/shop":true},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-W49D4SB"]},"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-wave\u0022\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-wave-rect\u0022\u003E\u003C\/div\u003E\n \u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":false,"throbberPosition":"body"},"lazyLoadUrl":"\/term_reference_fancytree\/subTree","maison":{"slideoutInit":{"slideoutSide":null,"slideoutTouchSwipe":false}},"superfish":{"superfish-categories":{"id":"superfish-categories","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast"},"plugins":{"smallscreen":{"cloneParent":0,"mode":"window_width","breakpoint":576,"title":"Categories"},"supposition":true,"supersubs":true}},"superfish-waw-beauty":{"id":"superfish-waw-beauty","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast"},"plugins":{"smallscreen":{"cloneParent":0,"mode":"window_width","breakpoint":576,"accordionButton":0,"title":"WAW BEAUTY"},"supposition":true,"supersubs":true}},"superfish-main--2":{"id":"superfish-main--2","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast","autoArrows":false,"dropShadows":false},"plugins":{"smallscreen":{"cloneParent":0,"mode":"window_width","title":"Main navigation"},"supposition":true,"supersubs":true}},"superfish-main":{"id":"superfish-main","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast","dropShadows":false},"plugins":{"smallscreen":{"cloneParent":0,"mode":"window_width","title":"Main navigation"},"supposition":true,"supersubs":true}}},"ajax":{"mailchimp-signup-subscribe-block-sign-up-form-wrapper-edit-submit":{"callback":"::ajaxSubmit","response_wrapper":"mailchimp-response-mailchimp_signup_subscribe_block_sign_up_form-wrapper","event":"mousedown","keypress":true,"prevent":"click","url":"\/brands\/sheglam-226?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Subscribe"}},"edit-purchased-entity-0-attributes-attribute-color-41087":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationAttributesWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form","disable-refocus":true,"event":"change","url":"\/brands\/sheglam-226?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][attributes][attribute_color]"}},"edit-purchased-entity-0-attributes-attribute-color-41086":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationAttributesWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form","disable-refocus":true,"event":"change","url":"\/brands\/sheglam-226?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][attributes][attribute_color]"}},"edit-purchased-entity-0-attributes-attribute-color-40616":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationAttributesWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--5","disable-refocus":true,"event":"change","url":"\/brands\/sheglam-226?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][attributes][attribute_color]"}},"edit-purchased-entity-0-attributes-attribute-color-40615":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationAttributesWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--5","disable-refocus":true,"event":"change","url":"\/brands\/sheglam-226?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][attributes][attribute_color]"}}},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:996b00b7422a52f7623eb9aa616fccf84fada383b8999ceeb02d33da3cb8cfe2":{"view_name":"brand_products","view_display_id":"block_1","view_args":"226","view_path":"\/taxonomy\/term\/226","view_base_path":null,"view_dom_id":"996b00b7422a52f7623eb9aa616fccf84fada383b8999ceeb02d33da3cb8cfe2","pager_element":0}}},"search_api_autocomplete":{"shop":{"delay":3,"auto_submit":true,"min_length":3}},"user":{"uid":0,"permissionsHash":"db773537858849e0e7bcc6a6e9b8fdb95e3873a6455fec3b8aa4f2d2218bd05e"}}</script> <script src="/sites/default/files/js/js_m9QtPPqpCvbm5SX-2Cv__pDv01fX5c7AjhSA_fJhmoM.js?scope=header&delta=0&language=en&theme=maison&include=eJx1UVtuAyEMvBAbjoQM67C0BiPbJOnty6baRI2Sn9E8_GF74AtugRhWFA9PfrJNOEYUF9EMJeCts-IazoWmVA_DOOiItdinkYwNBcglrhUlYUgg5ncIkTh9P4MuvI5kfvQV7CHDEHKZORMGg-zzhFd92nf-b1ZXoSg3H5lNTaAfxpmbLXBF5YqHl4kj0KL2Q6Xlw1Uqc7-nWJGHLaXNYxVB0hagl7D_YN7QCQ39B9_p6Cjnopt_sHde2PiCUpphs7e5ViDSJIjtfb6zWYh-Smc5xQo3dyl4VX_Hv_fd6b34UFnQv-hfIs7aEg"></script> <script src="/sites/default/files/js/js_-OVc_1hVLqsXRuepg5XBuOyvZjJyx-JAu-96wdoIHsU.js?scope=header&delta=1&language=en&theme=maison&include=eJx1UVtuAyEMvBAbjoQM67C0BiPbJOnty6baRI2Sn9E8_GF74AtugRhWFA9PfrJNOEYUF9EMJeCts-IazoWmVA_DOOiItdinkYwNBcglrhUlYUgg5ncIkTh9P4MuvI5kfvQV7CHDEHKZORMGg-zzhFd92nf-b1ZXoSg3H5lNTaAfxpmbLXBF5YqHl4kj0KL2Q6Xlw1Uqc7-nWJGHLaXNYxVB0hagl7D_YN7QCQ39B9_p6Cjnopt_sHde2PiCUpphs7e5ViDSJIjtfb6zWYh-Smc5xQo3dyl4VX_Hv_fd6b34UFnQv-hfIs7aEg"></script> <script src="/sites/default/files/js/js_D20heN4K6i0SCn8iVnzDRFPPCAPmWxKoaOxAvRYOfKM.js?scope=header&delta=2&language=en&theme=maison&include=eJx1UVtuAyEMvBAbjoQM67C0BiPbJOnty6baRI2Sn9E8_GF74AtugRhWFA9PfrJNOEYUF9EMJeCts-IazoWmVA_DOOiItdinkYwNBcglrhUlYUgg5ncIkTh9P4MuvI5kfvQV7CHDEHKZORMGg-zzhFd92nf-b1ZXoSg3H5lNTaAfxpmbLXBF5YqHl4kj0KL2Q6Xlw1Uqc7-nWJGHLaXNYxVB0hagl7D_YN7QCQ39B9_p6Cjnopt_sHde2PiCUpphs7e5ViDSJIjtfb6zWYh-Smc5xQo3dyl4VX_Hv_fd6b34UFnQv-hfIs7aEg"></script> </head> <body class="slideout-side- path-taxonomy"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'google_tag_gtm_iframe' --> <!-- BEGIN OUTPUT from 'modules/contrib/google_tag/templates/google-tag-gtm-iframe.html.twig' --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W49D4SB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- END OUTPUT from 'modules/contrib/google_tag/templates/google-tag-gtm-iframe.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: ▪️ page--taxonomy--term--226.html.twig ▪️ page--taxonomy--term--%.html.twig ▪️ page--taxonomy--term.html.twig ▪️ page--taxonomy.html.twig ✅ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/page.html.twig' --> <div id="page-wrapper"> <div id="page"> <div class="clearfix top-header "> <div class="clearfix top-header__section top-header-first pink-background "> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--top-header-first.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-top-header-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--contactinfoinheader.html.twig ▪️ block--block-content--a27321e1-b733-4da0-a73b-5386ad19de2b.html.twig ▪️ block--block-content--id-view--contactinfoinheader--full.html.twig ▪️ block--block-content--id--contactinfoinheader.html.twig ▪️ block--block-content--view-type--basic--full.html.twig ▪️ block--block-content--type--basic.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-contactinfoinheader" class="left-header-menu clearfix block--type-basic block block-block-content block-block-contenta27321e1-b733-4da0-a73b-5386ad19de2b"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--block-content--body--basic.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--basic.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div> <p> </p> <p><span style="color:#000000;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:14px;"><strong>100% Authentic Products </strong>| Explore </span></span><a href="/shop/category/new-arrivals-418"><span style="color:#000000;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:14px;"><strong>NEW ARRIVALS</strong></span></span></a><span style="color:#000000;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:14px;">| NEW </span></span><a href="/shop/category/ramadan-deals-493"><span style="color:#000000;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:14px;"><strong>RAMADAN DEALS</strong></span></span></a><span style="color:#000000;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:14px;"> | </span></span><a href="/waw-beauty-app"><span style="color:#000000;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:14px;"><strong>Download App</strong></span></span></a><span style="color:#000000;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:14px;"> and never miss a SALE! </span></span></p> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-exposedformshoppage-1.html.twig ▪️ block--views-exposed-filter-block--shop-page-1.html.twig ▪️ block--views-exposed-filter-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div class="views-exposed-form bef-exposed-form search search-bar mobile-search clearfix block block-views block-views-exposed-filter-blockshop-page-1" data-bef-auto-submit-full-form="" data-bef-auto-submit="" data-bef-auto-submit-delay="500000" data-drupal-selector="views-exposed-form-shop-page-1" id="block-maison-exposedformshoppage-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form action="/shop" method="get" id="views-exposed-form-shop-page-1" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_exposed_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/views/views-exposed-form.html.twig' --> <div class="form--inline clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: ▪️ form-element--shop--page-1.html.twig ▪️ form-element--shop.html.twig ✅ form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-search-api-autocomplete form-type-search-api-autocomplete js-form-item-search-api-fulltext form-item-search-api-fulltext"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input placeholder="What are you looking for?" data-bef-auto-submit-exclude="" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="shop" class="form-autocomplete form-text" data-autocomplete-path="/search_api_autocomplete/shop?display=page_1&&filter=search_api_fulltext" type="text" id="edit-search-api-fulltext" name="search_api_fulltext" value="" size="30" maxlength="128" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: ▪️ form-element--shop--page-1.html.twig ▪️ form-element--shop.html.twig ✅ form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-sort-by form-item-sort-by"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-sort-by">Sort by:</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'select' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/select.html.twig' --> <select data-drupal-selector="edit-sort-by" id="edit-sort-by" name="sort_by" class="form-select"><option value="newest" selected="selected">Newest</option><option value="product_title">A - Z</option><option value="product_title_1">Z - A</option><option value="highest_price">Highest Price</option><option value="lowest_price">Lowest Price</option></select> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/select.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-bef-auto-submit-click="" data-drupal-selector="edit-submit-shop" type="submit" id="edit-submit-shop" value="Apply" class="button js-form-submit form-submit" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/views/views-exposed-form.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> <div class="clearfix top-header__section top-header-second "> <div class="region region-top-header-second"> <button class="slideout-toggle slideout-toggle--fixed" aria-label="Open menu"> <span class="burger-icon"> <span></span> <span></span> <span></span> <span></span> </span> </button> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-branding.html.twig ✅ block--system-branding-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block--system-branding-block.html.twig' --> <div id="block-maison-branding" class="logo-img desktop clearfix block block-system block-system-branding-block"> <a href="/" rel="home" class="site-logo"> <img src="/themes/custom/maison/images/beautyLogo.svg" alt="Home" /> </a> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block--system-branding-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--exposedformshoppage-1-2.html.twig ▪️ block--views-exposed-filter-block--shop-page-1.html.twig ▪️ block--views-exposed-filter-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div class="views-exposed-form bef-exposed-form search search-bar clearfix block block-views block-views-exposed-filter-blockshop-page-1" data-bef-auto-submit-full-form="" data-bef-auto-submit="" data-bef-auto-submit-delay="500000" data-drupal-selector="views-exposed-form-shop-page-1" id="block-exposedformshoppage-1-2"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form action="/shop" method="get" id="views-exposed-form-shop-page-1" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_exposed_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/views/views-exposed-form.html.twig' --> <div class="form--inline clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: ▪️ form-element--shop--page-1.html.twig ▪️ form-element--shop.html.twig ✅ form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-search-api-autocomplete form-type-search-api-autocomplete js-form-item-search-api-fulltext form-item-search-api-fulltext"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input placeholder="What are you looking for?" data-bef-auto-submit-exclude="" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="shop" class="form-autocomplete form-text" data-autocomplete-path="/search_api_autocomplete/shop?display=page_1&&filter=search_api_fulltext" type="text" id="edit-search-api-fulltext--2" name="search_api_fulltext" value="" size="30" maxlength="128" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: ▪️ form-element--shop--page-1.html.twig ▪️ form-element--shop.html.twig ✅ form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-sort-by form-item-sort-by"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-sort-by--2">Sort by:</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'select' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/select.html.twig' --> <select data-drupal-selector="edit-sort-by" id="edit-sort-by--2" name="sort_by" class="form-select"><option value="newest" selected="selected">Newest</option><option value="product_title">A - Z</option><option value="product_title_1">Z - A</option><option value="highest_price">Highest Price</option><option value="lowest_price">Lowest Price</option></select> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/select.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--2"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-bef-auto-submit-click="" data-drupal-selector="edit-submit-shop-2" type="submit" id="edit-submit-shop--2" value="Apply" class="button js-form-submit form-submit" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/views/views-exposed-form.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div class="login-cart-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--useraccountmenu.html.twig ▪️ block--system-menu-block--account.html.twig ✅ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-useraccountmenu-menu" id="block-useraccountmenu" class="user-account-menu-desktop clearfix block block-menu navigation menu--account"> <h2 class="visually-hidden" id="block-useraccountmenu-menu">User account menu</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__account' --> <!-- FILE NAME SUGGESTIONS: ▪️ menu--account.html.twig ✅ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/navigation/menu.html.twig' --> <ul class="menu"> <li class="menu-item menu-item--expanded"> <a href="/user/login" aria-label="Link" class="link" data-drupal-link-system-path="user/login"></a> <ul class="menu"> <li class="menu-item"> <a href="/user/login" aria-label="Link" class="link" data-drupal-link-system-path="user/login">Log in</a> </li> <li class="menu-item"> <a href="/user/register" aria-label="Link" class="link" data-drupal-link-system-path="user/register">Register</a> </li> </ul> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/navigation/menu.html.twig' --> </nav> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--cart-2.html.twig ▪️ block--commerce-cart.html.twig ▪️ block--commerce-cart.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-cart-2" class="cart-desktop clearfix block block-commerce-cart"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_cart_block' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-cart-block.html.twig' --> <div class="cart--cart-block"> <div class="cart-block--summary"> <i class="fa fa-shopping-cart"><span class="sr-only">cart</span></i> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-cart-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div class="overlay"></div> </div> </div> </div> </div> <div class="clearfix slideout"> <div class="clearfix slideout__container"> <div class="slideout__section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--slideout.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-slideout"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--mainnavigation-3.html.twig ▪️ block--superfish--main.html.twig ▪️ block--superfish.html.twig ▪️ block--superfish.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-mainnavigation-3" class="menu--main clearfix block block-superfish block-superfishmain"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish' --> <!-- BEGIN OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> <ul id="superfish-main" class="menu sf-menu sf-main sf-horizontal sf-style-none" role="menu" aria-label="Menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish_menu_items' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> <li id="main-menu-link-contentcea256b4-c52f-4cca-abce-1db83965fa70--2" class="sf-depth-1 sf-no-children"><a href="/shop" class="sf-depth-1">All PRODUCTS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories493--2" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/ramadan-deals-493" class="sf-depth-1">Ramadan Deals</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories476--2" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/korean-beauty-476" class="sf-depth-1">Korean Beauty</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories163--2" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/skin-care-163" class="sf-depth-1 menuparent">Skin Care</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/skin-care-163"><img loading="lazy" alt="Skin Care" src="/sites/default/files/categories/Skin%20care_.jpg"></a></div><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories168--2" class="sf-depth-2 menuparent"><a href="https://waw.beauty/shop/category/face-care-168" class="sf-depth-2 menuparent">Face Care</a><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories191--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/bb-cream-191" class="sf-depth-3">BB Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories192--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/cleanser-toner-192" class="sf-depth-3">Cleanser & Toner </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories196--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/day-cream-196" class="sf-depth-3">Day Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories193--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/face-cream-moisturizer-193" class="sf-depth-3">Face Cream & Moisturizer</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories194--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/face-wash-194" class="sf-depth-3">Face Wash </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories199--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/make-remover-199" class="sf-depth-3">Make Up Remover</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories195--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/mask-195" class="sf-depth-3">Mask</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories213--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/mists-213" class="sf-depth-3">Mists</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories197--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/night-cream-197" class="sf-depth-3">Night Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories212--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/scrubs-exfoliators-212" class="sf-depth-3">Scrubs & Exfoliators</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories198--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/serum-oil-198" class="sf-depth-3">Serum & Oil </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories200--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/sunscreen-200" class="sf-depth-3">Sunscreen</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories170--2" class="sf-depth-2 menuparent"><a href="https://waw.beauty/shop/category/body-care-170" class="sf-depth-2 menuparent">Body Care</a><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories204--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-cream-204" class="sf-depth-3">Body Cream</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories205--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-lotion-205" class="sf-depth-3">Body Lotion </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories206--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-mist-206" class="sf-depth-3">Body Mist </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories207--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-wash-207" class="sf-depth-3">Body Wash </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories210--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/foot-care-210" class="sf-depth-3">Foot Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories211--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/hand-care-211" class="sf-depth-3">Hand Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories231--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/nail-care-231" class="sf-depth-3">Nail Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories208--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/scrubs-208" class="sf-depth-3">Scrubs</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories214--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/shower-gel-214" class="sf-depth-3">Shower Gel</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories219--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/sun-tan-219" class="sf-depth-3">Sun Tan</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories169--2" class="sf-depth-2 menuparent"><a href="https://waw.beauty/shop/category/eye-care-169" class="sf-depth-2 menuparent">Eye Care</a><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories202--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-cream-202" class="sf-depth-3">Eye Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories203--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-patches-203" class="sf-depth-3">Eye Patches </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories201--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-serum-201" class="sf-depth-3">Eye Serum </a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories241--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/nose-care-241" class="sf-depth-2">Nose Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories171--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/lip-care-171" class="sf-depth-2">Lip Care</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories162--2" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/make-162" class="sf-depth-1 menuparent">Make Up</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/make-162"><img loading="lazy" alt="Make Up" src="/sites/default/files/categories/Makeup_.jpg"></a></div><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories166--2" class="sf-depth-2 menuparent"><a href="https://waw.beauty/shop/category/eyes-166" class="sf-depth-2 menuparent">Eyes</a><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories182--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-liner-182" class="sf-depth-3">Eye Liner</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories181--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-shadow-181" class="sf-depth-3">Eye Shadow</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories184--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eyebrows-184" class="sf-depth-3">Eyebrows</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories183--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/mascara-183" class="sf-depth-3">Mascara</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories165--2" class="sf-depth-2 menuparent"><a href="https://waw.beauty/shop/category/face-165" class="sf-depth-2 menuparent">Face</a><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories173--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/blush-173" class="sf-depth-3">Blush</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories174--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/bronzer-174" class="sf-depth-3">Bronzer</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories175--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/concealer-corrector-175" class="sf-depth-3">Concealer & Corrector</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories176--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/contour-176" class="sf-depth-3">Contour</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories177--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/face-powder-177" class="sf-depth-3">Face powder</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories172--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/foundation-172" class="sf-depth-3">Foundation</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories178--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/highlighter-178" class="sf-depth-3">Highlighter</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories179--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/primer-179" class="sf-depth-3">Primer</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories235--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/setting-powder-235" class="sf-depth-3">Setting Powder</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories180--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/setting-spray-180" class="sf-depth-3">Setting Spray </a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories167--2" class="sf-depth-2 menuparent"><a href="https://waw.beauty/shop/category/lips-167" class="sf-depth-2 menuparent">Lips</a><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories186--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-balm-186" class="sf-depth-3">Lip Balm</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories188--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-gloss-188" class="sf-depth-3">Lip Gloss</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories187--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-liner-187" class="sf-depth-3">Lip Liner</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories236--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-oil-236" class="sf-depth-3">Lip Oil </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories190--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-plumper-190" class="sf-depth-3">Lip Plumper</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories189--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-tint-189" class="sf-depth-3">Lip Tint</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories185--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lipstick-185" class="sf-depth-3">Lipstick</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories218--2" class="sf-depth-2 menuparent"><a href="https://waw.beauty/shop/category/tools-accessories-218" class="sf-depth-2 menuparent">Tools & Accessories</a><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories490--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/beauty-blenders-490" class="sf-depth-3">Beauty Blenders</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories491--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lashes-491" class="sf-depth-3">Lashes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories489--2" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/make-brushes-489" class="sf-depth-3">Make Up Brushes</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories259--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/nails-259" class="sf-depth-2">Nails</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories164--2" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/hair-care-164" class="sf-depth-1 menuparent">Hair Care</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/hair-care-164"><img loading="lazy" alt="Hair Care" src="/sites/default/files/categories/Hair%20care_.jpg"></a></div><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories217--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-masks-217" class="sf-depth-2">Hair Masks</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories482--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-tools-482" class="sf-depth-2">Hair Tools</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories215--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-oils-215" class="sf-depth-2">Hair Oils</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories216--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-serums-216" class="sf-depth-2">Hair Serums</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories351--2" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/men-care-351" class="sf-depth-1 menuparent">Men Care</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/men-care-351"><img loading="lazy" alt="Men Care" src="/sites/default/files/categories/Men%27s%20Care.jpg"></a></div><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories356--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-deodorants-356" class="sf-depth-2">Men Deodorants</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories354--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-grooming-354" class="sf-depth-2">Men Grooming</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories353--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-haircare-353" class="sf-depth-2">Men Haircare</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories355--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-perfumes-355" class="sf-depth-2">Men Perfumes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories352--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-skincare-352" class="sf-depth-2">Men Skincare</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories304--2" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/fragrances-304" class="sf-depth-1 menuparent">Fragrances</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/fragrances-304"><img loading="lazy" alt="Fragrances" src="/sites/default/files/categories/Fragrances.jpg"></a></div><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories417--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/eau-de-cologne-417" class="sf-depth-2">Eau De Cologne</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories307--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/eau-de-parfum-307" class="sf-depth-2">Eau De Parfum</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories370--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/home-fragrances-370" class="sf-depth-2">Home Fragrances</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories308--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/eau-de-toilette-308" class="sf-depth-2">Eau De Toilette</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories309--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/her-309" class="sf-depth-2">For Her</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories310--2" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/him-310" class="sf-depth-2">For Him</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands258--2" class="sf-depth-1 menuparent"><a href="/brands" class="sf-depth-1 menuparent">Shop By Brand</a><div class="mobile-category-image"><a href="/brands"><img loading="lazy" alt="Shop By Brand" src="/sites/default/files/2024-07/Shop%20by%20brand_.jpg"></a></div><ul><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands440--2" class="sf-depth-2 sf-no-children"><a href="/brands/afnan-440" class="sf-depth-2">AFNAN</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands317--2" class="sf-depth-2 sf-no-children"><a href="/brands/acnevit-317" class="sf-depth-2">Acnevit</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands301--2" class="sf-depth-2 sf-no-children"><a href="/brands/anua-301" class="sf-depth-2">Anua</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands439--2" class="sf-depth-2 sf-no-children"><a href="/brands/armaf-439" class="sf-depth-2">Armaf</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands257--2" class="sf-depth-2 sf-no-children"><a href="/brands/avon-257" class="sf-depth-2">Avon</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands413--2" class="sf-depth-2 sf-no-children"><a href="/brands/avene-413" class="sf-depth-2">Avène</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands406--2" class="sf-depth-2 sf-no-children"><a href="/brands/axis-y-406" class="sf-depth-2">Axis-Y</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands382--2" class="sf-depth-2 sf-no-children"><a href="/brands/azalia-382" class="sf-depth-2">Azalia</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands467--2" class="sf-depth-2 sf-no-children"><a href="/brands/bassam-fattouh-467" class="sf-depth-2">BASSAM FATTOUH</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands281--2" class="sf-depth-2 sf-no-children"><a href="/brands/bath-body-works-281" class="sf-depth-2">Bath & Body Works</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands291--2" class="sf-depth-2 sf-no-children"><a href="/brands/beauty-formulas-291" class="sf-depth-2">Beauty Formulas</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands414--2" class="sf-depth-2 sf-no-children"><a href="/brands/beauty-glam-414" class="sf-depth-2">Beauty Glam</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands401--2" class="sf-depth-2 sf-no-children"><a href="/brands/beauty-joseon-401" class="sf-depth-2">Beauty Of Joseon</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands220--2" class="sf-depth-2 sf-no-children"><a href="/brands/beesline-220" class="sf-depth-2">Beesline</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands227--2" class="sf-depth-2 sf-no-children"><a href="/brands/bell-227" class="sf-depth-2">Bell</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands271--2" class="sf-depth-2 sf-no-children"><a href="/brands/bell-hypoallergenic-271" class="sf-depth-2">Bell HypoAllergenic</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands361--2" class="sf-depth-2 sf-no-children"><a href="/brands/bellaoggi-italia-361" class="sf-depth-2">Bellaoggi Italia</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands280--2" class="sf-depth-2 sf-no-children"><a href="/brands/benefit-cosmetics-280" class="sf-depth-2">Benefit Cosmetics</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands365--2" class="sf-depth-2 sf-no-children"><a href="/brands/benetton-365" class="sf-depth-2">Benetton</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands228--2" class="sf-depth-2 sf-no-children"><a href="/brands/bioderma-228" class="sf-depth-2">Bioderma</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands319--2" class="sf-depth-2 sf-no-children"><a href="/brands/bionnex-319" class="sf-depth-2">Bionnex</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands423--2" class="sf-depth-2 sf-no-children"><a href="/brands/cala-423" class="sf-depth-2">Cala</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands441--2" class="sf-depth-2 sf-no-children"><a href="/brands/callista-441" class="sf-depth-2">Callista</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands364--2" class="sf-depth-2 sf-no-children"><a href="/brands/carolina-herrera-364" class="sf-depth-2">Carolina Herrera</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands229--2" class="sf-depth-2 sf-no-children"><a href="/brands/caudalie-229" class="sf-depth-2">Caudalie</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands359--2" class="sf-depth-2 sf-no-children"><a href="/brands/cerave-359" class="sf-depth-2">CeraVe</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands432--2" class="sf-depth-2 sf-no-children"><a href="/brands/cetaphil-432" class="sf-depth-2">Cetaphil</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands466--2" class="sf-depth-2 sf-no-children"><a href="/brands/charlotte-tilbury-466" class="sf-depth-2">Charlotte Tilbury</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands431--2" class="sf-depth-2 sf-no-children"><a href="/brands/clearasil-431" class="sf-depth-2">Clearasil</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands302--2" class="sf-depth-2 sf-no-children"><a href="/brands/cosrx-302" class="sf-depth-2">Cosrx</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands395--2" class="sf-depth-2 sf-no-children"><a href="/brands/coup-declat-395" class="sf-depth-2">Coup D'Eclat</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands458--2" class="sf-depth-2 sf-no-children"><a href="/brands/dali-beauty-458" class="sf-depth-2">DALI BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands533--2" class="sf-depth-2 sf-no-children"><a href="/brands/dior-533" class="sf-depth-2">DIOR</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands393--2" class="sf-depth-2 sf-no-children"><a href="/brands/delia-393" class="sf-depth-2">Delia</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands424--2" class="sf-depth-2 sf-no-children"><a href="/brands/dessata-424" class="sf-depth-2">Dessata</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands426--2" class="sf-depth-2 sf-no-children"><a href="/brands/elf-426" class="sf-depth-2">ELF</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands532--2" class="sf-depth-2 sf-no-children"><a href="/brands/embryolisse-532" class="sf-depth-2">EMBRYOLISSE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands469--2" class="sf-depth-2 sf-no-children"><a href="/brands/eqqualberry-469" class="sf-depth-2">EQQUALBERRY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands502--2" class="sf-depth-2 sf-no-children"><a href="/brands/erborian-502" class="sf-depth-2">ERBORIAN</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands250--2" class="sf-depth-2 sf-no-children"><a href="/brands/ecotools-250" class="sf-depth-2">EcoTools</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands394--2" class="sf-depth-2 sf-no-children"><a href="/brands/ecrinal-394" class="sf-depth-2">Ecrinal</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands260--2" class="sf-depth-2 sf-no-children"><a href="/brands/essence-260" class="sf-depth-2">Essence</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands397--2" class="sf-depth-2 sf-no-children"><a href="/brands/eterna-397" class="sf-depth-2">Eterna</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands396--2" class="sf-depth-2 sf-no-children"><a href="/brands/eubos-396" class="sf-depth-2">Eubos</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands415--2" class="sf-depth-2 sf-no-children"><a href="/brands/eucerin-415" class="sf-depth-2">Eucerin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands452--2" class="sf-depth-2 sf-no-children"><a href="/brands/fenty-beauty-452" class="sf-depth-2">FENTY BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands243--2" class="sf-depth-2 sf-no-children"><a href="/brands/face-facts-243" class="sf-depth-2">Face Facts</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands230--2" class="sf-depth-2 sf-no-children"><a href="/brands/filorga-230" class="sf-depth-2">Filorga</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands318--2" class="sf-depth-2 sf-no-children"><a href="/brands/forscar-318" class="sf-depth-2">Forscar</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands253--2" class="sf-depth-2 sf-no-children"><a href="/brands/frezyderm-253" class="sf-depth-2">FrezyDerm</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands477--2" class="sf-depth-2 sf-no-children"><a href="/brands/gisou-477" class="sf-depth-2">GISOU</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands451--2" class="sf-depth-2 sf-no-children"><a href="/brands/glow-recipe-451" class="sf-depth-2">GLOW RECIPE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands379--2" class="sf-depth-2 sf-no-children"><a href="/brands/garnier-379" class="sf-depth-2">Garnier</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands471--2" class="sf-depth-2 sf-no-children"><a href="/brands/huda-beauty-471" class="sf-depth-2">HUDA BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands391--2" class="sf-depth-2 sf-no-children"><a href="/brands/heliabrine-391" class="sf-depth-2">Heliabrine</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands240--2" class="sf-depth-2 sf-no-children"><a href="/brands/ifran-240" class="sf-depth-2">Ifran</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands368--2" class="sf-depth-2 sf-no-children"><a href="/brands/isdin-368" class="sf-depth-2">Isdin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands239--2" class="sf-depth-2 sf-no-children"><a href="/brands/joseph-joseph-239" class="sf-depth-2">Joseph Joseph</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands449--2" class="sf-depth-2 sf-no-children"><a href="/brands/kayali-449" class="sf-depth-2">KAYALI</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands421--2" class="sf-depth-2 sf-no-children"><a href="/brands/kocostar-421" class="sf-depth-2">KOCOSTAR</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands486--2" class="sf-depth-2 sf-no-children"><a href="/brands/khan-el-kaser-486" class="sf-depth-2">Khan EL Kaser</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands457--2" class="sf-depth-2 sf-no-children"><a href="/brands/kundal-457" class="sf-depth-2">Kundal</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands385--2" class="sf-depth-2 sf-no-children"><a href="/brands/letoile-cosmetiques-385" class="sf-depth-2">L'Etoile Cosmetiques</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands376--2" class="sf-depth-2 sf-no-children"><a href="/brands/loreal-paris-376" class="sf-depth-2">L'Oreal Paris</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands447--2" class="sf-depth-2 sf-no-children"><a href="/brands/laneige-447" class="sf-depth-2">LANEIGE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands367--2" class="sf-depth-2 sf-no-children"><a href="/brands/la-roche-posay-367" class="sf-depth-2">La Roche-Posay</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands483--2" class="sf-depth-2 sf-no-children"><a href="/brands/lakme-483" class="sf-depth-2">Lakme</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands360--2" class="sf-depth-2 sf-no-children"><a href="/brands/lattafa-360" class="sf-depth-2">Lattafa</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands238--2" class="sf-depth-2 sf-no-children"><a href="/brands/lazartigue-238" class="sf-depth-2">Lazartigue</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands313--2" class="sf-depth-2 sf-no-children"><a href="/brands/lift-for-skin-313" class="sf-depth-2">Lift 4 Skin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands315--2" class="sf-depth-2 sf-no-children"><a href="/brands/lipojen-315" class="sf-depth-2">Lipojen</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands273--2" class="sf-depth-2 sf-no-children"><a href="/brands/lirene-273" class="sf-depth-2">Lirene</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands311--2" class="sf-depth-2 sf-no-children"><a href="/brands/long-for-hair-311" class="sf-depth-2">Long 4 Hair</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands312--2" class="sf-depth-2 sf-no-children"><a href="/brands/long-for-lashes-312" class="sf-depth-2">Long 4 Lashes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands314--2" class="sf-depth-2 sf-no-children"><a href="/brands/long-for-nails-314" class="sf-depth-2">Long 4 Nails</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands472--2" class="sf-depth-2 sf-no-children"><a href="/brands/lovely-472" class="sf-depth-2">Lovely</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands251--2" class="sf-depth-2 sf-no-children"><a href="/brands/lysedia-paris-251" class="sf-depth-2">Lysedia Paris</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands456--2" class="sf-depth-2 sf-no-children"><a href="/brands/mancera-paris-456" class="sf-depth-2">MANCERA PARIS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands462--2" class="sf-depth-2 sf-no-children"><a href="/brands/milk-makeup-462" class="sf-depth-2">MILK MAKEUP</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands455--2" class="sf-depth-2 sf-no-children"><a href="/brands/montale-paris-455" class="sf-depth-2">MONTALE PARIS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands256--2" class="sf-depth-2 sf-no-children"><a href="/brands/moodmatcher-256" class="sf-depth-2">MOODmatcher</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands386--2" class="sf-depth-2 sf-no-children"><a href="/brands/make-factory-386" class="sf-depth-2">Make Up Factory</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands285--2" class="sf-depth-2 sf-no-children"><a href="/brands/make-ever-285" class="sf-depth-2">Make Up For Ever</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands321--2" class="sf-depth-2 sf-no-children"><a href="/brands/makeup-eraser-321" class="sf-depth-2">MakeUp Eraser</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands464--2" class="sf-depth-2 sf-no-children"><a href="/brands/makeup-mario-464" class="sf-depth-2">Makeup By Mario</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands400--2" class="sf-depth-2 sf-no-children"><a href="/brands/malibu-400" class="sf-depth-2">Malibu</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands246--2" class="sf-depth-2 sf-no-children"><a href="/brands/max-factor-246" class="sf-depth-2">Max Factor</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands380--2" class="sf-depth-2 sf-no-children"><a href="/brands/maybelline-380" class="sf-depth-2">Maybelline</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands316--2" class="sf-depth-2 sf-no-children"><a href="/brands/more-for-care-316" class="sf-depth-2">More 4 Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands403--2" class="sf-depth-2 sf-no-children"><a href="/brands/nacific-403" class="sf-depth-2">Nacific</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands224--2" class="sf-depth-2 sf-no-children"><a href="/brands/note-cosmetique-224" class="sf-depth-2">Note Cosmetique</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands221--2" class="sf-depth-2 sf-no-children"><a href="/brands/nuxe-221" class="sf-depth-2">Nuxe</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands422--2" class="sf-depth-2 sf-no-children"><a href="/brands/oils-nature-422" class="sf-depth-2">Oils of Nature</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands434--2" class="sf-depth-2 sf-no-children"><a href="/brands/otaci-434" class="sf-depth-2">Otaci</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands234--2" class="sf-depth-2 sf-no-children"><a href="/brands/palladio-234" class="sf-depth-2">Palladio</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands272--2" class="sf-depth-2 sf-no-children"><a href="/brands/petite-maison-272" class="sf-depth-2">Petite Maison</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands288--2" class="sf-depth-2 sf-no-children"><a href="/brands/potion-kitchen-288" class="sf-depth-2">Potion Kitchen</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands398--2" class="sf-depth-2 sf-no-children"><a href="/brands/pupa-398" class="sf-depth-2">Pupa</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands450--2" class="sf-depth-2 sf-no-children"><a href="/brands/rare-beauty-450" class="sf-depth-2">RARE BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands492--2" class="sf-depth-2 sf-no-children"><a href="/brands/reef-492" class="sf-depth-2">REEF</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands453--2" class="sf-depth-2 sf-no-children"><a href="/brands/rhode-453" class="sf-depth-2">RHODE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands404--2" class="sf-depth-2 sf-no-children"><a href="/brands/roge-cavailles-404" class="sf-depth-2">ROGÉ CAVAILLÈS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands249--2" class="sf-depth-2 sf-no-children"><a href="/brands/real-techniques-249" class="sf-depth-2">Real Techniques</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands484--2" class="sf-depth-2 sf-no-children"><a href="/brands/reem-scents-484" class="sf-depth-2">Reem Scents</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands223--2" class="sf-depth-2 sf-no-children"><a href="/brands/revox-b-223" class="sf-depth-2">Revox B77</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands290--2" class="sf-depth-2 sf-no-children"><a href="/brands/revuele-290" class="sf-depth-2">Revuele</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands242--2" class="sf-depth-2 sf-no-children"><a href="/brands/rimmel-242" class="sf-depth-2">Rimmel</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands437--2" class="sf-depth-2 sf-no-children"><a href="/brands/roo-437" class="sf-depth-2">Roo</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands480--2" class="sf-depth-2 sf-no-children"><a href="/brands/rosy-panda-480" class="sf-depth-2">Rosy The Panda</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands402--2" class="sf-depth-2 sf-no-children"><a href="/brands/round-lab-402" class="sf-depth-2">Round Lab</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands474--2" class="sf-depth-2 sf-no-children"><a href="/brands/royal-cosmetics-474" class="sf-depth-2">Royal Cosmetics</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands357--2" class="sf-depth-2 sf-no-children"><a href="/brands/ruby-rose-357" class="sf-depth-2">Ruby Rose</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands468--2" class="sf-depth-2 sf-no-children"><a href="/brands/saie-468" class="sf-depth-2">SAIE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands445--2" class="sf-depth-2 sf-no-children"><a href="/brands/sephora-445" class="sf-depth-2">SEPHORA</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands428--2" class="sf-depth-2 sf-no-children"><a href="/brands/skala-428" class="sf-depth-2">SKALA</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands270--2" class="sf-depth-2 sf-no-children"><a href="/brands/skinlab-270" class="sf-depth-2">SKINLAB</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands448--2" class="sf-depth-2 sf-no-children"><a href="/brands/summer-fridays-448" class="sf-depth-2">SUMMER FRIDAYS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands232--2" class="sf-depth-2 sf-no-children"><a href="/brands/svr-232" class="sf-depth-2">SVR</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands278--2" class="sf-depth-2 sf-no-children"><a href="/brands/sans-soucis-278" class="sf-depth-2">Sans Soucis</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands371--2" class="sf-depth-2 sf-no-children"><a href="/brands/selaya-371" class="sf-depth-2">Selaya</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands226--2" class="sf-depth-2 sf-no-children"><a href="/brands/sheglam-226" class="is-active sf-depth-2">Sheglam</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands427--2" class="sf-depth-2 sf-no-children"><a href="/brands/skin1004-427" class="sf-depth-2">Skin1004</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands267--2" class="sf-depth-2 sf-no-children"><a href="/brands/skincare-retinol-267" class="sf-depth-2">Skincare Retinol</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands425--2" class="sf-depth-2 sf-no-children"><a href="/brands/sol-de-janeiro-425" class="sf-depth-2">Sol De Janeiro</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands254--2" class="sf-depth-2 sf-no-children"><a href="/brands/soskin-254" class="sf-depth-2">Soskin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands366--2" class="sf-depth-2 sf-no-children"><a href="/brands/style-366" class="sf-depth-2">Style</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands470--2" class="sf-depth-2 sf-no-children"><a href="/brands/tiam-470" class="sf-depth-2">TIAM</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands446--2" class="sf-depth-2 sf-no-children"><a href="/brands/tower-28-446" class="sf-depth-2">TOWER 28</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands222--2" class="sf-depth-2 sf-no-children"><a href="/brands/aloelab-222" class="sf-depth-2">The AloeLab</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands255--2" class="sf-depth-2 sf-no-children"><a href="/brands/topicrem-255" class="sf-depth-2">Topicrem</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands419--2" class="sf-depth-2 sf-no-children"><a href="/brands/trochic-419" class="sf-depth-2">Trochic</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands362--2" class="sf-depth-2 sf-no-children"><a href="/brands/trop-362" class="sf-depth-2">Trop</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands420--2" class="sf-depth-2 sf-no-children"><a href="/brands/urban-care-420" class="sf-depth-2">Urban Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands286--2" class="sf-depth-2 sf-no-children"><a href="/brands/uriage-286" class="sf-depth-2">Uriage</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands478--2" class="sf-depth-2 sf-no-children"><a href="/brands/vvbetter-478" class="sf-depth-2">VVBETTER</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands306--2" class="sf-depth-2 sf-no-children"><a href="/brands/victorias-secret-306" class="sf-depth-2">Victoria's Secret</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands287--2" class="sf-depth-2 sf-no-children"><a href="/brands/vitalitys-287" class="sf-depth-2">Vitality's</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands320--2" class="sf-depth-2 sf-no-children"><a href="/brands/vitayes-320" class="sf-depth-2">Vitayes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands501--2" class="sf-depth-2 sf-no-children"><a href="/brands/wonderskin-501" class="sf-depth-2">WONDERSKIN</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands225--2" class="sf-depth-2 sf-no-children"><a href="/brands/wibo-225" class="sf-depth-2">Wibo</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands233--2" class="sf-depth-2 sf-no-children"><a href="/brands/yves-morel-233" class="sf-depth-2">Yves Morel</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands463--2" class="sf-depth-2 sf-no-children"><a href="/brands/tarte-463" class="sf-depth-2">tarte</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands504--2" class="sf-depth-2 sf-no-children"><a href="/brands/vitalitys-504" class="sf-depth-2">vitalitys</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ul></li><li id="main-menu-link-content7807b22a-75e4-4a23-879a-f307a4302ae5--2" class="sf-depth-1 sf-no-children"><a href="/handpicked-collection" class="sf-depth-1">Handpicked Collection</a></li> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> </ul> <!-- END OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> </div> <div class="page-container"> <div class="clearfix header"> <div class="clearfix"> <div class="row no-gutters"> <div class="col-md-12"> <div class="clearfix header__section header-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--header.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/region--header.html.twig' --> <div class="region region-header row center-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--mainnavigation-4.html.twig ▪️ block--superfish--main.html.twig ▪️ block--superfish.html.twig ▪️ block--superfish.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-mainnavigation-4" class="menu--main clearfix block block-superfish block-superfishmain"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish' --> <!-- BEGIN OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> <ul id="superfish-main--2" class="menu sf-menu sf-main sf-horizontal sf-style-none" role="menu" aria-label="Menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish_menu_items' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> <li id="main-menu-link-contentcea256b4-c52f-4cca-abce-1db83965fa70--4" class="sf-depth-1 sf-no-children"><a href="/shop" class="sf-depth-1">All PRODUCTS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories493--4" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/ramadan-deals-493" class="sf-depth-1">Ramadan Deals</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories476--4" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/korean-beauty-476" class="sf-depth-1">Korean Beauty</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories163--4" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/skin-care-163" class="sf-depth-1 menuparent">Skin Care</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/skin-care-163"><img loading="lazy" alt="Skin Care" src="/sites/default/files/categories/Skin%20care_.jpg"></a></div><ul class="sf-multicolumn" style="background-color: "><div class="category-image"><a href="https://waw.beauty/shop/category/skin-care-163"><img loading="lazy" alt="Skin Care" src="/sites/default/files/categories/Skin%20care_.jpg"></a><div class="namings"><span class="category-name">Skin Care</span><br/><span>SHOP NOW</span></div></div><li class="sf-multicolumn-wrapper "><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories168--4" class="sf-depth-2 sf-multicolumn-column menuparent"><div class="sf-multicolumn-column"><a href="https://waw.beauty/shop/category/face-care-168" class="sf-depth-2 menuparent">Face Care</a><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories191--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/bb-cream-191" class="sf-depth-3">BB Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories192--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/cleanser-toner-192" class="sf-depth-3">Cleanser & Toner </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories196--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/day-cream-196" class="sf-depth-3">Day Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories193--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/face-cream-moisturizer-193" class="sf-depth-3">Face Cream & Moisturizer</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories194--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/face-wash-194" class="sf-depth-3">Face Wash </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories199--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/make-remover-199" class="sf-depth-3">Make Up Remover</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories195--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/mask-195" class="sf-depth-3">Mask</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories213--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/mists-213" class="sf-depth-3">Mists</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories197--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/night-cream-197" class="sf-depth-3">Night Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories212--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/scrubs-exfoliators-212" class="sf-depth-3">Scrubs & Exfoliators</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories198--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/serum-oil-198" class="sf-depth-3">Serum & Oil </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories200--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/sunscreen-200" class="sf-depth-3">Sunscreen</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></div></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories170--4" class="sf-depth-2 sf-multicolumn-column menuparent"><div class="sf-multicolumn-column"><a href="https://waw.beauty/shop/category/body-care-170" class="sf-depth-2 menuparent">Body Care</a><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories204--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-cream-204" class="sf-depth-3">Body Cream</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories205--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-lotion-205" class="sf-depth-3">Body Lotion </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories206--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-mist-206" class="sf-depth-3">Body Mist </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories207--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/body-wash-207" class="sf-depth-3">Body Wash </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories210--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/foot-care-210" class="sf-depth-3">Foot Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories211--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/hand-care-211" class="sf-depth-3">Hand Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories231--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/nail-care-231" class="sf-depth-3">Nail Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories208--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/scrubs-208" class="sf-depth-3">Scrubs</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories214--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/shower-gel-214" class="sf-depth-3">Shower Gel</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories219--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/sun-tan-219" class="sf-depth-3">Sun Tan</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></div></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories169--4" class="sf-depth-2 sf-multicolumn-column menuparent"><div class="sf-multicolumn-column"><a href="https://waw.beauty/shop/category/eye-care-169" class="sf-depth-2 menuparent">Eye Care</a><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories202--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-cream-202" class="sf-depth-3">Eye Cream </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories203--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-patches-203" class="sf-depth-3">Eye Patches </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories201--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-serum-201" class="sf-depth-3">Eye Serum </a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></div></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories241--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/nose-care-241" class="sf-depth-2">Nose Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories171--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/lip-care-171" class="sf-depth-2">Lip Care</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></li></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories162--4" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/make-162" class="sf-depth-1 menuparent">Make Up</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/make-162"><img loading="lazy" alt="Make Up" src="/sites/default/files/categories/Makeup_.jpg"></a></div><ul class="sf-multicolumn" style="background-color: "><div class="category-image"><a href="https://waw.beauty/shop/category/make-162"><img loading="lazy" alt="Make Up" src="/sites/default/files/categories/Makeup_.jpg"></a><div class="namings"><span class="category-name">Make Up</span><br/><span>SHOP NOW</span></div></div><li class="sf-multicolumn-wrapper "><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories166--4" class="sf-depth-2 sf-multicolumn-column menuparent"><div class="sf-multicolumn-column"><a href="https://waw.beauty/shop/category/eyes-166" class="sf-depth-2 menuparent">Eyes</a><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories182--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-liner-182" class="sf-depth-3">Eye Liner</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories181--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eye-shadow-181" class="sf-depth-3">Eye Shadow</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories184--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/eyebrows-184" class="sf-depth-3">Eyebrows</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories183--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/mascara-183" class="sf-depth-3">Mascara</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></div></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories165--4" class="sf-depth-2 sf-multicolumn-column menuparent"><div class="sf-multicolumn-column"><a href="https://waw.beauty/shop/category/face-165" class="sf-depth-2 menuparent">Face</a><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories173--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/blush-173" class="sf-depth-3">Blush</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories174--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/bronzer-174" class="sf-depth-3">Bronzer</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories175--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/concealer-corrector-175" class="sf-depth-3">Concealer & Corrector</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories176--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/contour-176" class="sf-depth-3">Contour</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories177--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/face-powder-177" class="sf-depth-3">Face powder</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories172--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/foundation-172" class="sf-depth-3">Foundation</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories178--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/highlighter-178" class="sf-depth-3">Highlighter</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories179--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/primer-179" class="sf-depth-3">Primer</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories235--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/setting-powder-235" class="sf-depth-3">Setting Powder</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories180--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/setting-spray-180" class="sf-depth-3">Setting Spray </a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></div></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories167--4" class="sf-depth-2 sf-multicolumn-column menuparent"><div class="sf-multicolumn-column"><a href="https://waw.beauty/shop/category/lips-167" class="sf-depth-2 menuparent">Lips</a><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories186--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-balm-186" class="sf-depth-3">Lip Balm</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories188--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-gloss-188" class="sf-depth-3">Lip Gloss</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories187--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-liner-187" class="sf-depth-3">Lip Liner</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories236--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-oil-236" class="sf-depth-3">Lip Oil </a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories190--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-plumper-190" class="sf-depth-3">Lip Plumper</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories189--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lip-tint-189" class="sf-depth-3">Lip Tint</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories185--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lipstick-185" class="sf-depth-3">Lipstick</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></div></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories218--4" class="sf-depth-2 sf-multicolumn-column menuparent"><div class="sf-multicolumn-column"><a href="https://waw.beauty/shop/category/tools-accessories-218" class="sf-depth-2 menuparent">Tools & Accessories</a><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories490--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/beauty-blenders-490" class="sf-depth-3">Beauty Blenders</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories491--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/lashes-491" class="sf-depth-3">Lashes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories489--4" class="sf-depth-3 sf-no-children"><a href="https://waw.beauty/shop/category/make-brushes-489" class="sf-depth-3">Make Up Brushes</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></div></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories259--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/nails-259" class="sf-depth-2">Nails</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></li></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories164--4" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/hair-care-164" class="sf-depth-1 menuparent">Hair Care</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/hair-care-164"><img loading="lazy" alt="Hair Care" src="/sites/default/files/categories/Hair%20care_.jpg"></a></div><ul class="sf-multicolumn" style="background-color: "><div class="category-image"><a href="https://waw.beauty/shop/category/hair-care-164"><img loading="lazy" alt="Hair Care" src="/sites/default/files/categories/Hair%20care_.jpg"></a><div class="namings"><span class="category-name">Hair Care</span><br/><span>SHOP NOW</span></div></div><li class="sf-multicolumn-wrapper "><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories217--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-masks-217" class="sf-depth-2">Hair Masks</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories482--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-tools-482" class="sf-depth-2">Hair Tools</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories215--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-oils-215" class="sf-depth-2">Hair Oils</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories216--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/hair-serums-216" class="sf-depth-2">Hair Serums</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></li></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories351--4" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/men-care-351" class="sf-depth-1 menuparent">Men Care</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/men-care-351"><img loading="lazy" alt="Men Care" src="/sites/default/files/categories/Men%27s%20Care.jpg"></a></div><ul class="sf-multicolumn" style="background-color: "><div class="category-image"><a href="https://waw.beauty/shop/category/men-care-351"><img loading="lazy" alt="Men Care" src="/sites/default/files/categories/Men%27s%20Care.jpg"></a><div class="namings"><span class="category-name">Men Care</span><br/><span>SHOP NOW</span></div></div><li class="sf-multicolumn-wrapper "><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories356--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-deodorants-356" class="sf-depth-2">Men Deodorants</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories354--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-grooming-354" class="sf-depth-2">Men Grooming</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories353--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-haircare-353" class="sf-depth-2">Men Haircare</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories355--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-perfumes-355" class="sf-depth-2">Men Perfumes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories352--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/men-skincare-352" class="sf-depth-2">Men Skincare</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></li></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories304--4" class="sf-depth-1 menuparent"><a href="https://waw.beauty/shop/category/fragrances-304" class="sf-depth-1 menuparent">Fragrances</a><div class="mobile-category-image"><a href="https://waw.beauty/shop/category/fragrances-304"><img loading="lazy" alt="Fragrances" src="/sites/default/files/categories/Fragrances.jpg"></a></div><ul class="sf-multicolumn" style="background-color: "><div class="category-image"><a href="https://waw.beauty/shop/category/fragrances-304"><img loading="lazy" alt="Fragrances" src="/sites/default/files/categories/Fragrances.jpg"></a><div class="namings"><span class="category-name">Fragrances</span><br/><span>SHOP NOW</span></div></div><li class="sf-multicolumn-wrapper "><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories417--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/eau-de-cologne-417" class="sf-depth-2">Eau De Cologne</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories307--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/eau-de-parfum-307" class="sf-depth-2">Eau De Parfum</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories370--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/home-fragrances-370" class="sf-depth-2">Home Fragrances</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories308--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/eau-de-toilette-308" class="sf-depth-2">Eau De Toilette</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories309--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/her-309" class="sf-depth-2">For Her</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkcategories310--4" class="sf-depth-2 sf-no-children"><a href="https://waw.beauty/shop/category/him-310" class="sf-depth-2">For Him</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></li></ul></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands258--4" class="sf-depth-1 menuparent"><a href="/brands" class="sf-depth-1 menuparent">Shop By Brand</a><div class="mobile-category-image"><a href="/brands"><img loading="lazy" alt="Shop By Brand" src="/sites/default/files/2024-07/Shop%20by%20brand_.jpg"></a></div><ul class="sf-multicolumn" style="background-color: "><div class="category-image"><a href="/brands"><img loading="lazy" alt="Shop By Brand" src="/sites/default/files/2024-07/Shop%20by%20brand_.jpg"></a><div class="namings"><span class="category-name">Shop By Brand</span><br/><span>SHOP NOW</span></div></div><li class="sf-multicolumn-wrapper "><ol><!-- THEME DEBUG --><!-- THEME HOOK: 'superfish_menu_items' --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands440--4" class="sf-depth-2 sf-no-children"><a href="/brands/afnan-440" class="sf-depth-2">AFNAN</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands317--4" class="sf-depth-2 sf-no-children"><a href="/brands/acnevit-317" class="sf-depth-2">Acnevit</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands301--4" class="sf-depth-2 sf-no-children"><a href="/brands/anua-301" class="sf-depth-2">Anua</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands439--4" class="sf-depth-2 sf-no-children"><a href="/brands/armaf-439" class="sf-depth-2">Armaf</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands257--4" class="sf-depth-2 sf-no-children"><a href="/brands/avon-257" class="sf-depth-2">Avon</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands413--4" class="sf-depth-2 sf-no-children"><a href="/brands/avene-413" class="sf-depth-2">Avène</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands406--4" class="sf-depth-2 sf-no-children"><a href="/brands/axis-y-406" class="sf-depth-2">Axis-Y</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands382--4" class="sf-depth-2 sf-no-children"><a href="/brands/azalia-382" class="sf-depth-2">Azalia</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands467--4" class="sf-depth-2 sf-no-children"><a href="/brands/bassam-fattouh-467" class="sf-depth-2">BASSAM FATTOUH</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands281--4" class="sf-depth-2 sf-no-children"><a href="/brands/bath-body-works-281" class="sf-depth-2">Bath & Body Works</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands291--4" class="sf-depth-2 sf-no-children"><a href="/brands/beauty-formulas-291" class="sf-depth-2">Beauty Formulas</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands414--4" class="sf-depth-2 sf-no-children"><a href="/brands/beauty-glam-414" class="sf-depth-2">Beauty Glam</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands401--4" class="sf-depth-2 sf-no-children"><a href="/brands/beauty-joseon-401" class="sf-depth-2">Beauty Of Joseon</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands220--4" class="sf-depth-2 sf-no-children"><a href="/brands/beesline-220" class="sf-depth-2">Beesline</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands227--4" class="sf-depth-2 sf-no-children"><a href="/brands/bell-227" class="sf-depth-2">Bell</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands271--4" class="sf-depth-2 sf-no-children"><a href="/brands/bell-hypoallergenic-271" class="sf-depth-2">Bell HypoAllergenic</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands361--4" class="sf-depth-2 sf-no-children"><a href="/brands/bellaoggi-italia-361" class="sf-depth-2">Bellaoggi Italia</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands280--4" class="sf-depth-2 sf-no-children"><a href="/brands/benefit-cosmetics-280" class="sf-depth-2">Benefit Cosmetics</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands365--4" class="sf-depth-2 sf-no-children"><a href="/brands/benetton-365" class="sf-depth-2">Benetton</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands228--4" class="sf-depth-2 sf-no-children"><a href="/brands/bioderma-228" class="sf-depth-2">Bioderma</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands319--4" class="sf-depth-2 sf-no-children"><a href="/brands/bionnex-319" class="sf-depth-2">Bionnex</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands423--4" class="sf-depth-2 sf-no-children"><a href="/brands/cala-423" class="sf-depth-2">Cala</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands441--4" class="sf-depth-2 sf-no-children"><a href="/brands/callista-441" class="sf-depth-2">Callista</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands364--4" class="sf-depth-2 sf-no-children"><a href="/brands/carolina-herrera-364" class="sf-depth-2">Carolina Herrera</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands229--4" class="sf-depth-2 sf-no-children"><a href="/brands/caudalie-229" class="sf-depth-2">Caudalie</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands359--4" class="sf-depth-2 sf-no-children"><a href="/brands/cerave-359" class="sf-depth-2">CeraVe</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands432--4" class="sf-depth-2 sf-no-children"><a href="/brands/cetaphil-432" class="sf-depth-2">Cetaphil</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands466--4" class="sf-depth-2 sf-no-children"><a href="/brands/charlotte-tilbury-466" class="sf-depth-2">Charlotte Tilbury</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands431--4" class="sf-depth-2 sf-no-children"><a href="/brands/clearasil-431" class="sf-depth-2">Clearasil</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands302--4" class="sf-depth-2 sf-no-children"><a href="/brands/cosrx-302" class="sf-depth-2">Cosrx</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands395--4" class="sf-depth-2 sf-no-children"><a href="/brands/coup-declat-395" class="sf-depth-2">Coup D'Eclat</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands458--4" class="sf-depth-2 sf-no-children"><a href="/brands/dali-beauty-458" class="sf-depth-2">DALI BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands533--4" class="sf-depth-2 sf-no-children"><a href="/brands/dior-533" class="sf-depth-2">DIOR</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands393--4" class="sf-depth-2 sf-no-children"><a href="/brands/delia-393" class="sf-depth-2">Delia</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands424--4" class="sf-depth-2 sf-no-children"><a href="/brands/dessata-424" class="sf-depth-2">Dessata</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands426--4" class="sf-depth-2 sf-no-children"><a href="/brands/elf-426" class="sf-depth-2">ELF</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands532--4" class="sf-depth-2 sf-no-children"><a href="/brands/embryolisse-532" class="sf-depth-2">EMBRYOLISSE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands469--4" class="sf-depth-2 sf-no-children"><a href="/brands/eqqualberry-469" class="sf-depth-2">EQQUALBERRY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands502--4" class="sf-depth-2 sf-no-children"><a href="/brands/erborian-502" class="sf-depth-2">ERBORIAN</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands250--4" class="sf-depth-2 sf-no-children"><a href="/brands/ecotools-250" class="sf-depth-2">EcoTools</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands394--4" class="sf-depth-2 sf-no-children"><a href="/brands/ecrinal-394" class="sf-depth-2">Ecrinal</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands260--4" class="sf-depth-2 sf-no-children"><a href="/brands/essence-260" class="sf-depth-2">Essence</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands397--4" class="sf-depth-2 sf-no-children"><a href="/brands/eterna-397" class="sf-depth-2">Eterna</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands396--4" class="sf-depth-2 sf-no-children"><a href="/brands/eubos-396" class="sf-depth-2">Eubos</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands415--4" class="sf-depth-2 sf-no-children"><a href="/brands/eucerin-415" class="sf-depth-2">Eucerin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands452--4" class="sf-depth-2 sf-no-children"><a href="/brands/fenty-beauty-452" class="sf-depth-2">FENTY BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands243--4" class="sf-depth-2 sf-no-children"><a href="/brands/face-facts-243" class="sf-depth-2">Face Facts</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands230--4" class="sf-depth-2 sf-no-children"><a href="/brands/filorga-230" class="sf-depth-2">Filorga</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands318--4" class="sf-depth-2 sf-no-children"><a href="/brands/forscar-318" class="sf-depth-2">Forscar</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands253--4" class="sf-depth-2 sf-no-children"><a href="/brands/frezyderm-253" class="sf-depth-2">FrezyDerm</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands477--4" class="sf-depth-2 sf-no-children"><a href="/brands/gisou-477" class="sf-depth-2">GISOU</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands451--4" class="sf-depth-2 sf-no-children"><a href="/brands/glow-recipe-451" class="sf-depth-2">GLOW RECIPE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands379--4" class="sf-depth-2 sf-no-children"><a href="/brands/garnier-379" class="sf-depth-2">Garnier</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands471--4" class="sf-depth-2 sf-no-children"><a href="/brands/huda-beauty-471" class="sf-depth-2">HUDA BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands391--4" class="sf-depth-2 sf-no-children"><a href="/brands/heliabrine-391" class="sf-depth-2">Heliabrine</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands240--4" class="sf-depth-2 sf-no-children"><a href="/brands/ifran-240" class="sf-depth-2">Ifran</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands368--4" class="sf-depth-2 sf-no-children"><a href="/brands/isdin-368" class="sf-depth-2">Isdin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands239--4" class="sf-depth-2 sf-no-children"><a href="/brands/joseph-joseph-239" class="sf-depth-2">Joseph Joseph</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands449--4" class="sf-depth-2 sf-no-children"><a href="/brands/kayali-449" class="sf-depth-2">KAYALI</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands421--4" class="sf-depth-2 sf-no-children"><a href="/brands/kocostar-421" class="sf-depth-2">KOCOSTAR</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands486--4" class="sf-depth-2 sf-no-children"><a href="/brands/khan-el-kaser-486" class="sf-depth-2">Khan EL Kaser</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands457--4" class="sf-depth-2 sf-no-children"><a href="/brands/kundal-457" class="sf-depth-2">Kundal</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands385--4" class="sf-depth-2 sf-no-children"><a href="/brands/letoile-cosmetiques-385" class="sf-depth-2">L'Etoile Cosmetiques</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands376--4" class="sf-depth-2 sf-no-children"><a href="/brands/loreal-paris-376" class="sf-depth-2">L'Oreal Paris</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands447--4" class="sf-depth-2 sf-no-children"><a href="/brands/laneige-447" class="sf-depth-2">LANEIGE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands367--4" class="sf-depth-2 sf-no-children"><a href="/brands/la-roche-posay-367" class="sf-depth-2">La Roche-Posay</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands483--4" class="sf-depth-2 sf-no-children"><a href="/brands/lakme-483" class="sf-depth-2">Lakme</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands360--4" class="sf-depth-2 sf-no-children"><a href="/brands/lattafa-360" class="sf-depth-2">Lattafa</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands238--4" class="sf-depth-2 sf-no-children"><a href="/brands/lazartigue-238" class="sf-depth-2">Lazartigue</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands313--4" class="sf-depth-2 sf-no-children"><a href="/brands/lift-for-skin-313" class="sf-depth-2">Lift 4 Skin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands315--4" class="sf-depth-2 sf-no-children"><a href="/brands/lipojen-315" class="sf-depth-2">Lipojen</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands273--4" class="sf-depth-2 sf-no-children"><a href="/brands/lirene-273" class="sf-depth-2">Lirene</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands311--4" class="sf-depth-2 sf-no-children"><a href="/brands/long-for-hair-311" class="sf-depth-2">Long 4 Hair</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands312--4" class="sf-depth-2 sf-no-children"><a href="/brands/long-for-lashes-312" class="sf-depth-2">Long 4 Lashes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands314--4" class="sf-depth-2 sf-no-children"><a href="/brands/long-for-nails-314" class="sf-depth-2">Long 4 Nails</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands472--4" class="sf-depth-2 sf-no-children"><a href="/brands/lovely-472" class="sf-depth-2">Lovely</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands251--4" class="sf-depth-2 sf-no-children"><a href="/brands/lysedia-paris-251" class="sf-depth-2">Lysedia Paris</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands456--4" class="sf-depth-2 sf-no-children"><a href="/brands/mancera-paris-456" class="sf-depth-2">MANCERA PARIS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands462--4" class="sf-depth-2 sf-no-children"><a href="/brands/milk-makeup-462" class="sf-depth-2">MILK MAKEUP</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands455--4" class="sf-depth-2 sf-no-children"><a href="/brands/montale-paris-455" class="sf-depth-2">MONTALE PARIS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands256--4" class="sf-depth-2 sf-no-children"><a href="/brands/moodmatcher-256" class="sf-depth-2">MOODmatcher</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands386--4" class="sf-depth-2 sf-no-children"><a href="/brands/make-factory-386" class="sf-depth-2">Make Up Factory</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands285--4" class="sf-depth-2 sf-no-children"><a href="/brands/make-ever-285" class="sf-depth-2">Make Up For Ever</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands321--4" class="sf-depth-2 sf-no-children"><a href="/brands/makeup-eraser-321" class="sf-depth-2">MakeUp Eraser</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands464--4" class="sf-depth-2 sf-no-children"><a href="/brands/makeup-mario-464" class="sf-depth-2">Makeup By Mario</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands400--4" class="sf-depth-2 sf-no-children"><a href="/brands/malibu-400" class="sf-depth-2">Malibu</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands246--4" class="sf-depth-2 sf-no-children"><a href="/brands/max-factor-246" class="sf-depth-2">Max Factor</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands380--4" class="sf-depth-2 sf-no-children"><a href="/brands/maybelline-380" class="sf-depth-2">Maybelline</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands316--4" class="sf-depth-2 sf-no-children"><a href="/brands/more-for-care-316" class="sf-depth-2">More 4 Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands403--4" class="sf-depth-2 sf-no-children"><a href="/brands/nacific-403" class="sf-depth-2">Nacific</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands224--4" class="sf-depth-2 sf-no-children"><a href="/brands/note-cosmetique-224" class="sf-depth-2">Note Cosmetique</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands221--4" class="sf-depth-2 sf-no-children"><a href="/brands/nuxe-221" class="sf-depth-2">Nuxe</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands422--4" class="sf-depth-2 sf-no-children"><a href="/brands/oils-nature-422" class="sf-depth-2">Oils of Nature</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands434--4" class="sf-depth-2 sf-no-children"><a href="/brands/otaci-434" class="sf-depth-2">Otaci</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands234--4" class="sf-depth-2 sf-no-children"><a href="/brands/palladio-234" class="sf-depth-2">Palladio</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands272--4" class="sf-depth-2 sf-no-children"><a href="/brands/petite-maison-272" class="sf-depth-2">Petite Maison</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands288--4" class="sf-depth-2 sf-no-children"><a href="/brands/potion-kitchen-288" class="sf-depth-2">Potion Kitchen</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands398--4" class="sf-depth-2 sf-no-children"><a href="/brands/pupa-398" class="sf-depth-2">Pupa</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands450--4" class="sf-depth-2 sf-no-children"><a href="/brands/rare-beauty-450" class="sf-depth-2">RARE BEAUTY</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands492--4" class="sf-depth-2 sf-no-children"><a href="/brands/reef-492" class="sf-depth-2">REEF</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands453--4" class="sf-depth-2 sf-no-children"><a href="/brands/rhode-453" class="sf-depth-2">RHODE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands404--4" class="sf-depth-2 sf-no-children"><a href="/brands/roge-cavailles-404" class="sf-depth-2">ROGÉ CAVAILLÈS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands249--4" class="sf-depth-2 sf-no-children"><a href="/brands/real-techniques-249" class="sf-depth-2">Real Techniques</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands484--4" class="sf-depth-2 sf-no-children"><a href="/brands/reem-scents-484" class="sf-depth-2">Reem Scents</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands223--4" class="sf-depth-2 sf-no-children"><a href="/brands/revox-b-223" class="sf-depth-2">Revox B77</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands290--4" class="sf-depth-2 sf-no-children"><a href="/brands/revuele-290" class="sf-depth-2">Revuele</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands242--4" class="sf-depth-2 sf-no-children"><a href="/brands/rimmel-242" class="sf-depth-2">Rimmel</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands437--4" class="sf-depth-2 sf-no-children"><a href="/brands/roo-437" class="sf-depth-2">Roo</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands480--4" class="sf-depth-2 sf-no-children"><a href="/brands/rosy-panda-480" class="sf-depth-2">Rosy The Panda</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands402--4" class="sf-depth-2 sf-no-children"><a href="/brands/round-lab-402" class="sf-depth-2">Round Lab</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands474--4" class="sf-depth-2 sf-no-children"><a href="/brands/royal-cosmetics-474" class="sf-depth-2">Royal Cosmetics</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands357--4" class="sf-depth-2 sf-no-children"><a href="/brands/ruby-rose-357" class="sf-depth-2">Ruby Rose</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands468--4" class="sf-depth-2 sf-no-children"><a href="/brands/saie-468" class="sf-depth-2">SAIE</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands445--4" class="sf-depth-2 sf-no-children"><a href="/brands/sephora-445" class="sf-depth-2">SEPHORA</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands428--4" class="sf-depth-2 sf-no-children"><a href="/brands/skala-428" class="sf-depth-2">SKALA</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands270--4" class="sf-depth-2 sf-no-children"><a href="/brands/skinlab-270" class="sf-depth-2">SKINLAB</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands448--4" class="sf-depth-2 sf-no-children"><a href="/brands/summer-fridays-448" class="sf-depth-2">SUMMER FRIDAYS</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands232--4" class="sf-depth-2 sf-no-children"><a href="/brands/svr-232" class="sf-depth-2">SVR</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands278--4" class="sf-depth-2 sf-no-children"><a href="/brands/sans-soucis-278" class="sf-depth-2">Sans Soucis</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands371--4" class="sf-depth-2 sf-no-children"><a href="/brands/selaya-371" class="sf-depth-2">Selaya</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands226--4" class="sf-depth-2 sf-no-children"><a href="/brands/sheglam-226" class="is-active sf-depth-2">Sheglam</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands427--4" class="sf-depth-2 sf-no-children"><a href="/brands/skin1004-427" class="sf-depth-2">Skin1004</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands267--4" class="sf-depth-2 sf-no-children"><a href="/brands/skincare-retinol-267" class="sf-depth-2">Skincare Retinol</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands425--4" class="sf-depth-2 sf-no-children"><a href="/brands/sol-de-janeiro-425" class="sf-depth-2">Sol De Janeiro</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands254--4" class="sf-depth-2 sf-no-children"><a href="/brands/soskin-254" class="sf-depth-2">Soskin</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands366--4" class="sf-depth-2 sf-no-children"><a href="/brands/style-366" class="sf-depth-2">Style</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands470--4" class="sf-depth-2 sf-no-children"><a href="/brands/tiam-470" class="sf-depth-2">TIAM</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands446--4" class="sf-depth-2 sf-no-children"><a href="/brands/tower-28-446" class="sf-depth-2">TOWER 28</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands222--4" class="sf-depth-2 sf-no-children"><a href="/brands/aloelab-222" class="sf-depth-2">The AloeLab</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands255--4" class="sf-depth-2 sf-no-children"><a href="/brands/topicrem-255" class="sf-depth-2">Topicrem</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands419--4" class="sf-depth-2 sf-no-children"><a href="/brands/trochic-419" class="sf-depth-2">Trochic</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands362--4" class="sf-depth-2 sf-no-children"><a href="/brands/trop-362" class="sf-depth-2">Trop</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands420--4" class="sf-depth-2 sf-no-children"><a href="/brands/urban-care-420" class="sf-depth-2">Urban Care</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands286--4" class="sf-depth-2 sf-no-children"><a href="/brands/uriage-286" class="sf-depth-2">Uriage</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands478--4" class="sf-depth-2 sf-no-children"><a href="/brands/vvbetter-478" class="sf-depth-2">VVBETTER</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands306--4" class="sf-depth-2 sf-no-children"><a href="/brands/victorias-secret-306" class="sf-depth-2">Victoria's Secret</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands287--4" class="sf-depth-2 sf-no-children"><a href="/brands/vitalitys-287" class="sf-depth-2">Vitality's</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands320--4" class="sf-depth-2 sf-no-children"><a href="/brands/vitayes-320" class="sf-depth-2">Vitayes</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands501--4" class="sf-depth-2 sf-no-children"><a href="/brands/wonderskin-501" class="sf-depth-2">WONDERSKIN</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands225--4" class="sf-depth-2 sf-no-children"><a href="/brands/wibo-225" class="sf-depth-2">Wibo</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands233--4" class="sf-depth-2 sf-no-children"><a href="/brands/yves-morel-233" class="sf-depth-2">Yves Morel</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands463--4" class="sf-depth-2 sf-no-children"><a href="/brands/tarte-463" class="sf-depth-2">tarte</a></li><li id="main-taxonomy-menumenu-linktaxonomy-menumenu-linkbrands504--4" class="sf-depth-2 sf-no-children"><a href="/brands/vitalitys-504" class="sf-depth-2">vitalitys</a></li><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --></ol></li></ul></li><li id="main-menu-link-content7807b22a-75e4-4a23-879a-f307a4302ae5--4" class="sf-depth-1 sf-no-children"><a href="/handpicked-collection" class="sf-depth-1">Handpicked Collection</a></li> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> </ul> <!-- END OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/region--header.html.twig' --> </div> </div> </div> </div> </div> <div class="clearfix breadcrumbs"> <div class="clearfix container-fluid p-0"> <div class="row no-gutters"> <div class="col-md-12"> <div class="clearfix breadcrumbs__section breadcrumbs-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--breadcrumbs.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-breadcrumbs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--breadcrumbs.html.twig ▪️ block--system-breadcrumb-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-breadcrumbs" class="clearfix block block-system block-system-breadcrumb-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/navigation/breadcrumb.html.twig' --> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol> <li> <a href="/">Home</a> </li> <li> <a href="/brands">Shop By Brand</a> </li> <li> Sheglam </li> </ol> </nav> <!-- END OUTPUT from 'themes/contrib/classy/templates/navigation/breadcrumb.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> </div> </div> </div> <div class="clearfix content-top"> <div class="clearfix mx-5"> <div class="row"> <div class="col-md-12"> <div class="clearfix content_top__section content-top-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content-top.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-content-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-contactinfoincontenttop.html.twig ▪️ block--block-content--7bf3e81e-0832-4d77-b378-2542f6c0f59f.html.twig ▪️ block--block-content--id-view--maison-contactinfoincontenttop--full.html.twig ▪️ block--block-content--id--maison-contactinfoincontenttop.html.twig ▪️ block--block-content--view-type--basic--full.html.twig ▪️ block--block-content--type--basic.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-maison-contactinfoincontenttop" class="left-header-menu-mobile clearfix block--type-basic block block-block-content block-block-content7bf3e81e-0832-4d77-b378-2542f6c0f59f"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--block-content--body--basic.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--basic.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p class="text-align-center"><a href="https://waw.beauty/waw-beauty-app" target="_blank" title="WAW Beauty APP download " aria-label="Mobile APP WAW Beauty"><span style="color:hsl( 308, 95%, 44% );"><strong>Download App</strong> </span>& never miss a SALE! </a></p> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-messages.html.twig ✅ block--system-messages-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> </div> </div> </div> <div class="clearfix content"> <div class="clearfix"> <div class="row no-gutters"> <div class="col-md-12"> <div class="clearfix content__section content-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-content.html.twig ▪️ block--system-main-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-maison-content" class="clearfix block block-system block-system-main-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="views-element-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view__taxonomy_term' --> <!-- FILE NAME SUGGESTIONS: ✅ views-view--taxonomy-term.html.twig ✅ views-view--taxonomy-term.html.twig ✅ views-view--taxonomy-term.html.twig ▪️ views-view.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/views/views-view--taxonomy-term.html.twig' --> <div class="container-fluid view view-taxonomy-term view-id-taxonomy_term view-display-id-page_1 js-view-dom-id-5b7dff175e45716df9017d4ab7dbc87a42b37d705ac1763092101930e2d9ef25"> <div class="view-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'taxonomy_term' --> <!-- FILE NAME SUGGESTIONS: ▪️ taxonomy-term--full.html.twig ▪️ taxonomy-term--226.html.twig ✅ taxonomy-term--brands.html.twig ▪️ taxonomy-term.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/taxonomy/taxonomy-term--brands.html.twig' --> <div id="taxonomy-term-226" class="taxonomy-term vocabulary-brands"> <div class="content"> <div class="brand-content"> <div class="col-sm-12 col-md-12 col-lg-6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--taxonomy-term--description--brands.html.twig ▪️ field--taxonomy-term--description.html.twig ▪️ field--taxonomy-term--brands.html.twig ▪️ field--description.html.twig ✅ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-description field--type-text-long field--label-hidden field__item"><p><strong>SHEGLAM</strong> is a cosmetics brand launched in 2019. It is headquartered in Singapore with operations in seven other locations. Items include bath and skin-care products, <strong><a href="/shop/category/make-162"><span style="color:#2980b9;">makeup</span></a></strong> lines, professional tools, eyeliners, lipstick, glosses, blushes, bronzers, brushes, and mascara, among others.</p> <p>SHEGLAM, since its inception, gained recognition for its premium quality cosmetics that are made from 100% cruelty-free raw materials and is currently sold in over 40 countries around the world It is also the recipient of the 2021 MEGA Beauty Awards. </p> <p>Elevate your beauty game with SHEGLAM and Experience beauty in every shade.</p> <p>Buy online on waw beauty Lebanon SHEGLAM products at the best prices.</p> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> </div> <div class="col-sm-12 col-md-12 col-lg-6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--taxonomy-term--field-logo--brands.html.twig ▪️ field--taxonomy-term--field-logo.html.twig ▪️ field--taxonomy-term--brands.html.twig ▪️ field--field-logo.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-logo field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/2024-07/Sheglam.webp" alt="SHEGLAM" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/taxonomy/taxonomy-term--brands.html.twig' --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_mini_pager' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/views/views-mini-pager.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/views/views-mini-pager.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/views/views-view--taxonomy-term.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> </div> </div> </div> <div class="clearfix content-bottom"> <div class="clearfix mx-5"> <div class="row"> <div class="col-md-12"> <div class="clearfix content-bottom__section content-bottom-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content-bottom.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-content-bottom"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-views-block--brand-products-block-1.html.twig ▪️ block--views-block--brand-products-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div class="views-element-container brand-products clearfix block block-views block-views-blockbrand-products-block-1" id="block-maison-views-block-brand-products-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- FILE NAME SUGGESTIONS: ▪️ views-view--brand-products.html.twig ✅ views-view.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/views/views-view.html.twig' --> <div class="products view view-brand-products view-id-brand_products view-display-id-block_1 js-view-dom-id-996b00b7422a52f7623eb9aa616fccf84fada383b8999ceeb02d33da3cb8cfe2"> <div class="view-header"> <hr> <h1>Sheglam PRODUCTS</h1> </div> <div class="view-filters form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="views-exposed-form bef-exposed-form" data-bef-auto-submit-full-form="" data-bef-auto-submit="" data-bef-auto-submit-delay="30000" data-drupal-selector="views-exposed-form-brand-products-block-1" action="/brands/sheglam-226" method="get" id="views-exposed-form-brand-products-block-1" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_exposed_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/views/views-exposed-form.html.twig' --> <div class="form--inline clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: ▪️ form-element--brand-products--block-1.html.twig ▪️ form-element--brand-products.html.twig ✅ form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-sort-by form-item-sort-by"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-sort-by--3">Sort by</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'select' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/select.html.twig' --> <select data-drupal-selector="edit-sort-by" id="edit-sort-by--3" name="sort_by" class="form-select"><option value="newest" selected="selected">Newest</option><option value="highest_price">Highest Price</option><option value="lowest_price">Lowest Price</option></select> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/select.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--3"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-bef-auto-submit-click="" data-drupal-selector="edit-submit-brand-products" type="submit" id="edit-submit-brand-products" value="Apply" class="button js-form-submit form-submit" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/views/views-exposed-form.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div> <div class="view-content row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/views/views-view-unformatted.html.twig' --> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8846--details.html.twig ▪️ commerce-product--8846.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8846 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-hydra-jelly-pocket-lip-jam-strawberry-splash-8846?v=14912"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/38266_2adefdfe6276fc0.jpg.webp?itok=01v-igw4 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38266_2adefdfe6276fc0.jpg.webp?itok=01v-igw4 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38266_2adefdfe6276fc0.jpg.webp?itok=01v-igw4 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/38266_2adefdfe6276fc0.jpg.webp?itok=37HL8dEs 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/38266_2adefdfe6276fc0.jpg.webp?itok=01v-igw4" alt="SHEGLAM Hydra Jelly Pocket Lip Jam-Fig Flirt" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--makeup.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8846 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-hydra-jelly-pocket-lip-jam-strawberry-splash-8846?v=14912"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38267_102e28be81403c8.jpg.webp?itok=k5rOUlpL 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38267_102e28be81403c8.jpg.webp?itok=k5rOUlpL 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38267_102e28be81403c8.jpg.webp?itok=k5rOUlpL 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/38267_102e28be81403c8.jpg.webp?itok=gr_0_PwG 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/38267_102e28be81403c8.jpg.webp?itok=k5rOUlpL" alt="SHEGLAM Hydra Jelly Pocket Lip Jam-Fig Flirt" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8846 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$7</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8846 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM Hydra Jelly Pocket Lip Jam-Fig Flirt</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8846"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8846 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8846" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8846" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/fieldset.html.twig' --> <fieldset data-drupal-selector="edit-purchased-entity-0-attributes-attribute-color" class="product--rendered-attribute fieldgroup form-composite required js-form-item form-item js-form-wrapper form-wrapper" id="edit-purchased-entity-0-attributes-attribute-color--wrapper" required="required" aria-required="true"> <legend> <span class="fieldset-legend js-form-required form-required">Color</span> </legend> <div class="fieldset-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'radios' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/radios.html.twig' --> <div id="edit-purchased-entity-0-attributes-attribute-color" class="form-radios"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-purchased-entity-0-attributes-attribute-color form-item-purchased-entity-0-attributes-attribute-color"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__radio' --> <!-- FILE NAME SUGGESTIONS: ✅ input--radio.html.twig ✅ input--radio.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <input data-drupal-selector="edit-purchased-entity-0-attributes-attribute-color-41086" class="product--rendered-attribute__selected form-radio color" data-disable-refocus="true" type="radio" id="edit-purchased-entity-0-attributes-attribute-color-41086" name="purchased_entity[0][attributes][attribute_color]" value="41086" checked="checked" aria-label="color" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-purchased-entity-0-attributes-attribute-color-41086" class="option"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product_attribute_value' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product-attribute-value--41086--add-to-cart.html.twig ▪️ commerce-product-attribute-value--41086.html.twig ▪️ commerce-product-attribute-value--color--add-to-cart.html.twig ▪️ commerce-product-attribute-value--color.html.twig ▪️ commerce-product-attribute-value--add-to-cart.html.twig ✅ commerce-product-attribute-value.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--field-color--color.html.twig ▪️ field--commerce-product-attribute-value--field-color.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--field-color.html.twig ▪️ field--color-field-type.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-color field--type-color-field-type field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'color_field_formatter_swatch' --> <!-- BEGIN OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> <div class="color_field__swatch color_field__swatch--circle" style="background-color: rgb(155,59,44); width: 24px; height: 24px;"></div> <!-- END OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--name--color.html.twig ▪️ field--commerce-product-attribute-value--name.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--name.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-name field--type-string field--label-hidden field__item">Fig Flirt</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> </label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-purchased-entity-0-attributes-attribute-color form-item-purchased-entity-0-attributes-attribute-color"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__radio' --> <!-- FILE NAME SUGGESTIONS: ✅ input--radio.html.twig ✅ input--radio.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <input data-drupal-selector="edit-purchased-entity-0-attributes-attribute-color-41087" data-disable-refocus="true" type="radio" id="edit-purchased-entity-0-attributes-attribute-color-41087" name="purchased_entity[0][attributes][attribute_color]" value="41087" class="form-radio color" aria-label="color" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-purchased-entity-0-attributes-attribute-color-41087" class="option"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product_attribute_value' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product-attribute-value--41087--add-to-cart.html.twig ▪️ commerce-product-attribute-value--41087.html.twig ▪️ commerce-product-attribute-value--color--add-to-cart.html.twig ▪️ commerce-product-attribute-value--color.html.twig ▪️ commerce-product-attribute-value--add-to-cart.html.twig ✅ commerce-product-attribute-value.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--field-color--color.html.twig ▪️ field--commerce-product-attribute-value--field-color.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--field-color.html.twig ▪️ field--color-field-type.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-color field--type-color-field-type field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'color_field_formatter_swatch' --> <!-- BEGIN OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> <div class="color_field__swatch color_field__swatch--circle" style="background-color: rgb(214,22,41); width: 24px; height: 24px;"></div> <!-- END OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--name--color.html.twig ▪️ field--commerce-product-attribute-value--name.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--name.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-name field--type-string field--label-hidden field__item">Strawberry Splash</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> </label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/radios.html.twig' --> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/fieldset.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-7hplthcqh6b-x8wrrsiqrsxeg2p9eyf3y5romdvf8yy" type="hidden" name="form_build_id" value="form-7hpLThCQH6b_x8wrRsIqrSXEg2p9eyf3y5RomdVF8YY" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8846" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8846" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="hB8aGa9X-MZChyEP36lhadeymeHq6VGaPIo-whAJXqI" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value form-disabled"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" disabled="disabled" type="number" id="edit-quantity-0-value" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--5"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit is-disabled" data-drupal-selector="edit-submit" disabled="disabled" type="submit" id="edit-submit" name="op" value="Out of stock" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--2">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--2" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8846"></span> <button class="out-of-stock-button add-to-cart-link" disabled> Out of stock </button> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8845--details.html.twig ▪️ commerce-product--8845.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8845 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-baked-glow-setting-powder-banana-8845?v=14910"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/38258_756452ffc13edd9.jpg.webp?itok=dox5j2ri 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38258_756452ffc13edd9.jpg.webp?itok=dox5j2ri 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38258_756452ffc13edd9.jpg.webp?itok=dox5j2ri 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/38258_756452ffc13edd9.jpg.webp?itok=UKS9PXIs 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/38258_756452ffc13edd9.jpg.webp?itok=dox5j2ri" alt="SHEGLAM Baked Glow Setting Powder-Banana" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--makeup.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8845 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-baked-glow-setting-powder-banana-8845?v=14910"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38259_bbdb4c6a7ec39e9.jpg.webp?itok=YQpznjZr 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38259_bbdb4c6a7ec39e9.jpg.webp?itok=YQpznjZr 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38259_bbdb4c6a7ec39e9.jpg.webp?itok=YQpznjZr 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/38259_bbdb4c6a7ec39e9.jpg.webp?itok=lGb1ogQl 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/38259_bbdb4c6a7ec39e9.jpg.webp?itok=YQpznjZr" alt="SHEGLAM Baked Glow Setting Powder-Banana" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8845 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$8</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8845 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM Baked Glow Setting Powder-Banana</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8845"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--2"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8845 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8845" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8845" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--2"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--2"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-v-gfbwxsseuhkvsuacrmxigfareg7icshlusy3sj4ce" type="hidden" name="form_build_id" value="form-v_gFBwXSSEuHKvsUacrmxIgFarEg7iCshLUSy3SJ4CE" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8845" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8845" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="tYHX8LST2Q3Er6Us-yRZAf6e7dv9RfYZ8_Z6Ku-5vCo" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--2"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--2">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--2" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--3">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--3" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8845"></span> <span class="product--variation-field--variation_add_to_cart_link__8845"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14910.html.twig ▪️ commerce-add-to-cart-link--makeup.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8845" data-variation="14910">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8844--details.html.twig ▪️ commerce-product--8844.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8844 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-baked-glow-setting-powder-bubblegum-8844?v=14909"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/38256_17fa062b8d9f5dc.jpg.webp?itok=AQaCUc0O 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38256_17fa062b8d9f5dc.jpg.webp?itok=AQaCUc0O 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38256_17fa062b8d9f5dc.jpg.webp?itok=AQaCUc0O 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/38256_17fa062b8d9f5dc.jpg.webp?itok=WrcBaHrG 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/38256_17fa062b8d9f5dc.jpg.webp?itok=AQaCUc0O" alt="SHEGLAM Baked Glow Setting Powder-Bubblegum" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--makeup.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8844 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-baked-glow-setting-powder-bubblegum-8844?v=14909"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38255_baacb6ee95fdc07.jpg.webp?itok=sKc1-E8p 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38255_baacb6ee95fdc07.jpg.webp?itok=sKc1-E8p 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38255_baacb6ee95fdc07.jpg.webp?itok=sKc1-E8p 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/38255_baacb6ee95fdc07.jpg.webp?itok=WUY1RqzB 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/38255_baacb6ee95fdc07.jpg.webp?itok=sKc1-E8p" alt="SHEGLAM Baked Glow Setting Powder-Bubblegum" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8844 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$8</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8844 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM Baked Glow Setting Powder-Bubblegum</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8844"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--3"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8844 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8844" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8844" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--3"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--3"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-tfhahcu1mkttnxhnsmaovrqct00ctfrakp-kupnjals" type="hidden" name="form_build_id" value="form-tfhahCu1MKttNxHnSmAOvrQcT00CTFraKP-kupnJals" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8844" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8844" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="BcMfmIV0cB0PhDHmdjr3tkLp_r5s_tTkFXECviaGGAM" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--3"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--3">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--3" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--7"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--3" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--4">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--4" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8844"></span> <span class="product--variation-field--variation_add_to_cart_link__8844"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14909.html.twig ▪️ commerce-add-to-cart-link--makeup.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8844" data-variation="14909">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8843--details.html.twig ▪️ commerce-product--8843.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8843 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-bold-booster-plumping-lip-liner-pink-slip-8843?v=14908"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/38253_431dc4c4b6b8c1c.jpg.webp?itok=wx94q4I1 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38253_431dc4c4b6b8c1c.jpg.webp?itok=wx94q4I1 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38253_431dc4c4b6b8c1c.jpg.webp?itok=wx94q4I1 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/38253_431dc4c4b6b8c1c.jpg.webp?itok=noEFtq0r 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/38253_431dc4c4b6b8c1c.jpg.webp?itok=wx94q4I1" alt="SHEGLAM Bold Booster Plumping Lip Liner-Pink Slip" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--makeup.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8843 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-bold-booster-plumping-lip-liner-pink-slip-8843?v=14908"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38254_b00822206f40820.jpg.webp?itok=0CNr3HPp 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38254_b00822206f40820.jpg.webp?itok=0CNr3HPp 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38254_b00822206f40820.jpg.webp?itok=0CNr3HPp 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/38254_b00822206f40820.jpg.webp?itok=McG4xLZ2 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/38254_b00822206f40820.jpg.webp?itok=0CNr3HPp" alt="SHEGLAM Bold Booster Plumping Lip Liner-Pink Slip" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8843 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$4</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8843 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM Bold Booster Plumping Lip Liner-Pink Slip</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8843"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8843 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8843" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8843" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--4"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-ygiamsdnpa9jz4hgcbmjt2rx6xpgfh-wqfwx5-iwhyw" type="hidden" name="form_build_id" value="form-YgiamSDnPa9jz4HGCBMJT2rX6xPGfh-WQfWX5_IwhYw" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8843" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8843" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="GAkVWfgemIb3FQhf1QXesD1MrhfahwU5UP0BW9K_ed8" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value form-disabled"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--4">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" disabled="disabled" type="number" id="edit-quantity-0-value--4" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit is-disabled" data-drupal-selector="edit-submit" disabled="disabled" type="submit" id="edit-submit--4" name="op" value="Out of stock" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--5">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--5" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8843"></span> <button class="out-of-stock-button add-to-cart-link" disabled> Out of stock </button> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8842--details.html.twig ▪️ commerce-product--8842.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8842 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-bold-booster-lip-plumper-rose-veil-8842?v=14906"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/38249_e9b9fe7c197ed7b.jpg.webp?itok=rgO_kM9f 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38249_e9b9fe7c197ed7b.jpg.webp?itok=rgO_kM9f 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38249_e9b9fe7c197ed7b.jpg.webp?itok=rgO_kM9f 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/38249_e9b9fe7c197ed7b.jpg.webp?itok=_QITPmZz 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/38249_e9b9fe7c197ed7b.jpg.webp?itok=rgO_kM9f" alt="SHEGLAM Bold Booster Lip Plumper-Honey Glaze" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--makeup.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8842 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-bold-booster-lip-plumper-rose-veil-8842?v=14906"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38250_6762ccfaaf669ec.jpg.webp?itok=q0u6IZew 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38250_6762ccfaaf669ec.jpg.webp?itok=q0u6IZew 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38250_6762ccfaaf669ec.jpg.webp?itok=q0u6IZew 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/38250_6762ccfaaf669ec.jpg.webp?itok=oyLaHpC1 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/38250_6762ccfaaf669ec.jpg.webp?itok=q0u6IZew" alt="SHEGLAM Bold Booster Lip Plumper-Honey Glaze" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8842 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$7</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8842 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM Bold Booster Lip Plumper-Honey Glaze</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8842"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--5"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8842 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8842" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8842" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--5"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--5"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/fieldset.html.twig' --> <fieldset data-drupal-selector="edit-purchased-entity-0-attributes-attribute-color" class="product--rendered-attribute fieldgroup form-composite required js-form-item form-item js-form-wrapper form-wrapper" id="edit-purchased-entity-0-attributes-attribute-color--5--wrapper" required="required" aria-required="true"> <legend> <span class="fieldset-legend js-form-required form-required">Color</span> </legend> <div class="fieldset-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'radios' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/radios.html.twig' --> <div id="edit-purchased-entity-0-attributes-attribute-color--5" class="form-radios"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-purchased-entity-0-attributes-attribute-color form-item-purchased-entity-0-attributes-attribute-color"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__radio' --> <!-- FILE NAME SUGGESTIONS: ✅ input--radio.html.twig ✅ input--radio.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <input data-drupal-selector="edit-purchased-entity-0-attributes-attribute-color-40615" class="product--rendered-attribute__selected form-radio color" data-disable-refocus="true" type="radio" id="edit-purchased-entity-0-attributes-attribute-color-40615" name="purchased_entity[0][attributes][attribute_color]" value="40615" checked="checked" aria-label="color" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-purchased-entity-0-attributes-attribute-color-40615" class="option"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product_attribute_value' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product-attribute-value--40615--add-to-cart.html.twig ▪️ commerce-product-attribute-value--40615.html.twig ▪️ commerce-product-attribute-value--color--add-to-cart.html.twig ▪️ commerce-product-attribute-value--color.html.twig ▪️ commerce-product-attribute-value--add-to-cart.html.twig ✅ commerce-product-attribute-value.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--field-color--color.html.twig ▪️ field--commerce-product-attribute-value--field-color.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--field-color.html.twig ▪️ field--color-field-type.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-color field--type-color-field-type field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'color_field_formatter_swatch' --> <!-- BEGIN OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> <div class="color_field__swatch color_field__swatch--circle" style="background-color: rgb(194,106,101); width: 24px; height: 24px;"></div> <!-- END OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--name--color.html.twig ▪️ field--commerce-product-attribute-value--name.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--name.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-name field--type-string field--label-hidden field__item">Honey Glaze</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> </label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-purchased-entity-0-attributes-attribute-color form-item-purchased-entity-0-attributes-attribute-color"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__radio' --> <!-- FILE NAME SUGGESTIONS: ✅ input--radio.html.twig ✅ input--radio.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <input data-drupal-selector="edit-purchased-entity-0-attributes-attribute-color-40616" data-disable-refocus="true" type="radio" id="edit-purchased-entity-0-attributes-attribute-color-40616" name="purchased_entity[0][attributes][attribute_color]" value="40616" class="form-radio color" aria-label="color" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--radio.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-purchased-entity-0-attributes-attribute-color-40616" class="option"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product_attribute_value' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product-attribute-value--40616--add-to-cart.html.twig ▪️ commerce-product-attribute-value--40616.html.twig ▪️ commerce-product-attribute-value--color--add-to-cart.html.twig ▪️ commerce-product-attribute-value--color.html.twig ▪️ commerce-product-attribute-value--add-to-cart.html.twig ✅ commerce-product-attribute-value.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--field-color--color.html.twig ▪️ field--commerce-product-attribute-value--field-color.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--field-color.html.twig ▪️ field--color-field-type.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-field-color field--type-color-field-type field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'color_field_formatter_swatch' --> <!-- BEGIN OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> <div class="color_field__swatch color_field__swatch--circle" style="background-color: rgb(214,137,131); width: 24px; height: 24px;"></div> <!-- END OUTPUT from 'modules/contrib/color_field/templates/color-field-formatter-swatch.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-attribute-value--name--color.html.twig ▪️ field--commerce-product-attribute-value--name.html.twig ▪️ field--commerce-product-attribute-value--color.html.twig ▪️ field--name.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-name field--type-string field--label-hidden field__item">Rose Veil</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/commerce/modules/product/templates/commerce-product-attribute-value.html.twig' --> </label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/radios.html.twig' --> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/fieldset.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-2k1ippvvotuwfrbz2hftq-dgstub1vg3vqkpkndrqx0" type="hidden" name="form_build_id" value="form-2K1IpPvVotuWfrBZ2hFTq-dGSTUB1vg3vqkpknDrqx0" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8842" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8842" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="LVVpOUSid44OnjPqVp0BCusaMIZvC1B5XQuN1hPWoS4" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--5"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--5">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--5" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--9"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--5" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--6">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--6" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8842"></span> <span class="product--variation-field--variation_add_to_cart_link__8842"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14906.html.twig ▪️ commerce-add-to-cart-link--makeup.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8842" data-variation="14906">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8841--details.html.twig ▪️ commerce-product--8841.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8841 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-all-one-24k-multi-effect-mascara-8841?v=14905"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/38246_8fe8f4f31bf479b.jpg.webp?itok=FVM3tuG2 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38246_8fe8f4f31bf479b.jpg.webp?itok=FVM3tuG2 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38246_8fe8f4f31bf479b.jpg.webp?itok=FVM3tuG2 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/38246_8fe8f4f31bf479b.jpg.webp?itok=mMADYnzt 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/38246_8fe8f4f31bf479b.jpg.webp?itok=FVM3tuG2" alt="SHEGLAM All-In-One 24k Multi-Effect Mascara" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--makeup.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8841 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-all-one-24k-multi-effect-mascara-8841?v=14905"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38245_74497a9e7fd67a9.jpg.webp?itok=iNH0HR9c 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38245_74497a9e7fd67a9.jpg.webp?itok=iNH0HR9c 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38245_74497a9e7fd67a9.jpg.webp?itok=iNH0HR9c 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/38245_74497a9e7fd67a9.jpg.webp?itok=Wk5KxzIC 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/38245_74497a9e7fd67a9.jpg.webp?itok=iNH0HR9c" alt="SHEGLAM All-In-One 24k Multi-Effect Mascara" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8841 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$9</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8841 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM All-In-One 24k Multi-Effect Mascara</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8841"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8841 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8841" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8841" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--6"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-4t4ymy8a4sjb7nkov0dzjxhr1oqa5wdedur81e5r8bq" type="hidden" name="form_build_id" value="form-4T4YmY8A4Sjb7nKov0DzJxHr1oQA5wDeDuR81E5R8bQ" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8841" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8841" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="SVB9vFaso8CTdcb6LLdDyU35V-8V-WW7Vbo8NokRL0k" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--6">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--6" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--10"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--6" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--7">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--7" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8841"></span> <span class="product--variation-field--variation_add_to_cart_link__8841"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14905.html.twig ▪️ commerce-add-to-cart-link--makeup.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8841" data-variation="14905">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8840--details.html.twig ▪️ commerce-product--8840.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8840 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-made-me-eyelash-curler-8840?v=14904"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/38242_680d65d00d05614.jpg.webp?itok=VTVZBhtM 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38242_680d65d00d05614.jpg.webp?itok=VTVZBhtM 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/38242_680d65d00d05614.jpg.webp?itok=VTVZBhtM 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/38242_680d65d00d05614.jpg.webp?itok=MLAS9gAC 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/38242_680d65d00d05614.jpg.webp?itok=VTVZBhtM" alt="SHEGLAM Made For Me Eyelash Curler" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--makeup.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8840 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/new-arrivals-418/sheglam-made-me-eyelash-curler-8840?v=14904"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38243_e28e24a39a362d4.jpg.webp?itok=ZdhTWMc5 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38243_e28e24a39a362d4.jpg.webp?itok=ZdhTWMc5 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/38243_e28e24a39a362d4.jpg.webp?itok=ZdhTWMc5 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/38243_e28e24a39a362d4.jpg.webp?itok=GiZRA7HB 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/38243_e28e24a39a362d4.jpg.webp?itok=ZdhTWMc5" alt="SHEGLAM Made For Me Eyelash Curler" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8840 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$5</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8840 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM Made For Me Eyelash Curler</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8840"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--7"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8840 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8840" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8840" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--7"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--7"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-uskd3wxtii875yjxczx4hsz39uv8wywldrhlyhezhym" type="hidden" name="form_build_id" value="form-uskD3WXtii875yJxCzX4hSz39uV8wYWldRhlyhezHyM" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8840" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8840" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="dMEdDpcSvsVgQsYrCYa2s1Xc3tfACu6_xukks98UmDo" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--7"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--7">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--7" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--11"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--7" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--8">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--8" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8840"></span> <span class="product--variation-field--variation_add_to_cart_link__8840"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14904.html.twig ▪️ commerce-add-to-cart-link--makeup.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8840" data-variation="14904">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8579--details.html.twig ▪️ commerce-product--8579.html.twig ▪️ commerce-product--haircare--details.html.twig ▪️ commerce-product--haircare.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--haircare.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8579 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-it-curl-one-touch-instant-curler-32mm-8579?v=14360"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/36061_e531fd9c4b5f5af.jpg.webp?itok=y--qZKem 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36061_e531fd9c4b5f5af.jpg.webp?itok=y--qZKem 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36061_e531fd9c4b5f5af.jpg.webp?itok=y--qZKem 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/36061_e531fd9c4b5f5af.jpg.webp?itok=Av_KmzKl 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/36061_e531fd9c4b5f5af.jpg.webp?itok=y--qZKem" alt="SHEGLAM HAIR It-Curl One-Touch Instant Curler - 32mm" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--haircare.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8579 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-it-curl-one-touch-instant-curler-32mm-8579?v=14360"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36062_6133d66c676db6f.jpg.webp?itok=PH2Mminw 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36062_6133d66c676db6f.jpg.webp?itok=PH2Mminw 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36062_6133d66c676db6f.jpg.webp?itok=PH2Mminw 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/36062_6133d66c676db6f.jpg.webp?itok=R4akOs45 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/36062_6133d66c676db6f.jpg.webp?itok=PH2Mminw" alt="SHEGLAM HAIR It-Curl One-Touch Instant Curler - 32mm" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--haircare.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8579 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$40</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--haircare.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8579 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM HAIR It-Curl One-Touch Instant Curler - 32mm</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8579"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--haircare.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--haircare.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8579 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8579" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8579" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--8"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-4cplpzbqshpw73fwuza8rxl-xpfjhtntdw9ogryqsao" type="hidden" name="form_build_id" value="form-4CpLPZbQsHpw73FWuza8rXL_xpFjhTNtdw9OGryqsAo" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8579" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8579" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="jEdlkLaOKGZheEylbGZfTpjrNeE_FP9RDUWauiSJICU" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value form-disabled"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--8">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" disabled="disabled" type="number" id="edit-quantity-0-value--8" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--12"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit is-disabled" data-drupal-selector="edit-submit" disabled="disabled" type="submit" id="edit-submit--8" name="op" value="Out of stock" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--9">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--9" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8579"></span> <button class="out-of-stock-button add-to-cart-link" disabled> Out of stock </button> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8578--details.html.twig ▪️ commerce-product--8578.html.twig ▪️ commerce-product--haircare--details.html.twig ▪️ commerce-product--haircare.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--haircare.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8578 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-it-curl-thermal-blowout-brush-38mm-8578?v=14359"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/36065_6e71d65aced3d4c.jpg.webp?itok=OyW5h_V0 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36065_6e71d65aced3d4c.jpg.webp?itok=OyW5h_V0 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36065_6e71d65aced3d4c.jpg.webp?itok=OyW5h_V0 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/36065_6e71d65aced3d4c.jpg.webp?itok=I66i5qkv 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/36065_6e71d65aced3d4c.jpg.webp?itok=OyW5h_V0" alt="SHEGLAM HAIR It-Curl Thermal Blowout Brush - 38mm" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--haircare.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8578 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-it-curl-thermal-blowout-brush-38mm-8578?v=14359"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36064_73ce20214732e5e.jpg.webp?itok=l0iCIhsu 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36064_73ce20214732e5e.jpg.webp?itok=l0iCIhsu 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36064_73ce20214732e5e.jpg.webp?itok=l0iCIhsu 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/36064_73ce20214732e5e.jpg.webp?itok=5VpvxfXj 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/36064_73ce20214732e5e.jpg.webp?itok=l0iCIhsu" alt="SHEGLAM HAIR It-Curl Thermal Blowout Brush - 38mm" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--haircare.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8578 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$40</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--haircare.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8578 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM HAIR It-Curl Thermal Blowout Brush - 38mm</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8578"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--haircare.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--haircare.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--9"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8578 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8578" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8578" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--9"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--9"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-t4kbpubnzx91uqpemdnwo7trrugpgabsbujckkqgr8y" type="hidden" name="form_build_id" value="form-t4kBPuBnzX91uQpeMDnwO7trRugPGaBsBUJCkkqgR8Y" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8578" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8578" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="aepW9BHKhptbWPNgIiEBjqmM5ZmwxxA54f2NEwUHKFE" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--9"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--9">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--9" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--13"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--9" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--10">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--10" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8578"></span> <span class="product--variation-field--variation_add_to_cart_link__8578"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14359.html.twig ▪️ commerce-add-to-cart-link--haircare.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8578" data-variation="14359">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8577--details.html.twig ▪️ commerce-product--8577.html.twig ▪️ commerce-product--haircare--details.html.twig ▪️ commerce-product--haircare.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--haircare.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8577 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-it-curl-curling-iron-32mm-8577?v=14358"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/36060_af8063d59437f2e.jpg.webp?itok=JpwpjJr2 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36060_af8063d59437f2e.jpg.webp?itok=JpwpjJr2 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36060_af8063d59437f2e.jpg.webp?itok=JpwpjJr2 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/36060_af8063d59437f2e.jpg.webp?itok=3caRAeKo 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/36060_af8063d59437f2e.jpg.webp?itok=JpwpjJr2" alt="SHEGLAM HAIR It-Curl Curling Iron - 32mm" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--haircare.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8577 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-it-curl-curling-iron-32mm-8577?v=14358"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36058_68a8ac15a294274.jpg.webp?itok=lxuJNeOO 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36058_68a8ac15a294274.jpg.webp?itok=lxuJNeOO 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36058_68a8ac15a294274.jpg.webp?itok=lxuJNeOO 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/36058_68a8ac15a294274.jpg.webp?itok=D5UFzX_B 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/36058_68a8ac15a294274.jpg.webp?itok=lxuJNeOO" alt="SHEGLAM HAIR It-Curl Curling Iron - 32mm" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--haircare.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8577 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$25</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--haircare.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8577 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM HAIR It-Curl Curling Iron - 32mm</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8577"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--haircare.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--haircare.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--10"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8577 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8577" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8577" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--10"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--10"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-b6mqyxeof9ymssuju27ukjsslk-wknp5cvubhtoeiva" type="hidden" name="form_build_id" value="form-b6MQyxEOf9YMSSuJU27UkjssLK-wknP5cVuBHtoeiVA" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8577" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8577" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="Iv9nHVMpYiEGI72YZXb2sQO4tRqz7L5PZwZiZPRZIF4" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--10"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value form-disabled"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--10">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" disabled="disabled" type="number" id="edit-quantity-0-value--10" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--14"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit is-disabled" data-drupal-selector="edit-submit" disabled="disabled" type="submit" id="edit-submit--10" name="op" value="Out of stock" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--11">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--11" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8577"></span> <button class="out-of-stock-button add-to-cart-link" disabled> Out of stock </button> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8576--details.html.twig ▪️ commerce-product--8576.html.twig ▪️ commerce-product--haircare--details.html.twig ▪️ commerce-product--haircare.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <div class="main-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--haircare.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8576 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-travel-buddy-mini-hair-straightener-8576?v=14357"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/36056_90c690eba316fc6.jpg.webp?itok=JQu14axu 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36056_90c690eba316fc6.jpg.webp?itok=JQu14axu 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/36056_90c690eba316fc6.jpg.webp?itok=JQu14axu 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/36056_90c690eba316fc6.jpg.webp?itok=RAh1AdEK 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/36056_90c690eba316fc6.jpg.webp?itok=JQu14axu" alt="SHEGLAM HAIR Travel Buddy Mini Hair Straightener" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <div class="gallery-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-gallery--haircare.html.twig ▪️ field--commerce-product-variation--field-gallery.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--field-gallery.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_gallery__8576 field field--name-field-gallery field--type-image field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/hair-tools-482/sheglam-hair-travel-buddy-mini-hair-straightener-8576?v=14357"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36055_0fbde6eff4d42d4.jpg.webp?itok=ufAfNe9x 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36055_0fbde6eff4d42d4.jpg.webp?itok=ufAfNe9x 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/gallery/36055_0fbde6eff4d42d4.jpg.webp?itok=ufAfNe9x 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/gallery/36055_0fbde6eff4d42d4.jpg.webp?itok=_6ti-tsz 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/gallery/36055_0fbde6eff4d42d4.jpg.webp?itok=ufAfNe9x" alt="SHEGLAM HAIR Travel Buddy Mini Hair Straightener" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--haircare.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8576 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$20</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--haircare.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--haircare.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8576 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM HAIR Travel Buddy Mini Hair Straightener</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8576"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--haircare.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--haircare.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--11"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8576 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8576" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8576" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--11"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--11"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-qigs-q8dhcxs-kmxx61w95i5qblihdhrvz0qh6yuj1k" type="hidden" name="form_build_id" value="form-QIGS_Q8DHcxs_KMXx61W95I5QBlihDHRvZ0Qh6yuj1k" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8576" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8576" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="BFQ3kYXxtlFIcbNYjJaCB7LCWUCeKWzFxo_EH9ZaVCM" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--11"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--11">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--11" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--15"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--11" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--12">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--12" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8576"></span> <span class="product--variation-field--variation_add_to_cart_link__8576"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14357.html.twig ▪️ commerce-add-to-cart-link--haircare.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8576" data-variation="14357">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <div class="col-6 col-sm-6 col-md-4 col-lg-2 shop-product views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> <div class="views-field views-field-search-api-rendered-item"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_product' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-product--8554--details.html.twig ▪️ commerce-product--8554.html.twig ▪️ commerce-product--makeup--details.html.twig ▪️ commerce-product--makeup.html.twig ✅ commerce-product--details.html.twig ▪️ commerce-product.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <article> <div class="product-wrapper row"> <section class="gallery-section col-md-12"> <div class="overlay-wrapper"> <div class="overlay-links"> </div> <div class="overlay-images"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--field-image--makeup.html.twig ▪️ field--commerce-product-variation--field-image.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--field-image.html.twig ▪️ field--image.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_field_image__8554 field field--name-field-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <a href="/shop/category/blush-173/sheglam-lunar-orbit-blush-ball-galactic-8554?v=14335"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/web_product/public/products/35995_7b8a19d0aff412f.jpg.webp?itok=kg_Alu3f 1x" media="all and (min-width: 1200px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/35995_7b8a19d0aff412f.jpg.webp?itok=kg_Alu3f 1x" media="all and (min-width: 992px) and (max-width: 1199px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/web_product/public/products/35995_7b8a19d0aff412f.jpg.webp?itok=kg_Alu3f 1x" media="all and (min-width: 768px) and (max-width: 991px)" type="image/webp" width="390" height="592"/> <source srcset="/sites/default/files/styles/mobile_product/public/products/35995_7b8a19d0aff412f.jpg.webp?itok=crzLkuzo 1x" type="image/webp" width="263" height="399"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> <img loading="lazy" loading="lazy" src="/sites/default/files/styles/web_product/public/products/35995_7b8a19d0aff412f.jpg.webp?itok=kg_Alu3f" alt="SHEGLAM Lunar Orbit Blush Ball-Galactic" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </a> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> </div> </section> <section class="product-info-section col-md-12"> <div class="price-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--price--makeup.html.twig ▪️ field--commerce-product-variation--price.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--price.html.twig ▪️ field--commerce-price.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_price__8554 field field--name-price field--type-commerce-price field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'price_difference_formatter' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> <div class="price"> <div class="final-price">$8</div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/fields/price-difference-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h3 class="product-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product-variation--title--makeup.html.twig ▪️ field--commerce-product-variation--title.html.twig ▪️ field--commerce-product-variation--makeup.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="product--variation-field--variation_title__8554 field field--name-title field--type-string field--label-hidden field__item">SHEGLAM Lunar Orbit Blush Ball-Galactic</div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </h3> <div class="product-id" data-drupal-selector="8554"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--commerce-product--variations--makeup.html.twig ▪️ field--commerce-product--variations.html.twig ▪️ field--commerce-product--makeup.html.twig ▪️ field--variations.html.twig ▪️ field--entity-reference.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> <div class="field field--name-variations field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div id="commerce-product-add-to-cart-form--12"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="commerce-order-item-add-to-cart-form-commerce-product-8554 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-8554" action="/brands/sheglam-226" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-8554" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-entity-reference field--name-purchased-entity field--widget-commerce-product-variation-attributes js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-wrapper" id="edit-purchased-entity-wrapper--12"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="attribute-widgets js-form-wrapper form-wrapper" data-drupal-selector="edit-purchased-entity-0-attributes" id="edit-purchased-entity-0-attributes--12"></div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-3b94zktvssuuogatntfmdq5eqrjb6gvhyewlxqrbffg" type="hidden" name="form_build_id" value="form-3B94ZktvSSUuOgATNtFmDQ5eqrjB6gVHyEWLXqRBfFg" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-8554" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_8554" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="1il4HAZVBRABzg7cSg2auiEPbXNHEUxvAsK-U491cLo" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="field--type-decimal field--name-quantity field--widget-number js-form-wrapper form-wrapper" data-drupal-selector="edit-quantity-wrapper" id="edit-quantity-wrapper--12"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field_multiple_value_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-number form-type-number js-form-item-quantity-0-value form-item-quantity-0-value"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-quantity-0-value--12">Quantity</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__number' --> <!-- FILE NAME SUGGESTIONS: ✅ input--number.html.twig ✅ input--number.html.twig ▪️ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> <div class="number-wrapper"> <span class="minus">-</span> <input class="number-input" data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--12" name="quantity[0][value]" value="1" step="0.01" min="0" placeholder="" class="form-number" /> <span class="plus">+</span> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/form/input--number.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/field-multiple-value-form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--16"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--12" name="op" value="Add to cart" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url--13">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url--13" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field.html.twig' --> </div> <h4 class="product-attributes"> </h4> <span class="product--variation-field--variation_salemessage__8554"></span> <span class="product--variation-field--variation_add_to_cart_link__8554"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'commerce_add_to_cart_link' --> <!-- FILE NAME SUGGESTIONS: ▪️ commerce-add-to-cart-link--14335.html.twig ▪️ commerce-add-to-cart-link--makeup.html.twig ✅ commerce-add-to-cart-link.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> <div> <a href="" class="add-to-cart-link" rel="nofollow noindex" data-product="8554" data-variation="14335">Add to cart</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-add-to-cart-link.html.twig' --> </span> </section> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/commerce/commerce-product--details.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/views/views-view-fields.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/views/views-view-unformatted.html.twig' --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_load_more_pager' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/views-load-more-pager.html.twig' --> <nav class="pager pager--load-more" role="navigation" aria-labelledby="pagination-heading"> <h4 id="pagination-heading" class="visually-hidden">Pagination</h4> <ul class="pager__items js-pager__items"> <li class="pager__item"> <a class="load-more-class" href="/brands/sheglam-226?page=1">Load more</a> </li> </ul> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/views-load-more-pager.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/views/views-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> </div> </div> </div> <div class="clearfix footer-bottom pink-background-footer"> <div class="clearfix container-fluid"> <div class="row"> <div class="col-md-4 footer-first-container"> <div class="clearfix footer-first__section footer-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--footer-first.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-footer-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-wawbeauty.html.twig ▪️ block--superfish--waw-beauty.html.twig ▪️ block--superfish.html.twig ▪️ block--superfish.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-maison-wawbeauty" class="wawbeauty-menu-footer footer-first-menu clearfix block block-superfish block-superfishwaw-beauty"> <h2>WAW BEAUTY</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish' --> <!-- BEGIN OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> <ul id="superfish-waw-beauty" class="menu sf-menu sf-waw-beauty sf-vertical sf-style-none" role="menu" aria-label="Menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish_menu_items' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> <li id="waw-beauty-menu-link-content7bb727d7-40f2-4447-afb3-b3e95e88dfbb--2" class="sf-depth-1 sf-no-children"><a href="/terms" class="sf-depth-1">Terms and Conditions</a></li><li id="waw-beauty-menu-link-content66babce0-52cf-4cec-ad4b-df7790fdaf6f--2" class="sf-depth-1 sf-no-children"><a href="/privacy-policy" class="sf-depth-1">Privacy Policy</a></li><li id="waw-beauty-menu-link-contenta19fd194-6544-49af-8b4b-ea9fd6728dfc--2" class="sf-depth-1 sf-no-children"><a href="/return-policy" class="sf-depth-1">Return / Refund Policy</a></li><li id="waw-beauty-menu-link-content451300c9-29f8-416e-9007-bdad2e5226dc--2" class="sf-depth-1 sf-no-children"><a href="/contact" class="sf-depth-1">Contact us</a></li><li id="waw-beauty-menu-link-content6acd6e19-c704-4bd2-9a5d-090fc0b75245--2" class="sf-depth-1 sf-no-children"><a href="/about" class="sf-depth-1">WB Story</a></li><li id="waw-beauty-menu-link-content9e24457d-bc4a-4024-987a-fd7a37207c9c--2" class="sf-depth-1 sf-no-children"><a href="/waw-beauty-app" class="sf-depth-1">WAW Beauty Mobile APP </a></li> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> </ul> <!-- END OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--maison-categories.html.twig ▪️ block--superfish--categories.html.twig ▪️ block--superfish.html.twig ▪️ block--superfish.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-maison-categories" class="categories-menu-footer footer-first-menu clearfix block block-superfish block-superfishcategories"> <h2>Categories</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish' --> <!-- BEGIN OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> <ul id="superfish-categories" class="menu sf-menu sf-categories sf-vertical sf-style-none" role="menu" aria-label="Menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'superfish_menu_items' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> <li id="categories-menu-link-content46da8308-8f2f-475d-a1a4-880f65931dad--2" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/skin-care-163" class="sf-depth-1 sf-external">Skincare</a></li><li id="categories-menu-link-content5caa898d-8d02-4be0-8897-9d964accb729--2" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/make-162" class="sf-depth-1 sf-external">Makeup</a></li><li id="categories-menu-link-contenta7ba7241-2d44-47fd-9a7b-638988ba71f6--2" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/hair-care-164" class="sf-depth-1 sf-external">Haircare</a></li><li id="categories-menu-link-contentb9f89451-bcfe-4e32-9136-79914de18533--2" class="sf-depth-1 sf-no-children"><a href="/blog" class="sf-depth-1">Blog</a></li><li id="categories-menu-link-contentbc8eae55-c54f-40bb-82c4-5eaefc9e0fe7--2" class="sf-depth-1 sf-no-children"><a href="https://waw.beauty/shop/category/fragrances-304" class="sf-depth-1 sf-external">Fragrances</a></li> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/superfish-menu-items.html.twig' --> </ul> <!-- END OUTPUT from 'modules/contrib/superfish/templates/superfish.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> <div class="col-md-4 footer-second-container"> <div class="clearfix footer-second__section footer-second"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--footer-second.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-footer-second"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--footerlogo.html.twig ▪️ block--block-content--dfbd2dd5-b526-47a7-a263-d24da096938c.html.twig ▪️ block--block-content--id-view--footerlogo--full.html.twig ▪️ block--block-content--id--footerlogo.html.twig ▪️ block--block-content--view-type--basic--full.html.twig ▪️ block--block-content--type--basic.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-footerlogo" class="footer-logo clearfix block--type-basic block block-block-content block-block-contentdfbd2dd5-b526-47a7-a263-d24da096938c"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--block-content--body--basic.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--basic.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><img alt="WAW BEAUTY logo" data-entity-type="file" data-entity-uuid="1151e212-cb76-4ba3-9f20-94bcc78bcd78" src="/sites/default/files/inline-images/12312_0.png" class="align-center" width="229" height="76" loading="lazy"></p> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--footersocialbookmarks.html.twig ▪️ block--block-content--90ce96d6-8d33-4ea6-afa1-46468c73a3f4.html.twig ▪️ block--block-content--id-view--footersocialbookmarks--full.html.twig ▪️ block--block-content--id--footersocialbookmarks.html.twig ▪️ block--block-content--view-type--basic--full.html.twig ▪️ block--block-content--type--basic.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-footersocialbookmarks" class="footer-social-bookmarks clearfix block--type-basic block block-block-content block-block-content90ce96d6-8d33-4ea6-afa1-46468c73a3f4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--block-content--body--basic.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--basic.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="social"> <p><a href="https://www.facebook.com/people/Waw-Beauty-Shop/100094541921646/"><em><i class="fa fa-facebook"><span class="sr-only" style="font-size:36px;">facebook</span></i></em></a></p> <p><a href="https://www.instagram.com/waw.beautyshop/"><em><i class="fa fa-instagram"><span class="sr-only" style="font-size:36px;">instagram</span></i></em></a></p> <p><a href="https://www.youtube.com/channel/UCXK-4qXXnsUI2-j8iafdEYg"><em><i class="fa fa-youtube"><span class="sr-only" style="font-size:36px;">youtube</span></i></em></a></p> <p><a href="https://www.tiktok.com/@waw.beautyshop?lang=en" title="Waw Beauty on Tiktok"><em><i class="fa fa-tiktok"><span class="sr-only" style="font-size:36px;">tiktok</span></i></em>”</a></p> </div> <p class="email"> </p> <p class="email"><em><i class="fa fa-envelope">wawbeauty@hicmedia.com</i></em></p> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--copyright.html.twig ▪️ block--block-content--31b1aff7-4cfb-4acd-9d89-32b0bdffa551.html.twig ▪️ block--block-content--id-view--copyright--full.html.twig ▪️ block--block-content--id--copyright.html.twig ▪️ block--block-content--view-type--basic--full.html.twig ▪️ block--block-content--type--basic.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-copyright" class="copyright clearfix block--type-basic block block-block-content block-block-content31b1aff7-4cfb-4acd-9d89-32b0bdffa551"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--block-content--body--basic.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--basic.html.twig ▪️ field--body.html.twig ✅ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p class="text-align-center">@ 2024 WAW BEAUTY. All rights reserved.</p> <p class="text-align-center"><span style="font-size:12px;">WAW Beauty offers a selection of authentic beauty products from global & local renowned brands.</span></p> <p class="text-align-center">Shop @ our online Stores: <a href="https://waw.beauty" target="_blank" title="WAW Beauty">waw.beauty</a> | <a href="https://waw.shopping" target="_blank" title="WAW shopping">waw.shopping</a> | <a href="https://waw.pet" target="_blank" title="WAW Pet">waw.pet</a> |<a href="https://selectedbests.com" target="_blank"> selectedbests.com</a> </p> <div class="text-align-center" style="display:flex;justify-content:space-around;"><a class="text-align-center" href="https://apps.apple.com/ae/app/waw-beauty/id6446996791" title="Waw Beauty APP Store" target="_blank"><img src="/sites/default/files/inline-images/appstore-icon_0.png" data-entity-uuid="1400f467-fb0b-4b0c-a034-e4848128a5a3" data-entity-type="file" alt="App Store WAW Beauty" width="120" height="36" loading="lazy"></a><a class="text-align-center" href="https://apps.apple.com/ae/app/waw-beauty/id6446996791" title="Waw Beauty APP Store"> </a><a class="text-align-center" href="https://play.google.com/store/apps/details?id=com.waw.beauty" title="WAW BEAUTY Play Store" target="_blank"><img src="/sites/default/files/inline-images/googlplayicon-waw_0.png" data-entity-uuid="17b1869f-fc50-4758-97c3-60ecfc917bd6" data-entity-type="file" alt="Google Play Waw Beauty" width="120" height="36" loading="lazy"></a></div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-with-summary.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> <div class="col-md-4 footer-third-container"> <div class="clearfix footer-third__section footer-third"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--footer-third.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-footer-third"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--mailchimpsubscriptionformsignup.html.twig ▪️ block--mailchimp-signup-subscribe-block--sign-up.html.twig ▪️ block--mailchimp-signup-subscribe-block.html.twig ▪️ block--mailchimp-signup.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div class="mailchimp-signup-subscribe-form clearfix block block-mailchimp-signup block-mailchimp-signup-subscribe-blocksign-up" data-drupal-selector="mailchimp-signup-subscribe-block-sign-up-form" id="block-mailchimpsubscriptionformsignup"> <h2>Sign Up</h2> <div id="mailchimp-signup-subscribe-block-sign-up-form-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form action="/brands/sheglam-226" method="post" id="mailchimp-signup-subscribe-block-sign-up-form" accept-charset="UTF-8"> Stay up-to-date with our latest news and products. <div id="mailchimp-response-mailchimp_signup_subscribe_block_sign_up_form-wrapper"></div><div id="mailchimp-newsletter-1619274b95-mergefields" class="mailchimp-newsletter-mergefields"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-email form-type-email js-form-item-mergevars-email form-item-mergevars-email"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-mergevars-email" class="js-form-required form-required">Email Address</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__email' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--email.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="email" data-drupal-selector="edit-mergevars-email" type="email" id="edit-mergevars-email" name="mergevars[EMAIL]" value="" size="25" maxlength="254" class="form-email required" required="required" aria-required="true" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-khgb3z7i5xkhel3rrbinih6ci-avxlsfrulewgw6c84" type="hidden" name="form_build_id" value="form-KHgb3Z7I5xkheL3rRBiNiH6CI_AVxLsFruleWGW6C84" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-mailchimp-signup-subscribe-block-sign-up-form" type="hidden" name="form_id" value="mailchimp_signup_subscribe_block_sign_up_form" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="X6USfRZ1wbM8DkZxZlPlkUXoNPZGsv_XQ7izWCk0EMs" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="mailchimp-signup-subscribe-block-sign-up-form-wrapper-edit-submit" type="submit" id="mailchimp-signup-subscribe-block-sign-up-form-wrapper-edit-submit" name="op" value="Subscribe" class="button js-form-submit form-submit" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-url">Leave this field blank</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--textfield.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url" name="url" value="" size="20" maxlength="128" class="form-text" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Delete item</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Are you sure you want to delete this item?</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-cancel" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-yes">Yes</button> </div> </div> </div> </div> <div class="chat-block"><button class="chat-button">Chat Now! <i class="fa fa-brands fa-whatsapp"></i></button></div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/maison/templates/layout/page.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <script src="/sites/default/files/js/js_POSvLn8jmRnDRdlg7-6mEWmjOwPIeKA5VPiRH-AR9YI.js?scope=footer&delta=0&language=en&theme=maison&include=eJx1UVtuAyEMvBAbjoQM67C0BiPbJOnty6baRI2Sn9E8_GF74AtugRhWFA9PfrJNOEYUF9EMJeCts-IazoWmVA_DOOiItdinkYwNBcglrhUlYUgg5ncIkTh9P4MuvI5kfvQV7CHDEHKZORMGg-zzhFd92nf-b1ZXoSg3H5lNTaAfxpmbLXBF5YqHl4kj0KL2Q6Xlw1Uqc7-nWJGHLaXNYxVB0hagl7D_YN7QCQ39B9_p6Cjnopt_sHde2PiCUpphs7e5ViDSJIjtfb6zWYh-Smc5xQo3dyl4VX_Hv_fd6b34UFnQv-hfIs7aEg"></script> <script src="/sites/default/files/js/js__3wEi6HKj5InI4uBD7LdbhQVIbOXdVKH1HfIYu7FaYg.js?scope=footer&delta=1&language=en&theme=maison&include=eJx1UVtuAyEMvBAbjoQM67C0BiPbJOnty6baRI2Sn9E8_GF74AtugRhWFA9PfrJNOEYUF9EMJeCts-IazoWmVA_DOOiItdinkYwNBcglrhUlYUgg5ncIkTh9P4MuvI5kfvQV7CHDEHKZORMGg-zzhFd92nf-b1ZXoSg3H5lNTaAfxpmbLXBF5YqHl4kj0KL2Q6Xlw1Uqc7-nWJGHLaXNYxVB0hagl7D_YN7QCQ39B9_p6Cjnopt_sHde2PiCUpphs7e5ViDSJIjtfb6zWYh-Smc5xQo3dyl4VX_Hv_fd6b34UFnQv-hfIs7aEg"></script> <script src="/sites/default/files/js/js_DOFIM1V933kPuBAplMWdpwo8tCTxDozG_wTzi39M4Ug.js?scope=footer&delta=2&language=en&theme=maison&include=eJx1UVtuAyEMvBAbjoQM67C0BiPbJOnty6baRI2Sn9E8_GF74AtugRhWFA9PfrJNOEYUF9EMJeCts-IazoWmVA_DOOiItdinkYwNBcglrhUlYUgg5ncIkTh9P4MuvI5kfvQV7CHDEHKZORMGg-zzhFd92nf-b1ZXoSg3H5lNTaAfxpmbLXBF5YqHl4kj0KL2Q6Xlw1Uqc7-nWJGHLaXNYxVB0hagl7D_YN7QCQ39B9_p6Cjnopt_sHde2PiCUpphs7e5ViDSJIjtfb6zWYh-Smc5xQo3dyl4VX_Hv_fd6b34UFnQv-hfIs7aEg"></script> <script src="/sites/default/files/js/js_OOhtx4fvNNs3_LfU7lhhmNa7N_L7H9eSCQvc5hqySCI.js?scope=footer&delta=3&language=en&theme=maison&include=eJx1UVtuAyEMvBAbjoQM67C0BiPbJOnty6baRI2Sn9E8_GF74AtugRhWFA9PfrJNOEYUF9EMJeCts-IazoWmVA_DOOiItdinkYwNBcglrhUlYUgg5ncIkTh9P4MuvI5kfvQV7CHDEHKZORMGg-zzhFd92nf-b1ZXoSg3H5lNTaAfxpmbLXBF5YqHl4kj0KL2Q6Xlw1Uqc7-nWJGHLaXNYxVB0hagl7D_YN7QCQ39B9_p6Cjnopt_sHde2PiCUpphs7e5ViDSJIjtfb6zWYh-Smc5xQo3dyl4VX_Hv_fd6b34UFnQv-hfIs7aEg"></script> </body> </html> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/html.html.twig' -->