10% OFF ON PREPAID ORDERS BUY 2, GET AN UNDER-EYE SERUM FREE

El Basico — Collection Mockup

CRO collection mockup. Renders via the page.elbcoll template on the preview theme.

simplyOtp.permanentDomain = "elbasico-com.myshopify.com";
  simplyOtp.shopId = "89214124321";
  window.simplyOtp.locale = "en";

simplyOtp.b2b_extension_settings = {};

var isB2BCustomer = false;
    var customerData = null;

// Lock Logic
    if (simplyOtp.b2b_extension_settings && simplyOtp.b2b_extension_settings.storeFrontLockEnabled) {
      if (!isB2BCustomer) {
        // Clear body
        document.body.innerHTML = '';

// Create Container
        var lockContainer = document.createElement('div');
        lockContainer.style.cssText = 'display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-align: center; padding: 20px;';

// Set Content
        lockContainer.innerHTML = `
          <div style="max-width: 600px;">
            <p style="font-size: 12px; color: #888; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;">Elbasico.in</p>
            <p style="margin-bottom: 15px; font-size: 24px; font-weight: bold;">Access required</p>
            <p style="margin-bottom: 30px; font-size: 16px; line-height: 1.5;">
              In order to access this store, you must be a member of an approved company.
              Please proceed to your account to login or apply for access.
            </p>

<a href="/account" style="cursor: pointer; display: inline-block; background-color: #000; color: #fff; padding: 12px 30px; text-decoration: none; border-radius: 4px; font-weight: bold;">
              
                Login / Apply
              
            </a>

</div>
        `;
        document.body.appendChild(lockContainer);
      }
    }
  
</script>

.olWrapper .sotp-rtl {
      direction: rtl;
    }

#sotp-new-popup.olWrapper .ol .verify-box .verify-otp-container .input-boxes-container {
      direction: ltr;
    }

@keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
  </style>

<div id="otp-original-login" style="display:none">
    <form method="post" action="/account/recover" id="sotp-fp-form" accept-charset="UTF-8" class="sotp-fp-form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" />
      
      
      <input
        type="email"
        id="otp-fp-original-email"
        name="email"
      >
      <button type="submit" id="otp-fp-original-submit">Submit</button>
    </form>
<form method="post" action="/account/login" id="sotp-form" accept-charset="UTF-8" data-login-with-shop-sign-in="true" name="login" class="sotp-form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="email"
        id="otp-original-email"
        name="customer[email]"
      >
      <input
        type="password"
        id="otp-original-password"
        name="customer[password]"
      >
      <input
        type="hidden"
        name="return_url"
        id="otp-return_to"
      >
      <button type="submit" id="otp-original-submit">Login</button></form></div>
  <div id="recaptcha-container"></div>

/* Load css */
      var cssId = 'myCss';
      if (!document.getElementById(cssId)) {
        var head = document.getElementsByTagName('head')[0];
        var link = document.createElement('link');
        link.id = cssId;
        link.rel = 'stylesheet';
        link.type = 'text/css';
        // local

// staging

// production
         link.href = 'https://cdn.shopify.com/s/files/1/0591/9391/7612/files/otp-login.css?v=1754564460';

link.media = 'all';
        head.appendChild(link);
      }
      if (Shopify.designMode) {
        document.addEventListener("shopify:section:load", () => {
          let olWrapperDiv = document.querySelectorAll('.olWrapper'); // Parent element
          if (olWrapperDiv) { // To check css is available in the DOM or not
            olWrapperDiv.forEach(ele => ele.style.display = "flex") // If available then change olWrapper display property
          }
        });
      }
    }
    window.simplyOtp.signUpEvent = (data) => {
      
      console.log('signup', data);
    }
    window.simplyOtp.loginEvent = (data) => {
      console.log('login', data);
    }
  </script>
  <script>
    // Set Metafields Logic
    
      simplyOtp.otp_widgets = {"email_offer_enable":true,"btn_bg_color":"#1E418E","resend_otp_text":"Resend OTP","other_option_text":"Or Login Using","modal_logo_image_url":"https://cdn.shopify.com/s/files/1/0053/8823/8922/files/Group_1171276699_1.png?v=1723313009","email_placeholder":"Email Id","phone_enable":true,"sms_offer_enable":true,"whatsapp_placeholder":"Whatsapp number","login_sub_title":"Enter your log in details","auto_login_enable":false,"whatsapp_enable":false,"em_text_error":"Please enter a valid email","login_title":"Login with OTP","email_enable":true,"marketing_text":"keep me updated on new updates, exclusive offers","otp_title":"Enter OTP","lname_required":false,"modal_mobile_image_url":"https://cdn.shopify.com/s/files/1/0953/1848/files/Group_1171276896.png?v=1725365652","otp_sub_title":"The OTP is sent on ","verify_otp_text":"Verify OTP","update_btn_text":"Update","lname_text_error":"Please enter Last Name","request_otp_text":"Request OTP","did_not_receive_otp_text":"Didn't Receive the OTP?","em_text":"Email","whatsapp_offer_enable":true,"image_url":"https://cdn.shopify.com/s/files/1/0589/1751/9521/files/Login-rafiki_1.png?v=1651486937","fname_required":false,"modal_desktop_image_url":"https://cdn.shopify.com/s/files/1/0953/1848/files/Group_1171276892.png?v=1725365653","account_title":"Enter Account Details","enable_countries":"IN","phone_placeholder":"Phone number","phone_required":true,"fraud_detection":true,"btn_text_color":"#ffffff","fname_text_error":"Please enter First Name","lname_text":"Last Name","fname_text":"First Name","ph_text":"Phone","login_screen_theme":"modal_view","ph_text_error":"Please enter a valid Phone Number","email_required":true,"wa_text":"WhatsApp"};

simplyOtp.custom_fields = [];

const siteKey = simplyOtp.otp_widgets?.challange_capcha_enabled ? "6LfMBmEqAAAAAIFY9r3vxRO3PVV5moIU5lCQ4NOi" : "6Lcf5mAqAAAAAHFr4iDq6SR_1CGKcRKZO5TpEudY";
      simplyOtp.siteKeyConfig = {site_key : siteKey};

simplyOtp.recaptchaSiteKey = simplyOtp.siteKeyConfig.site_key;

// Detect current locale of the store and set language variables accordingly
    const current_locale = "en";
    const enabled_locales_obj = simplyOtp.otp_widgets.locales || {};
    const enabled_locales_str = simplyOtp.otp_widgets.enabled_locales || "";
    const primary_locale = simplyOtp.otp_widgets.primary_locale || "";

// check if current locale is matched with enabled locales from the app.
    let active_locale;
    if (enabled_locales_str) {
      // If enabled_locales is specified, check if current_locale is in that list
      const enabledLocalesArray = enabled_locales_str.split(',').map(locale => locale.trim().toLowerCase());
      if (enabledLocalesArray.includes(current_locale)) {
        active_locale = enabled_locales_obj[current_locale];
      } else if (primary_locale) {
        // If current locale not in enabled list, try the store's primary locale as fallback
        const primaryLower = primary_locale.toLowerCase();
        if (enabledLocalesArray.includes(primaryLower)) {
          active_locale = enabled_locales_obj[primaryLower];
        } else {
          active_locale = null;
        }
      } else {
        active_locale = null;
      }
    } else {
      // If enabled_locales is not specified, prefer the store's primary_locale if available
      if (primary_locale) {
        const primaryLower = primary_locale.toLowerCase();
        active_locale = enabled_locales_obj[primaryLower] || enabled_locales_obj[current_locale];
      } else {
        active_locale = enabled_locales_obj[current_locale];
      }
    }

if(active_locale && Object.keys(active_locale).length > 0){

if(active_locale.is_rtl && active_locale.is_rtl == true){
        simplyOtp.isRTL = true;
      }else {
        simplyOtp.isRTL = false;
      }

// dynamic variables for HTML content
      const otpConsentPrivacyLink = active_locale.otp_consent_privacy_link ?? simplyOtp.otp_widgets.otp_consent_privacy_link ?? '/pages/privacy-policy';
      const otpConsentTermsLink = active_locale.otp_consent_terms_link ?? simplyOtp.otp_widgets.otp_consent_terms_link ?? '/pages/terms-and-conditions';
      const otpConsentHeading = active_locale.otp_consent_heading ?? simplyOtp.otp_widgets.otp_consent_heading ?? "I accept that I have read & understood";
      const otpConsentPrivacyText = active_locale.otp_consent_privacy_text ?? simplyOtp.otp_widgets.otp_consent_privacy_text ?? "Privacy Policy";
      const otpConsentTermsText = active_locale.otp_consent_terms_text ?? simplyOtp.otp_widgets.otp_consent_terms_text ?? "and T&Cs.";
      const successLoginHeading  = active_locale.success_login_title_1 ?? simplyOtp.otp_widgets.success_login_title_1 ?? "🎉 Congratulations!";
      const successLoginSubheading  = active_locale.success_login_title_2 ?? simplyOtp.otp_widgets.success_login_title_2 ?? "Verification Successful";

simplyOtp.language = {

// Login Screen
        loginTitle: active_locale.login_title ?? simplyOtp.otp_widgets.login_title ?? "Login with OTP",
        loginSubTitle: active_locale.login_sub_title ?? simplyOtp.otp_widgets.login_sub_title ?? "Enter your log in details",
        phLabel: active_locale.ph_label ?? simplyOtp.otp_widgets.ph_label ?? "Phone",
        emLabel: active_locale.em_label ?? simplyOtp.otp_widgets.em_label ?? "Email",
        waLabel: active_locale.wa_label ?? simplyOtp.otp_widgets.wa_label ?? "WhatsApp",
        phonePlaceholder: active_locale.phone_placeholder ?? simplyOtp.otp_widgets.phone_placeholder ?? "Phone number",
        emailPlaceholder: active_locale.email_placeholder ?? simplyOtp.otp_widgets.email_placeholder ?? "Email Id",
        whatsappPlaceholder: active_locale.whatsapp_placeholder ?? simplyOtp.otp_widgets.whatsapp_placeholder ?? "Whatsapp number",
        phText: active_locale.ph_text ?? simplyOtp.otp_widgets.ph_text ?? "Phone",
        emText: active_locale.em_text ?? simplyOtp.otp_widgets.em_text ?? "Email",
        waText: active_locale.wa_text ?? simplyOtp.otp_widgets.wa_text ?? "WhatsApp",
        requestOTP: active_locale.request_otp_text ?? simplyOtp.otp_widgets.request_otp_text ?? "Request OTP",
        otherOptionText: active_locale.other_option_text ?? simplyOtp.otp_widgets.other_option_text ?? "Or Login Using",
        countrySearchPlaceholder: active_locale.otp_sub_title ?? simplyOtp.otp_widgets.otp_sub_title ?? "Search...",
        emptySearchMessage: active_locale.otp_sub_title ?? simplyOtp.otp_widgets.otp_sub_title ?? "No results found..!",
        otpConsentElement: `
          <p class="consent-text">${otpConsentHeading}</p>
          <div class="consent-links-wrapper">
            <a href="${otpConsentPrivacyLink}" target="_blank" class="consent-link">${otpConsentPrivacyText}</a>
            <a href="${otpConsentTermsLink}" target="_blank" class="consent-link">${otpConsentTermsText}</a>
          </div>`,

// Verify Screen
        otpTitle: active_locale.otp_title ?? simplyOtp.otp_widgets.otp_title ?? "Enter OTP",
        otpSubTitle: active_locale.otp_sub_title ?? simplyOtp.otp_widgets.otp_sub_title ?? "The OTP is sent on",
        verifyOTPLabel: active_locale.verify_otp_label ?? simplyOtp.otp_widgets.verify_otp_label ?? "OTP",
        verifyOTPText: active_locale.verify_otp_text ?? simplyOtp.otp_widgets.verify_otp_text ?? "Verify OTP",
        resendOTPText: active_locale.resend_otp_text ?? simplyOtp.otp_widgets.resend_otp_text ?? "Resend OTP",
        didNotReceiveOTPText: active_locale.did_not_receive_otp_text ?? simplyOtp.otp_widgets.did_not_receive_otp_text ?? "Didn't Receive the OTP?",
        resendOTPMessage: active_locale.resend_otp_message ?? simplyOtp.otp_widgets.resend_otp_message ?? "Resend OTP in {resend_time} second",

// Account Update Screen
        accountTitle: active_locale.account_title ?? simplyOtp.otp_widgets.account_title ?? "Enter Account Details",
        accountSubTitle: active_locale.account_sub_title ?? simplyOtp.otp_widgets.account_sub_title ?? "Enter below details and update your account",
        marketingText: active_locale.marketing_text ?? simplyOtp.otp_widgets.marketing_text ?? "keep me updated on new updates, exclusive offers",
        updateBtnText: active_locale.update_btn_text ?? simplyOtp.otp_widgets.update_btn_text ?? "Update",
        firstNamePlaceholder: active_locale.fname_placeholder ?? simplyOtp.otp_widgets.fname_placeholder ?? "Enter your first name",
        lastNamePlaceholder: active_locale.lname_placeholder ?? simplyOtp.otp_widgets.lname_placeholder ?? "Enter your last name",
        fnameText: active_locale.fname_text ?? simplyOtp.otp_widgets.fname_text ?? "First Name",
        lnameText: active_locale.lname_text ?? simplyOtp.otp_widgets.lname_text ?? "Last Name",

// success login screen
        successLoginTitle: `<span>${successLoginHeading}</span> <span>${successLoginSubheading}</span>`,
        successLoginSubtitle: active_locale.success_login_subtitle ?? simplyOtp.otp_widgets.success_login_subtitle ?? "Logging you in",

// success and error messages
        successOTPMessage: active_locale.success_otp_message ?? simplyOtp.otp_widgets.success_otp_message ?? "OTP sent successfully!",
        emTextError: active_locale.em_text_error ?? simplyOtp.otp_widgets.em_text_error ?? "Please enter a valid email",
        phTextError: active_locale.ph_text_error ?? simplyOtp.otp_widgets.ph_text_error ?? "Please enter a valid Phone Number",
        fnameTextError: active_locale.fname_text_error ?? simplyOtp.otp_widgets.fname_text_error ?? "Please enter first name",
        lnameTextError: active_locale.lname_text_error ?? simplyOtp.otp_widgets.lname_text_error ?? "Please enter last name",
        enterOTPError: active_locale.toast_enter_otp ?? simplyOtp.otp_widgets.toast_enter_otp ?? "Please enter OTP",
        incorrectOTPError: active_locale.toast_incorrect_otp ?? simplyOtp.otp_widgets.toast_incorrect_otp ?? "Please enter correct OTP",

// other settings
        phoneEnable: simplyOtp.otp_widgets.phone_enable,
        emailEnable: simplyOtp.otp_widgets.email_enable,
        whatsappEnable: simplyOtp.otp_widgets.whatsapp_enable,
        emailOfferEnable: simplyOtp.otp_widgets.email_offer_enable,
        phoneOfferEnable: simplyOtp.otp_widgets.sms_offer_enable,
        whatsappOfferEnable: simplyOtp.otp_widgets.whatsapp_offer_enable,
        enableCountries: simplyOtp.otp_widgets.enable_countries,
        btn_bg_color: active_locale.btn_bg_color,
        btn_text_color: active_locale.btn_text_color,
        fname_required: simplyOtp.otp_widgets.fname_required !== false,
        lname_required: simplyOtp.otp_widgets.lname_required !== false,
        email_required: simplyOtp.otp_widgets.email_required !== false,
        phone_required: simplyOtp.otp_widgets.phone_required !== false,
        phoneInputMaxLength : simplyOtp.otp_widgets.phone_input_max_length || "10",
      };

let enabledC = simplyOtp.language.enableCountries.split(',');
      simplyOtp.settings = {
        account_version: "",
        pageUrl: simplyOtp.otp_widgets.page_url || window.location.href,
        resendTime: simplyOtp.otp_widgets.resend_time || 5,
        forceUpdateProfile : simplyOtp.otp_widgets.force_update_profile ?? true,
        defaultSelectedOption: simplyOtp.otp_widgets.default_selected_option || 'phone',

// --- UPDATED LOGIC ---
        new_popup_design : simplyOtp.otp_widgets.login_screen_theme == 'modal_view',
        // ---------------------

onlyOTPNoLogin : false,
        multipass_enabled : false,
        skipPage3 : simplyOtp.otp_widgets.skip_page_3 ?? false,
        goKwik:false,
        onlyIndia: false,
        selectedCountry: enabledC[0].toLowerCase(),
        primaryColor: active_locale.btn_bg_color,
        image: active_locale.image_url
          ? active_locale.image_url
          : null,
        modal_logo_image_url: active_locale.modal_logo_image_url
          ? active_locale.modal_logo_image_url
          : null,
        modal_desktop_image_url: active_locale.modal_desktop_image_url
          ? active_locale.modal_desktop_image_url
          : null,
        modal_mobile_image_url: active_locale.modal_mobile_image_url
          ? active_locale.modal_mobile_image_url
          : null,
      };
    } else {
      console.log("No active locale settings found, using default language variables.");
      // dynamic variables for HTML content
      const otpConsentPrivacyLink = simplyOtp.otp_widgets.otp_consent_privacy_link || '/pages/privacy-policy';
      const otpConsentTermsLink = simplyOtp.otp_widgets.otp_consent_terms_link || '/pages/terms-and-conditions';
      const otpConsentHeading = simplyOtp.otp_widgets.otp_consent_heading || 'I accept that I have read & understood';
      const otpConsentPrivacyText = simplyOtp.otp_widgets.otp_consent_privacy_text || 'Privacy Policy';
      const otpConsentTermsText = simplyOtp.otp_widgets.otp_consent_terms_text || 'and T&Cs.';
      const successLoginHeading  = simplyOtp.otp_widgets.success_login_title_1 || "🎉 Congratulations!";
      const successLoginSubheading  = simplyOtp.otp_widgets.success_login_title_2 || "Verification Successful";

simplyOtp.language = {

// Login Screen
        loginTitle: simplyOtp.otp_widgets.login_title,
        loginSubTitle: simplyOtp.otp_widgets.login_sub_title,
        phLabel : simplyOtp.otp_widgets.ph_label || "Phone",
        emLabel : simplyOtp.otp_widgets.em_label || "Email",
        waLabel : simplyOtp.otp_widgets.wa_label || "WhatsApp",
        phonePlaceholder: simplyOtp.otp_widgets.phone_placeholder,
        emailPlaceholder: simplyOtp.otp_widgets.email_placeholder,
        whatsappPlaceholder: simplyOtp.otp_widgets.whatsapp_placeholder,
        emText : simplyOtp.otp_widgets.em_text || "Email",
        waText : simplyOtp.otp_widgets.wa_text || "WhatsApp",
        phText : simplyOtp.otp_widgets.ph_text || "Phone",
        requestOTP : simplyOtp.otp_widgets.request_otp_text || "Request OTP",
        otherOptionText: simplyOtp.otp_widgets.other_option_text || "Or Login Using",
        countrySearchPlaceholder : simplyOtp.otp_widgets.otp_sub_title || "Search...",
        emptySearchMessage : simplyOtp.otp_widgets.otp_sub_title || "No results found..!",
        otpConsentElement : `
        <p class="consent-text">${otpConsentHeading}</p>
        <div class="consent-links-wrapper">
            <a href="${otpConsentPrivacyLink}" target="_blank" class="consent-link">${otpConsentPrivacyText}</a>
            <a href="${otpConsentTermsLink}" target="_blank" class="consent-link">${otpConsentTermsText}</a>
        </div>`,

// Verify Screen
        otpTitle: simplyOtp.otp_widgets.otp_title,
        otpSubTitle: simplyOtp.otp_widgets.otp_sub_title,
        verifyOTPLabel :  simplyOtp.otp_widgets.verify_otp_label || "OTP",
        verifyOTPText : simplyOtp.otp_widgets.verify_otp_text || "Verify OTP",
        resendOTPText : simplyOtp.otp_widgets.resend_otp_text || "Resend OTP",
        didNotReceiveOTPText : simplyOtp.otp_widgets.did_not_receive_otp_text || "Didn't Receive the OTP?",
        resendOTPMessage : simplyOtp.otp_widgets.resend_otp_message || "Resend OTP in {resend_time} second",

// Account Update Screen
        accountTitle: simplyOtp.otp_widgets.account_title,
        accountSubTitle: simplyOtp.otp_widgets.account_sub_title || 'Enter below details and update your account',
        marketingText: simplyOtp.otp_widgets.marketing_text,
        updateBtnText: simplyOtp.otp_widgets.update_btn_text || "Update",
        firstNamePlaceholder: simplyOtp.otp_widgets.fname_placeholder || 'Enter your first name',
        lastNamePlaceholder: simplyOtp.otp_widgets.lname_placeholder || 'Enter your last name',
        fnameText : simplyOtp.otp_widgets.fname_text || "First Name",
        lnameText : simplyOtp.otp_widgets.lname_text || "Last Name",

// success login screen
        successLoginTitle :  `<span>${successLoginHeading}</span> <span>${successLoginSubheading}</span>`,
        successLoginSubtitle : simplyOtp.otp_widgets.success_login_subtitle || "Logging you in",

// success and error messages
        successOTPMessage : simplyOtp.otp_widgets.success_otp_message || "OTP sent successfully!",
        emTextError : simplyOtp.otp_widgets.em_text_error || "Please enter a valid email",
        phTextError : simplyOtp.otp_widgets.ph_text_error || "Please enter a valid Phone Number",
        fnameTextError : simplyOtp.otp_widgets.fname_text_error || "Please enter First Name",
        lnameTextError : simplyOtp.otp_widgets.lname_text_error || "Please enter Last Name",
        enterOTPError : simplyOtp.otp_widgets.toast_enter_otp || "Please enter OTP",
        incorrectOTPError : simplyOtp.otp_widgets.toast_incorrect_otp || "Please enter correct OTP",

// other settings
        phoneEnable: simplyOtp.otp_widgets.phone_enable,
        emailEnable: simplyOtp.otp_widgets.email_enable,
        whatsappEnable: simplyOtp.otp_widgets.whatsapp_enable,
        emailOfferEnable: simplyOtp.otp_widgets.email_offer_enable,
        phoneOfferEnable: simplyOtp.otp_widgets.sms_offer_enable,
        whatsappOfferEnable: simplyOtp.otp_widgets.whatsapp_offer_enable,
        enableCountries: simplyOtp.otp_widgets.enable_countries,
        btn_bg_color: simplyOtp.otp_widgets.btn_bg_color,
        btn_text_color: simplyOtp.otp_widgets.btn_text_color,
        fname_required: simplyOtp.otp_widgets.fname_required !== false,
        lname_required: simplyOtp.otp_widgets.lname_required !== false,
        email_required: simplyOtp.otp_widgets.email_required !== false,
        phone_required: simplyOtp.otp_widgets.phone_required !== false,
        phoneInputMaxLength : simplyOtp.otp_widgets.phone_input_max_length || "10",
      };

let enabledCountries = simplyOtp.language.enableCountries.split(',');
      simplyOtp.settings = {
        account_version: "",
        pageUrl: simplyOtp.otp_widgets.page_url || window.location.href,
        resendTime: simplyOtp.otp_widgets.resend_time || 5,
        forceUpdateProfile : simplyOtp.otp_widgets.force_update_profile ?? true,
        defaultSelectedOption: simplyOtp.otp_widgets.default_selected_option || 'phone',

// --- UPDATED LOGIC ---
        new_popup_design : simplyOtp.otp_widgets.login_screen_theme == 'modal_view',
        // ---------------------

onlyOTPNoLogin : false,

multipass_enabled : false,
        skipPage3 : simplyOtp.otp_widgets.skip_page_3 ?? false,
        goKwik:false,
        onlyIndia: false,
        selectedCountry: enabledCountries[0].toLowerCase(),
        primaryColor: simplyOtp.otp_widgets.btn_bg_color,
        image: simplyOtp.otp_widgets.image_url
          ? simplyOtp.otp_widgets.image_url
          : null,
        modal_logo_image_url: simplyOtp.otp_widgets.modal_logo_image_url
          ? simplyOtp.otp_widgets.modal_logo_image_url
          : null,
        modal_desktop_image_url: simplyOtp.otp_widgets.modal_desktop_image_url
          ? simplyOtp.otp_widgets.modal_desktop_image_url
          : null,
        modal_mobile_image_url: simplyOtp.otp_widgets.modal_mobile_image_url
          ? simplyOtp.otp_widgets.modal_mobile_image_url
          : null,
      };
    }

simplyOtp.permanentDomain = "elbasico-com.myshopify.com";
    simplyOtp.shopId = "89214124321";
    
  </script>

grecaptcha.enterprise.render('hcaptcha-container-resend', {
        sitekey: simplyOtp.recaptchaSiteKey,
        callback: window.simplyOtp.captchTokenCallback,
        action: 'simply_otp_login',
      });
    };
  }
</script>

</div><div id="shopify-block-AaUY3TDlOK3J2UVAyQ__4015264832934714879" class="shopify-block shopify-app-block"><script type="text/javascript">
  //SendWILL APPS COMMON JS CODE
  window.EcomSendApps = window.EcomSendApps || {}

window.EcomSendApps.design_mode = false

window.EcomSendApps.common = window.EcomSendApps.common || {}
  window.EcomSendApps.common.shop = {
    permanent_domain: 'elbasico-com.myshopify.com',
    currency: "INR",
    money_format: "₹ {{amount}}",
    id: 89214124321,
  }

window.EcomSendApps.common.customer = {
      id: null,
      tags: null,
      email: null,
      accepts_marketing: null,
      first_name: null,
    }

window.EcomSendApps.common.template = 'page'
</script>

/** @description normalize merchant-provided GDPR switch into a strict boolean value */
  function normalizeEcomsendBooleanFlag(rawValue) {
    if (typeof rawValue === "boolean") {
      return rawValue
    }
    if (typeof rawValue === "number") {
      return rawValue === 1
    }
    if (typeof rawValue === "string") {
      const normalizedValue = rawValue.trim().toLowerCase()
      return normalizedValue === "true" || normalizedValue === "1" || normalizedValue === "yes"
    }
    return false
  }

/** @description lock runtime switch value on EcomSendApps to reduce accidental console overwrite. */
  function lockEcomsendReadonlyFlag(flagName, flagValue) {
    try {
      Object.defineProperty(window.EcomSendApps, flagName, {
        value: flagValue,
        writable: false,
        configurable: false,
        enumerable: true,
      })
      return
    } catch (error) {}
    window.EcomSendApps[flagName] = flagValue
  }

/** @description resolve storefront GDPR mode from merchant theme override */
  function resolveEcomsendGdprMode() {
    if (typeof window.EcomSendApps.GDPR === "undefined") {
      window.EcomSendApps.GDPR = ECOMSEND_DEFAULT_GDPR_FLAG
    }
    const gdprEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.GDPR)
    window.EcomSendApps.GDPR = gdprEnabled
    return gdprEnabled
  }

/** @description resolve storefront CWTracks mode from merchant theme block setting and runtime override */
  function resolveEcomsendCwTracksMode() {
    if (typeof window.EcomSendApps.CWTracksEnabled === "undefined") {
      window.EcomSendApps.CWTracksEnabled = ECOMSEND_DEFAULT_CWTRACKS_ENABLED
    }
    const cwTracksEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.CWTracksEnabled)
    window.EcomSendApps.CWTracksEnabled = cwTracksEnabled
    return cwTracksEnabled
  }

/** @description persist storefront GDPR mode so web-pixel sandbox can consume the same switch */
  function syncEcomsendGdprModeToStorage(gdprEnabled) {
    if (!window.localStorage) {
      return
    }
    if (gdprEnabled) {
      window.localStorage.setItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY, "true")
      return
    }
    window.localStorage.removeItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY)
  }

/** @description enable GDPR gating only when merchant explicitly turns on storefront GDPR mode */
  const ECOMSEND_GDPR_ENABLED = resolveEcomsendGdprMode()
  /** @description enable CWTracks callback/event emit only when merchant turns on CWTracks mode. */
  const ECOMSEND_CWTRACKS_ENABLED = resolveEcomsendCwTracksMode()
  lockEcomsendReadonlyFlag("GDPR", ECOMSEND_GDPR_ENABLED)
  lockEcomsendReadonlyFlag("CWTracksEnabled", ECOMSEND_CWTRACKS_ENABLED)

try {
    syncEcomsendGdprModeToStorage(ECOMSEND_GDPR_ENABLED)
  } catch (error) {}

/** @description create main stylesheet node for storefront runtime */
  function createEcomSendMainStyleEle() {
    const ecomsendMainStyleEle = document.createElement("link")
    ecomsendMainStyleEle.rel = "stylesheet"
    ecomsendMainStyleEle.href = ECOMSEND_MAIN_STYLE_URL
    ecomsendMainStyleEle.dataset.ecomsendTag = "main-style"
    return ecomsendMainStyleEle
  }

/** @description append runtime stylesheet exactly once */
  function ensureEcomSendMainStyleLoaded() {
    if (document.querySelector('link[data-ecomsend-tag="main-style"]')) {
      return
    }
    const ecomsendMainStyleEle = createEcomSendMainStyleEle()
    document.head.appendChild(ecomsendMainStyleEle)
  }

/** @description remove interaction listeners after first lazy-init trigger */
  function clearInteractionListeners() {
    ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => {
      window.removeEventListener(eventName, scheduleMainBundleLoad)
    })
  }

/** @description run low-priority task via idle callback with timeout fallback */
  function scheduleLowPriorityTask(taskRunner, timeoutMs) {
    if (window.requestIdleCallback) {
      window.requestIdleCallback(() => {
        taskRunner()
      }, { timeout: timeoutMs })
      return
    }
    window.setTimeout(() => {
      taskRunner()
    }, timeoutMs)
  }

/** @description load main storefront bundle once and keep rollback override */
  function loadEcomsendMainBundle() {
    if (window.__ecomsendMainBundleLoaded) {
      return
    }
    window.__ecomsendMainBundleLoaded = true
    clearInteractionListeners()
    /** @description ensure storefront runtime css is loaded together with main bundle */
    ensureEcomSendMainStyleLoaded()
    const ecomsendMainScriptEle = document.createElement("script")
    ecomsendMainScriptEle.src = ECOMSEND_MAIN_SCRIPT_URL
    ecomsendMainScriptEle.async = true
    ecomsendMainScriptEle.dataset.ecomsendTag = "main-script"
    document.body.appendChild(ecomsendMainScriptEle)
  }

/** @description schedule heavy bundle with idle-first strategy to reduce main-thread contention */
  function scheduleMainBundleLoad() {
    if (window.__ecomsendMainBundleLoadScheduled) {
      return
    }
    /** @description dedupe idle scheduling from DOMContentLoaded and first interactions */
    window.__ecomsendMainBundleLoadScheduled = true
    if (ECOMSEND_FORCE_IMMEDIATE_FLAG) {
      loadEcomsendMainBundle()
      return
    }
    scheduleLowPriorityTask(loadEcomsendMainBundle, ECOMSEND_IDLE_TIMEOUT_MS)
  }

/** @description cache marketing params for pixel/report flows before heavy bundle starts */
  function cacheMarketingParams() {
    const urlParams = new URLSearchParams(window.location.search)
    const marketingId = urlParams.get("ec_marketing_id")
    const ecEmailId = urlParams.get("ec_email_id")
    const ecMarketingSign = urlParams.get("ec_marketing_sign")

if (marketingId && window.localStorage) {
      window.localStorage.setItem("ec_marketing_id", marketingId)
    }
    if (ecEmailId && window.localStorage) {
      window.localStorage.setItem("ec_email_id", ecEmailId)
    }
    if (ecMarketingSign && window.localStorage) {
      window.localStorage.setItem("ec_marketing_sign", ecMarketingSign)
    }
  }

/** @description check whether marketing storage is allowed under Shopify customer privacy state */
  function isMarketingStorageAllowedByCustomerPrivacy() {
    const customerPrivacy = window?.Shopify?.customerPrivacy
    if (!customerPrivacy) {
      return false
    }
    const marketingAllowed = typeof customerPrivacy.marketingAllowed === "function" && customerPrivacy.marketingAllowed()
    if (marketingAllowed) {
      return true
    }
    if (typeof customerPrivacy.currentVisitorConsent === "function") {
      const consent = customerPrivacy.currentVisitorConsent()
      return consent?.marketing === "yes"
    }
    return false
  }

/** @description check whether analytics storage is allowed under Shopify customer privacy state */
  function isAnalyticsStorageAllowedByCustomerPrivacy() {
    const customerPrivacy = window?.Shopify?.customerPrivacy
    if (!customerPrivacy) {
      return false
    }
    const analyticsAllowed = typeof customerPrivacy.analyticsProcessingAllowed === "function" && customerPrivacy.analyticsProcessingAllowed()
    if (analyticsAllowed) {
      return true
    }
    if (typeof customerPrivacy.currentVisitorConsent === "function") {
      const consent = customerPrivacy.currentVisitorConsent()
      return consent?.analytics === "yes"
    }
    return false
  }

/** @description execute marketing param caching with GDPR guard: functional off when GDPR disabled */
  function cacheMarketingParamsWithGdprGuard() {
    if (!ECOMSEND_GDPR_ENABLED) {
      cacheMarketingParams()
      return
    }
    if (isMarketingStorageAllowedByCustomerPrivacy()) {
      cacheMarketingParams()
    }
  }

/** @description cache shop id used by pixel report branches */
  function cacheShopIdForPixel() {
    if (!window.EcomSendApps?.common?.shop?.id || !window.localStorage) {
      return
    }
    window.localStorage.setItem("ECOMSEND:ES_SHOP_ID", window.EcomSendApps.common.shop.id)
  }

/**
   * Flow client config (e.g. browserStaySeconds) is fetched by the main ecomsend.js bundle:
   * bootstrapFlowClientConfig → POST /api/automation/v2/clientFlowConfig (API Sign)
   * → localStorage ECOMSEND:FLOW_CLIENT_CONFIG.byEventId → read by web-pixel.
   * Keep new C-end Flow config on this path; do not scatter fetches in liquid.
   */

/** @description execute shop id caching with GDPR guard and shared consent policy */
  function cacheShopIdWithGdprGuard() {
    if (!ECOMSEND_GDPR_ENABLED) {
      cacheShopIdForPixel()
      return
    }
    if (isAnalyticsStorageAllowedByCustomerPrivacy()) {
      cacheShopIdForPixel()
    }
  }

/** @description load Shopify consent-tracking API before GDPR-gated cache writes */
  function withCustomerPrivacyApiReady(onReady) {
    if (!ECOMSEND_GDPR_ENABLED) {
      onReady()
      return
    }
    if (window?.Shopify?.customerPrivacy) {
      onReady()
      return
    }
    if (typeof window?.Shopify?.loadFeatures !== "function") {
      return
    }
    window.Shopify.loadFeatures(
      [{ name: "consent-tracking-api", version: "0.1" }],
      (error) => {
        if (error) {
          return
        }
        onReady()
      }
    )
  }

try {
    withCustomerPrivacyApiReady(() => {
      cacheMarketingParamsWithGdprGuard()
      cacheShopIdWithGdprGuard()
    })
    if (ECOMSEND_GDPR_ENABLED) {
      document.addEventListener("visitorConsentCollected", () => {
        cacheMarketingParamsWithGdprGuard()
        cacheShopIdWithGdprGuard()
      })
    }
  } catch (e) {}

/** @description inject wasm asset url into shared namespace before main bundle executes */
  window.EcomSendApps.wasmURL = ECOMSEND_WASM_ASSET_URL

ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => {
    window.addEventListener(eventName, scheduleMainBundleLoad, { once: true, passive: true })
  })

if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", scheduleMainBundleLoad, { once: true })
  } else {
    scheduleMainBundleLoad()
  }
</script>

/** @description apply discount code from url query only when parameter exists */
  function applyWillDiscountCode() {
    const urlParams = new URLSearchParams(window.location.search)
    const willDiscountCode = urlParams.get("willDiscountCode")
    if (!willDiscountCode) {
      return
    }
    fetch("/cart/update.js", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        discount: willDiscountCode,
      }),
    })
  }

try {
    if (!window.__ecomsendDeferredTasksScheduled) {
      /** @description global guard to avoid duplicate deferred task scheduling */
      window.__ecomsendDeferredTasksScheduled = true
      if (window.requestIdleCallback) {
        window.requestIdleCallback(() => {
          applyWillDiscountCode()
        }, { timeout: ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS })
      } else {
        window.setTimeout(() => {
          applyWillDiscountCode()
        }, ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS)
      }
    }
  } catch (error) {}
</script>

</div></body>

Your cart is empty

Your cart

Estimated total

El Basico — Collection Mockup