It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://fabulous1.easy.co/products/onpage-seo/

  1. <!doctype html>
  2. <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  3. <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  4. <!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
  5. <!--[if IE 9 ]><html class="ie9 no-js"> <![endif]-->
  6. <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
  7. <head>
  8.  
  9.  <!-- Basic page needs ================================================== -->
  10.  <meta charset="utf-8">
  11.  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12.  
  13.  
  14.  <link rel="icon" href="https://cdn.store-assets.com/s/922320/f/8463850.png" />
  15.  
  16.  
  17.  <!-- Title and description ================================================== -->
  18.  <title>
  19.  onpage seo &ndash; Fabulous
  20.  </title>
  21.  
  22.  
  23.  <meta name="description" content="Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about provi">
  24.  
  25.  
  26.  <!-- Social meta ================================================== -->
  27.  
  28.  
  29.  <meta property="og:type" content="product">
  30.  <meta property="og:title" content="onpage seo">
  31.  <meta property="og:url" content="https://fabulous1.easy.co/products/onpage-seo">
  32.  
  33.  <meta property="og:price:amount" content="50">
  34.  <meta property="og:price:currency" content="USD">
  35.  
  36.  
  37. <meta property="og:description" content="Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It's not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it's about provi">
  38. <meta property="og:site_name" content="Fabulous">
  39.  
  40.  
  41.  
  42.  <meta name="twitter:card" content="summary">
  43.  
  44.  
  45.  
  46.  <meta name="twitter:site" content="@">
  47.  
  48.  
  49.  <meta name="twitter:title" content="onpage seo">
  50.  <meta name="twitter:description" content="Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&amp;#39;s not just about stuffing keywords into content or acquiring a">
  51.  <meta name="twitter:image" content="/assets/images/products/no_image.png">
  52.  <meta name="twitter:image:width" content="480">
  53.  <meta name="twitter:image:height" content="480">
  54.  
  55.  
  56.  
  57.  
  58.  <!-- Helpers ================================================== -->
  59.  <link rel="canonical" href="https://fabulous1.easy.co/products/onpage-seo">
  60.  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
  61.  <meta name="theme-color" content="#121212">
  62.  
  63.  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript" ></script>
  64.  
  65.  <!-- Header hook for plugins ================================================== -->
  66.  
  67. <!-- ScriptTags -->
  68. <script>window.__st={'p': 'product', 'cid': ''};</script><script src='/assets/events.js'></script><script>const __es_ads = {'country_code':'PK' ,'title': 'Online store by <img src="https://s3.ap-southeast-1.amazonaws.com/easystore.website/images/logo/svg/easystore-logo-horizontal.svg" alt="EasyStore" style="display: block !important;width:8em;margin:-2px 0 0 8px;"> <i style="width: 1px;height: 25px;margin: 0 10px;background: #E3E7EB;"></i> Create yours for free today.','title_mb': 'Create online store with <img src="https://s3.ap-southeast-1.amazonaws.com/easystore.website/images/logo/svg/easystore-logo-horizontal.svg" alt="EasyStore" style="display: block !important;width:8em;margin:-2px 8px 0;">','cta': 'Get started'}</script><script src='/assets/js/ads/storefront-ads.js'></script><script>(function(){function asyncLoad(){var urls=['/assets/traffic.js?v=1'];for(var i=0;i<urls.length;i++){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=urls[i];var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);}}window.attachEvent ? window.attachEvent('onload', asyncLoad) : window.addEventListener('load', asyncLoad, false);})();</script>
  69. <!-- /ScriptTags -->
  70.  
  71.  
  72.  
  73.  <script src="https://themes.easystore.co/63057/assets/global.js?t=1715590229" defer="defer"></script>
  74.  
  75.  
  76.  
  77.  <script>
  78.  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  79.  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  80.  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  81.  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  82.  
  83.  ga('create', 'UA-37789107-2', 'auto','myTracker');
  84.  ga('myTracker.send', 'pageview');
  85.  
  86.  </script>
  87.  
  88.  <script src="/assets/storefront.js?id=3f4f74218829cbf9e2d5" type="text/javascript" ></script>
  89.  
  90.  
  91.  <!-- CSS ================================================== -->
  92.  <style>
  93.      @font-face {
  94.        font-family: 'Rubik';
  95.        font-style: normal;
  96.        font-weight: regular;
  97.        src: local('Rubik regular'), local('Rubik-regular'), url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UE80V4bVkA.ttf) format('truetype');
  98.      }
  99.  
  100.      @font-face {
  101.        font-family: 'Archivo Black';
  102.        font-style: normal;
  103.        font-weight: regular;
  104.        src: local('Archivo Black regular'), local('Archivo Black-regular'), url(https://fonts.gstatic.com/s/archivoblack/v10/HTxqL289NzCGg4MzN6KJ7eW6OYuP_x7yx3A.ttf) format('truetype');
  105.      }
  106.  
  107.      :root {
  108.        --font-body-family: 'Rubik', sans-serif;
  109.        --font-body-style: normal;
  110.        --font-body-weight: 300;
  111.  
  112.        --font-heading-family: 'Archivo Black', sans-serif;
  113.        --font-heading-style: normal;
  114.        --font-heading-weight: 700;
  115.  
  116.        --color-heading-text: 18,18,18;
  117.        --color-base-text: 18,18,18;
  118.        --color-base-background-1: 255,255,255;
  119.        --color-base-background-2: 255,255,255;
  120.        
  121.        --color-base-solid-button-labels: 255,255,255;
  122.        --color-base-outline-button-labels: 18,18,18;
  123.        
  124.        --color-base-accent-1: 18,18,18;
  125.        --color-base-accent-2: 18,18,18;
  126.        --payment-terms-background-color: 255,255,255;
  127.  
  128.        --gradient-base-background-1: 255,255,255;
  129.        --gradient-base-background-2: 255,255,255;
  130.        --gradient-base-accent-1: 18,18,18;
  131.        --gradient-base-accent-2: 18,18,18;
  132.  
  133.        --page-width: 145rem;
  134.      }
  135.  
  136.      *,
  137.      *::before,
  138.      *::after {
  139.        box-sizing: inherit;
  140.      }
  141.  
  142.      html {
  143.        box-sizing: border-box;
  144.        font-size: 62.5%;
  145.        height: 100%;
  146.      }
  147.  
  148.      body {
  149.        display: grid;
  150.        grid-template-rows: auto auto 1fr auto;
  151.        grid-template-columns: 100%;
  152.        min-height: 100%;
  153.        margin: 0;
  154.        font-size: 1.5rem;
  155.        letter-spacing: 0.06rem;
  156.        line-height: 1.8;
  157.        font-family: var(--font-body-family);
  158.        font-style: var(--font-body-style);
  159.        font-weight: var(--font-body-weight);
  160.        
  161.      }
  162.  
  163.      @media screen and (min-width: 750px) {
  164.        body {
  165.          font-size: 1.6rem;
  166.        }
  167.      }
  168.   </style>
  169.  
  170.  <link href="https://themes.easystore.co/63057/assets/base.css?t=1715590229" rel="stylesheet" type="text/css" media="screen" />
  171.  
  172.  
  173.  
  174. <!-- Snippet:global/head: Google Analytics -->
  175. <script>ga('create', 'UA-37789107-9', 'auto', 'SFTracker'); ga('SFTracker.set', 'hostname', '{https://fabulous1.easy.co}'); ga('SFTracker.send', 'pageview');</script>
  176.                    <script>$(document).ready(function(){ $('#AddToCart').click(function(){ga('SFTracker.send','event', 'Cart', 'Add');});
  177.                    $('.update-cart').click(function(){ga('SFTracker.send','event', 'Cart', 'Update');});
  178.                    $('.checkout').click(function(){ga('SFTracker.send','event', 'Checkout', 'Lead');});
  179.                    $('#PlaceOrder,#btn-pay-again').click(function(){ga('SFTracker.send','event', 'Checkout', 'Pay');});});
  180.                    if (window.performance) { var timeSincePageLoad = Math.round(performance.now());
  181.                      ga('SFTracker.send', 'timing', 'JS Dependencies', 'load', timeSincePageLoad);}</script>
  182. <!-- /Snippet -->
  183.  
  184.  
  185.  <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
  186. </head>
  187.  
  188. <body id="onpage-seo" class="template-product" >
  190.  
  191. <!-- Snippet:global/body_start: Console Extension -->
  192. <div id='es_console' style='display: none;'>1346176</div>
  193. <!-- /Snippet -->
  194.  
  196. <style>
  197.  header {
  198.    --logo-width: 120px;
  199.  }
  200.  .header-wrapper,
  201.  .header-wrapper .list-menu--disclosure,
  202.  .header-wrapper .search-modal{
  203.    background-color: #F1F1F1;
  204.  }
  205.  .header-wrapper .search-modal .field__input{
  206.    background-color: rgb(var(--color-background));
  207.  }
  208.  .header-wrapper summary .icon-caret,
  209.  .header-wrapper .header__menu-item a,
  210.  .header-wrapper .list-menu__item,
  211.  .header-wrapper .link--text{
  212.    color: #000000;
  213.  }
  214.  
  215.  .search-modal__form{
  216.    position: relative;
  217.  }
  218.  
  219.  .dropdown {
  220.    display: none;
  221.    position: absolute;
  222.    top: 100%;
  223.    left: 0;
  224.    width: 100%;
  225.    padding: 5px 0;
  226.    background-color: #fff;
  227.    color:#000;
  228.    z-index: 1000;
  229.    border-bottom-left-radius: 15px;
  230.    border-bottom-right-radius: 15px;
  231.    border: 1px solid rgba(var(--color-foreground), 1);
  232.    border-top: none;
  233.    overflow-x: hidden;
  234.    overflow-y: auto;
  235.    max-height: 350px;
  236.  }
  237.  
  238.  .dropdown-item {
  239.    padding: 0.4rem 2rem;
  240.    cursor: pointer;
  241.    line-height: 1.4;
  242.    overflow: hidden;
  243.    text-overflow: ellipsis;
  244.    white-space: nowrap;
  245.  }
  246.  
  247.  .dropdown-item:hover{
  248.    background-color: #f3f3f3;
  249.  }
  250.  
  251.  .search__input.is-focus{
  252.    border-radius: 15px;
  253.    border-bottom-left-radius: 0;
  254.    border-bottom-right-radius: 0;
  255.    border: 1px solid rgba(var(--color-foreground), 1);
  256.    border-bottom: none;
  257.    box-shadow: none;
  258.  }
  259.  
  260.  .clear-all {
  261.    text-align: right;
  262.    padding: 0 2rem 0.2rem;
  263.    line-height: 1;
  264.    font-size: 70%;
  265.    margin-bottom: -2px;
  266.  }
  267.  
  268.  .clear-all:hover{
  269.    background-color: #fff;
  270.  }
  271.  
  272.  .search-input-focus .easystore-section-header-hidden{
  273.    transform: none;
  274.  }
  275. </style>
  276.  
  277. <link rel="preload" href="https://themes.easystore.co/63057/assets/section-header.css?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  278. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-list-menu.css?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  279. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-menu-drawer.css?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  280. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-cart-notification.css?v1.1?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  281.  
  282. <script src="https://themes.easystore.co/63057/assets/cart-notification.js?t=1715590229" defer="defer"></script>
  283. <script src="https://themes.easystore.co/63057/assets/details-modal.js?t=1715590229" defer="defer"></script>
  284.  
  285. <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  286.  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
  287.    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  288.  </symbol>
  289.  
  290.  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  291.    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  292.  </symbol>
  293. </svg>
  294.  
  295.  
  296. <div id="easystore-section-header">
  297.  <sticky-header class="header-wrapper header-wrapper--border-bottom">
  298.    <header class="header header--middle-left page-width header--has-menu">
  299.      <header-drawer data-breakpoint="tablet">
  300.        <details class="menu-drawer-container menu-opening">
  301.          <summary class="header__icon header__icon--menu header__icon--summary link link--text focus-inset" aria-label="Menu" role="button" aria-expanded="true" aria-controls="menu-drawer">
  302.            <span>
  303.              
  304.  
  305.  
  306.    <svg class="icon icon-hamburger " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M32.5,65h535a25,25,0,0,0,0-50H32.5a25,25,0,0,0,0,50Z" fill="currentColor"/><path d="M567.5,275H32.5a25,25,0,0,0,0,50h535a25,25,0,0,0,0-50Z" fill="currentColor"/><path d="M567.5,535H32.5a25,25,0,0,0,0,50h535a25,25,0,0,0,0-50Z" fill="currentColor"/></svg>
  307.  
  308.  
  309.  
  310.              
  311.  
  312.  
  313.    <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg>
  314.  
  315.  
  316.  
  317.            </span>
  318.          </summary>
  319.          <div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1">
  320.            <div class="menu-drawer__inner-container">
  321.              <div class="menu-drawer__navigation-container">
  322.                <nav class="menu-drawer__navigation">
  323.                  <ul class="menu-drawer__menu list-menu" role="list">
  324.                    
  325.                    
  326.                      
  327.                        <li>
  328.                          <a href="/"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  329.                            Home
  330.                          </a>
  331.                        </li>
  332.                      
  333.                    
  334.                    
  335.                      
  336.                        
  337.                        <li>
  338.                          <details>
  339.                                <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags">
  340.                                  <a href="/collections/all"  class="link--text list-menu__item menu-drawer__menu-item">
  341.                                    Catalog
  342.                                  </a>
  343.                                  
  344.  
  345.  
  346.    <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg>
  347.  
  348.  
  349.  
  350.                                  
  351.  
  352.  
  353.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  354.      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path>
  355.    </svg>
  356.  
  357.  
  358.  
  359.                                </summary>
  360.                                <div class="menu-drawer__submenu motion-reduce" tabindex="-1">
  361.                                  <div class="menu-drawer__inner-submenu">
  362.                                    <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  363.                                      
  364.  
  365.  
  366.    <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg>
  367.  
  368.  
  369.  
  370.                                      Catalog
  371.                                    </button>
  372.                                    <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1">
  373.                                      
  374.                                        
  375.                                        
  376.                                          <li>
  377.                                            <a href="/collections/new-arrival"  class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
  378.                                              New arrival
  379.                                            </a>
  380.                                          </li>
  381.                                        
  382.                                      
  383.                                        
  384.                                        
  385.                                          <li>
  386.                                            <a href="/collections/hot-selling"  class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
  387.                                              Hot selling
  388.                                            </a>
  389.                                          </li>
  390.                                        
  391.                                      
  392.                                      
  393.                                    </ul>
  394.                                  </div>
  395.                                </div>
  396.                          </details>
  397.                        </li>
  398.                      
  399.                    
  400.                    
  401.                      
  402.                        <li>
  403.                          <a href="/blogs/news"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  404.                            News
  405.                          </a>
  406.                        </li>
  407.                      
  408.                    
  409.                    
  410.                      
  411.                        <li>
  412.                          <a href="/store-locator"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  413.                            Location
  414.                          </a>
  415.                        </li>
  416.                      
  417.                    
  418.                  </ul>
  419.                </nav>
  420.  
  421.                <div class="menu-drawer__utility-links">
  422.  
  423.                  
  424.  
  425.  
  426.  
  427.  
  428.                  
  429.                  
  430.                  
  431.                    <a href="/account/login" class="menu-drawer__account link link--text focus-inset h5">
  432.                      
  433.  
  434.  
  435.    <svg class="icon icon-account " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M300,296.19c-70.7,0-137.11,28.74-187,80.93-49.59,51.87-76.9,120.77-76.9,194v25H563.89v-25c0-73.22-27.31-142.12-76.9-194C437.11,324.93,370.7,296.19,300,296.19ZM87.42,546.11C99.29,433.81,190.1,346.19,300,346.19s200.71,87.62,212.58,199.92Z" fill="currentColor"/><path d="M300,285.34c77.6,0,140.73-63.13,140.73-140.73S377.6,3.89,300,3.89,159.27,67,159.27,144.61,222.4,285.34,300,285.34Zm0-231.45a90.73,90.73,0,1,1-90.73,90.72A90.82,90.82,0,0,1,300,53.89Z" fill="currentColor"/></svg>
  436.  
  437.  
  439.                      
  440.                      Log in
  441.                    </a>
  442.                  
  443.                    <a href="/account/register" class="menu-drawer__account link link--text focus-inset h5">
  444.                      
  445.                      
  446.  
  447.  
  448.    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus " fill="none" viewBox="0 0 10 10">
  449.      <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"></path>
  450.    </svg>
  451.  
  452.  
  454.                      Create account
  455.                    </a>
  456.                  
  457.                  
  458.                  
  459.                </div>
  460.              </div>
  461.            </div>
  462.          </div>
  463.        </details>
  464.      </header-drawer>
  465.  
  466.      
  467.        <h1 class="header__heading">
  468.          Fabulous
  469.        </h1>
  470.      
  471.  
  472.      
  473.      <div class="header__search-input" tabindex="-1">
  474.        <form action="/search" method="get" role="search" class="search search-modal__form">
  475.          <div class="field">
  476.            <input class="search__input field__input"
  477.              id="Search-In-Modal"
  478.              type="search"
  479.              name="q"
  480.              value=""
  481.              placeholder="Search"
  482.              autocomplete="off"
  483.            >
  484.            <label class="field__label" for="Search-In-Modal">Search</label>
  485.            <div class="dropdown" id="searchDropdown"></div>
  486.            <input type="hidden" name="search_history" class="hidden_search_history">
  487.            <input type="hidden" name="options[prefix]" value="last">
  488.            <button class="search__button field__button" aria-label="Search">
  489.              <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
  490.                <use href="#icon-search">
  491.              </svg>
  492.            </button>
  493.          </div>
  494.        </form>
  495.      </div>
  496.      
  497.  
  498.      <nav class="header__inline-menu">
  499.        <ul class="list-menu list-menu--inline" role="list">
  500.          
  501.            
  502.              
  503.                <li>
  504.                  <a href="/"  class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
  505.                    Home
  506.                  </a>
  507.                </li>
  508.              
  509.            
  510.            
  511.              
  512.                
  513.                <li>
  514.                  <details-disclosure>
  515.                    <details>
  516.                      <summary class="header__menu-item list-menu__item link focus-inset">
  517.                        <a href="/collections/all"  >Catalog</a>
  518.                        
  519.  
  520.  
  521.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  522.      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path>
  523.    </svg>
  524.  
  525.  
  526.  
  527.                      </summary>
  528.                      <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1">
  529.                        
  530.                        
  531.                        
  532.                          
  533.                            
  534.                            <li>
  535.                              <a href="/collections/new-arrival"  class="header__menu-item list-menu__item link link--text focus-inset caption-large">
  536.                                New arrival
  537.                              </a>
  538.                            </li>
  539.                          
  540.                        
  541.                        
  542.                          
  543.                            
  544.                            <li>
  545.                              <a href="/collections/hot-selling"  class="header__menu-item list-menu__item link link--text focus-inset caption-large">
  546.                                Hot selling
  547.                              </a>
  548.                            </li>
  549.                          
  550.                        
  551.                      </ul>
  552.                    </details>
  553.                  </details-disclosure>
  554.                </li>
  555.              
  556.            
  557.            
  558.              
  559.                <li>
  560.                  <a href="/blogs/news"  class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
  561.                    News
  562.                  </a>
  563.                </li>
  564.              
  565.            
  566.            
  567.              
  568.                <li>
  569.                  <a href="/store-locator"  class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
  570.                    Location
  571.                  </a>
  572.                </li>
  573.              
  574.            
  575.            
  576.            
  577.              
  578.                
  579.                  
  580.                
  581.                  
  582.                
  583.              
  584.            
  585.        </ul>
  586.      </nav>
  587.      <div class="header__icons">
  588.  
  589.        
  590.          
  591.            <div class="header__icon header__icon--account link link--text focus-inset small-hide medium-hide">
  592.              <a href="/account/login" class="header__icon link link--text focus-inset p-2">
  593.                
  594.  
  595.  
  596.    <svg class="icon icon-account " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M300,296.19c-70.7,0-137.11,28.74-187,80.93-49.59,51.87-76.9,120.77-76.9,194v25H563.89v-25c0-73.22-27.31-142.12-76.9-194C437.11,324.93,370.7,296.19,300,296.19ZM87.42,546.11C99.29,433.81,190.1,346.19,300,346.19s200.71,87.62,212.58,199.92Z" fill="currentColor"/><path d="M300,285.34c77.6,0,140.73-63.13,140.73-140.73S377.6,3.89,300,3.89,159.27,67,159.27,144.61,222.4,285.34,300,285.34Zm0-231.45a90.73,90.73,0,1,1-90.73,90.72A90.82,90.82,0,0,1,300,53.89Z" fill="currentColor"/></svg>
  597.  
  598.  
  599.  
  600.                <span id="my-account" class="header__link-label">Login</span>
  601.              </a>
  602.          </div>
  603.          
  604.        
  605.  
  606.        <a href="/cart" class="header__icon link link--text focus-inset" id="cart-icon-bubble">
  607.          <span class="header__icon--cart">
  608.            
  609.  
  610.  
  611.    <svg class="icon icon-cart-empty " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496.56 600"><path d="M453.52,128.63a25,25,0,0,0-24.91-22.8H364.72a117.48,117.48,0,0,0-232.89,0H67.94A25,25,0,0,0,43,128.63L8.8,515.21a72.11,72.11,0,0,0,19.05,55.6,79,79,0,0,0,58.22,25.3H410.49a79,79,0,0,0,58.22-25.3,72.11,72.11,0,0,0,19.05-55.6ZM248.28,53.89a67.58,67.58,0,0,1,65.65,51.94H182.63A67.57,67.57,0,0,1,248.28,53.89ZM431.83,537.05a28.85,28.85,0,0,1-21.34,9.06H86.07a28.85,28.85,0,0,1-21.34-9.06,22.69,22.69,0,0,1-6.13-17.43L90.82,155.83h40v51.23a25,25,0,0,0,50,0V155.83h135v51.23a25,25,0,0,0,50,0V155.83h40L438,519.62A22.68,22.68,0,0,1,431.83,537.05Z" fill="currentColor"/></svg>
  612.  
  613.  
  614.  
  615.            <div class="cart-count-bubble hidden">
  616.              <span aria-hidden="true" class="js-content-cart-count">0</span>
  617.            </div>
  618.          </span>
  619.          <span class="header__link-label medium-hide small-hide">
  620.            Cart
  621.          </span>
  622.        </a>
  623.        
  624.      </div>
  625.    </header>
  626.  </sticky-header>
  627.  
  628. <cart-notification>
  629.  <div class="cart-notification-wrapper page-width color-background-1">
  630.    <div id="cart-notification" class="cart-notification focus-inset" aria-modal="true" aria-label="Added to cart" role="dialog" tabindex="-1">
  631.      <div class="cart-notification__header">
  632.        <h2 class="cart-notification__heading caption-large">
  633.  
  634.  
  635.    <svg class="icon icon-checkmark color-foreground-text " aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  636.      <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
  637.    </svg>
  638.  
  639.  
  640. Added to cart</h2>
  641.        <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="accessibility.close">
  642.          
  643.  
  644.  
  645.    <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg>
  646.  
  647.  
  648.  
  649.        </button>
  650.      </div>
  651.      <div id="cart-notification-product" class="cart-notification-product"></div>
  652.      <div class="cart-notification__links">
  653.        <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width">View cart (<span class="js-content-cart-count">0</span>)</a>
  654.        <form action="/cart" method="post" id="cart-notification-form">
  655.          <input type="hidden" name="_token" value="NV4nZW34HiBPjxi8fm8qlc221ntPy0Rsx9kr0lxd">
  656.          <input type="hidden" name="current_currency" value="USD">
  657.          <button class="button button--primary button--full-width" name="checkout" value="true">Checkout</button>
  658.        </form>
  659.        <button type="button" class="link button-label">Continue shopping</button>
  660.      </div>
  661.    </div>
  662.  </div>
  663. </cart-notification>
  664. <style>
  665.  .cart-notification {
  666.     display: none;
  667.  }
  668. </style>
  669. <script>
  670. document.getElementById('cart-notification-form').addEventListener('submit',(event)=>{
  671.  if(event.submitter) event.submitter.classList.add('loading');
  672. })
  673.  
  674. </script>
  675.  
  676. </div>
  677.  
  678.  
  679. <script>
  680.  
  681.  class StickyHeader extends HTMLElement {
  682.    constructor() {
  683.      super();
  684.    }
  685.  
  686.    connectedCallback() {
  687.      this.header = document.getElementById('easystore-section-header');
  688.      this.headerBounds = {};
  689.      this.currentScrollTop = 0;
  690.      this.preventReveal = false;
  691.  
  692.      this.onScrollHandler = this.onScroll.bind(this);
  693.      this.hideHeaderOnScrollUp = () => this.preventReveal = true;
  694.  
  695.      this.addEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
  696.      window.addEventListener('scroll', this.onScrollHandler, false);
  697.  
  698.      this.createObserver();
  699.    }
  700.  
  701.    disconnectedCallback() {
  702.      this.removeEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
  703.      window.removeEventListener('scroll', this.onScrollHandler);
  704.    }
  705.  
  706.    createObserver() {
  707.      let observer = new IntersectionObserver((entries, observer) => {
  708.        this.headerBounds = entries[0].intersectionRect;
  709.        observer.disconnect();
  710.      });
  711.  
  712.      observer.observe(this.header);
  713.    }
  714.  
  715.    onScroll() {
  716.      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  717.  
  718.      if (scrollTop > this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
  719.        requestAnimationFrame(this.hide.bind(this));
  720.      } else if (scrollTop < this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
  721.        if (!this.preventReveal) {
  722.          requestAnimationFrame(this.reveal.bind(this));
  723.        } else {
  724.          window.clearTimeout(this.isScrolling);
  725.  
  726.          this.isScrolling = setTimeout(() => {
  727.            this.preventReveal = false;
  728.          }, 66);
  729.  
  730.          requestAnimationFrame(this.hide.bind(this));
  731.        }
  732.      } else if (scrollTop <= this.headerBounds.top) {
  733.        requestAnimationFrame(this.reset.bind(this));
  734.      }
  735.  
  736.  
  737.      this.currentScrollTop = scrollTop;
  738.    }
  739.  
  740.    hide() {
  741.      this.header.classList.add('easystore-section-header-hidden', 'easystore-section-header-sticky');
  742.      this.closeMenuDisclosure();
  743.      // this.closeSearchModal();
  744.    }
  745.  
  746.    reveal() {
  747.      this.header.classList.add('easystore-section-header-sticky', 'animate');
  748.      this.header.classList.remove('easystore-section-header-hidden');
  749.    }
  750.  
  751.    reset() {
  752.      this.header.classList.remove('easystore-section-header-hidden', 'easystore-section-header-sticky', 'animate');
  753.    }
  754.  
  755.    closeMenuDisclosure() {
  756.      this.disclosures = this.disclosures || this.header.querySelectorAll('details-disclosure');
  757.      this.disclosures.forEach(disclosure => disclosure.close());
  758.    }
  759.  
  760.    // closeSearchModal() {
  761.    //   this.searchModal = this.searchModal || this.header.querySelector('details-modal');
  762.    //   this.searchModal.close(false);
  763.    // }
  764.  }
  765.  
  766.  customElements.define('sticky-header', StickyHeader);
  767.  
  768.  
  769.  class DetailsDisclosure extends HTMLElement{
  770.    constructor() {
  771.      super();
  772.      this.mainDetailsToggle = this.querySelector('details');
  773.      // this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this));
  774.      this.mainDetailsToggle.addEventListener('mouseover', this.open.bind(this));
  775.      this.mainDetailsToggle.addEventListener('mouseleave', this.close.bind(this));
  776.    }
  777.  
  778.    onFocusOut() {
  779.      setTimeout(() => {
  780.        if (!this.contains(document.activeElement)) this.close();
  781.      })
  782.    }
  783.  
  784.    open() {
  785.      this.mainDetailsToggle.setAttribute('open',1)
  786.    }
  787.  
  788.    close() {
  789.      this.mainDetailsToggle.removeAttribute('open')
  790.    }
  791.  }
  792.  
  793.  customElements.define('details-disclosure', DetailsDisclosure);
  794.  
  795.  function clearAll() {
  796.    localStorage.removeItem('searchHistory');
  797.    
  798.    var customer = "";
  799.    if(customer) {
  800.      // Your logic to clear all data or call an endpoint
  801.      fetch('/account/search_histories', {
  802.          method: 'DELETE',
  803.          headers: {
  804.            "Content-Type": "application/json",
  805.            "X-Requested-With": "XMLHttpRequest"
  806.          },
  807.          body: JSON.stringify({
  808.            _token: "NV4nZW34HiBPjxi8fm8qlc221ntPy0Rsx9kr0lxd"
  809.          }),
  810.      })
  811.      .then(response => response.json())
  812.    }
  813.  }
  814.  // End - delete search history from local storage
  815.  
  816.  // search history dropdown  
  817.  var searchInputs = document.querySelectorAll('.search__input');
  818.  
  819.  if(searchInputs.length > 0) {
  820.    
  821.    searchInputs.forEach((searchInput)=> {
  822.    
  823.      searchInput.addEventListener('focus', function() {
  824.        var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown');
  825.        searchDropdown.innerHTML = ''; // Clear existing items
  826.  
  827.        // retrieve data from local storage
  828.        var searchHistoryData = JSON.parse(localStorage.getItem('searchHistory')) || [];
  829.  
  830.        // Convert JSON to string
  831.        var search_history_json = JSON.stringify(searchHistoryData);
  832.  
  833.        // Set the value of the hidden input
  834.        searchInput.closest('form').querySelector(".hidden_search_history").value = search_history_json;
  835.  
  836.        // create dropdown items
  837.        var clearAllItem = document.createElement('div');
  838.        clearAllItem.className = 'dropdown-item clear-all';
  839.        clearAllItem.textContent = 'Clear';
  840.        clearAllItem.addEventListener('click', function() {
  841.          clearAll();
  842.          searchDropdown.style.display = 'none';
  843.          searchInput.classList.remove('is-focus');
  844.        });
  845.        searchDropdown.appendChild(clearAllItem);
  846.  
  847.        // create dropdown items
  848.        searchHistoryData.forEach(function(item) {
  849.          var dropdownItem = document.createElement('div');
  850.          dropdownItem.className = 'dropdown-item';
  851.          dropdownItem.textContent = item.term;
  852.          dropdownItem.addEventListener('click', function() {
  853.            searchInput.value = item.term;
  854.            searchInput.closest('form').submit();
  855.            searchDropdown.style.display = 'none';
  856.          });
  857.          searchDropdown.appendChild(dropdownItem);
  858.        });
  859.  
  860.        if(searchHistoryData.length > 0){
  861.          // display the dropdown
  862.          searchInput.classList.add('is-focus');
  863.          document.body.classList.add('search-input-focus');
  864.          searchDropdown.style.display = 'block';
  865.        }
  866.      });
  867.  
  868.      searchInput.addEventListener("focusout", (event) => {
  869.        var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown');
  870.        searchInput.classList.remove('is-focus');
  871.        searchDropdown.classList.add('transparent');
  872.        setTimeout(()=>{
  873.          searchDropdown.style.display = 'none';
  874.          searchDropdown.classList.remove('transparent');
  875.          document.body.classList.remove('search-input-focus');
  876.        }, 400);
  877.      });
  878.    })
  879.  }
  880.  // End - search history dropdown
  881. </script>
  882.  
  883.  
  884.  <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  885.    
  886.    
  887. <!-- <link href="https://themes.easystore.co/63057/assets/component-rte.css?t=1715590229" rel="stylesheet" type="text/css" media="screen" /> -->
  888. <link rel="preload" href="https://themes.easystore.co/63057/assets/section-main-product.css?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  889. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-price.css?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  890.  
  891. <style>
  892.  .product-wrapper_color{
  893.    background-color: rgba(245, 245, 245, 1);
  894.    padding: 30px;
  895.    border-radius: 20px;
  896.  }
  897.  .product-card-wrapper{
  898.    background-color: rgba(245, 245, 245, 1);
  899.  }
  900. </style>
  901.  
  902. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-slider.css?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  903. <script src="https://themes.easystore.co/63057/assets/product-form.js?t=1715590229" defer="defer"></script>
  904.  
  905.  
  906. <section class="product-section page-width spaced-section">
  907.  
  908.  <div class="product grid grid--1-col grid--2-col-tablet">
  909.    
  910.    
  911.  
  912.      <div class="grid__item product__media-wrapper text-center">
  913.        
  914.        <img src="/assets/images/products/no_image.png" alt="Empty Image">
  915.      </div>
  916.  
  917.    
  918.  
  919.  
  920.    <div class="grid__item product__info-wrapper">
  921.      <div id="ProductInfo" class="product__info-container product__info-container--sticky">
  922.        <div class="product-wrapper_color">
  923.          
  924.  
  925.          <h1 class="product__title">
  926.            onpage seo
  927.          </h1>
  928.  
  929.          <!-- price -->
  930.          <div id="price">
  931.            
  932.  
  933. <div class="price
  934.   price--large
  935.  
  936.   price--on-sale "
  937.  data-expires="">
  938.  
  939.  <dl>
  940.    <div class="price__regular">
  941.      <dt>
  942.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  943.      </dt>
  944.      <dd >
  945.        <span class="price-item price-item--regular">
  946.          
  947.            
  948.  
  949.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  950.  
  951.  
  952.          
  953.        </span>
  954.      </dd>
  955.    </div>
  956.    <div class="price__sale">
  957.      <dt>
  958.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  959.      </dt>
  960.      <dd >
  961.        <span id="ProductPrice" class="price-item price-item--sale">
  962.          
  963.            
  964.  
  965.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  966.  
  967.  
  968.          
  969.        </span>
  970.      </dd>
  971.      
  972.      <dt class="price__compare">
  973.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  974.      </dt>
  975.      <dd class="price__compare">
  976.        <s class="price-item price-item--regular">
  977.          
  978.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  979.          
  980.          
  981.        </s>
  982.      </dd>
  983.      
  984.    </div>
  985.  </dl>
  986.  
  987.    <span class="badge price__badge-sale color-accent-2" aria-hidden="true">
  988.      Sale
  989.    </span>
  990.  
  991.    <span class="badge price__badge-sold-out" aria-hidden="true">
  992.      Sold Out
  993.    </span>
  994.  
  995. </div>
  996.  
  997.          </div>
  998.  
  999.          <div class="product_upsell-info">
  1000.            
  1001.              
  1002.              
  1003.              <div class="product_upsell-box">
  1004.                
  1005.                  <div class="product_upsell-icon">
  1006.                    <img src="https://cdn.store-assets.com/s/943101/f/8656454.png" alt="Free worldwide shipping | Fabulous">
  1007.                  </div>
  1008.                
  1009.                
  1010.                  <div class="product_upsell-text">
  1011.                    Free worldwide shipping
  1012.                  </div>
  1013.                
  1014.              </div>
  1015.            
  1016.              
  1017.              
  1018.              <div class="product_upsell-box">
  1019.                
  1020.                  <div class="product_upsell-icon">
  1021.                    <img src="https://cdn.store-assets.com/s/943101/f/8656465.png" alt="Secure payments | Fabulous">
  1022.                  </div>
  1023.                
  1024.                
  1025.                  <div class="product_upsell-text">
  1026.                    Secure payments
  1027.                  </div>
  1028.                
  1029.              </div>
  1030.            
  1031.              
  1032.              
  1033.              <div class="product_upsell-box">
  1034.                
  1035.                  <div class="product_upsell-icon">
  1036.                    <img src="https://cdn.store-assets.com/s/943101/f/8656462.png" alt="7 Days Free Return | Fabulous">
  1037.                  </div>
  1038.                
  1039.                
  1040.                  <div class="product_upsell-text">
  1041.                    7 Days Free Return
  1042.                  </div>
  1043.                
  1044.              </div>
  1045.            
  1046.          </div>
  1047.  
  1048.          <product-form class="product-form">
  1049.            <form action="/cart/add" method="post" enctype="multipart/form-data" data-addtocart='{"id":11600163,"name":"onpage seo","sku":"","price":50.0,"quantity":1,"variant":"Default Title","category":"Feature on homepage","brands":""}' id="AddToCartForm">
  1050.  
  1051.              <style>
  1052. .sf_promo-promo-label, #sf_promo-view-more-tag, .sf_promo-label-unclickable:hover {
  1053.    color: #4089e4
  1054. }
  1055. </style>
  1056. <div class="sf_promo-tag-wrapper">
  1057.    <div id="sf_promo-tag-label"></div>
  1058.    <div class="sf_promo-tag-container">
  1059.        <div id="sf_promo-tag"></div>
  1060.        <a id="sf_promo-view-more-tag" class="sf_promo-promo-label hide" onclick="getPromotionList(true)">View More</a>
  1061.    </div>
  1062. </div>
  1063.  
  1064.  
  1065.              <select name="id" id="productSelect" class="hide">
  1066.                
  1067.                  
  1068.  
  1069.                    <option  selected="selected"  data-sku="" value="53539578">Default Title - <span class=money data-ori-price='5,000.00'>$ 5,000.00 </span></option>
  1070.  
  1071.                  
  1072.                
  1073.              </select>
  1074.  
  1075.              
  1076.  
  1077.              <!-- quantity_selector -->
  1078.              <div class="product-form__input product-form__quantity">
  1079.                <label class="form__label" for="Quantity">
  1080.                  Quantity
  1081.                </label>
  1082.  
  1083.                <quantity-input class="quantity">
  1084.                  <button class="quantity__button no-js-hidden" name="minus" type="button">
  1085.                    
  1086.  
  1087.  
  1088.    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus " fill="none" viewBox="0 0 10 2">
  1089.      <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"></path>
  1090.    </svg>
  1091.  
  1092.  
  1093.  
  1094.                  </button>
  1095.                  <input class="quantity__input"
  1096.                      type="number"
  1097.                      name="quantity"
  1098.                      id="Quantity"
  1099.                      min="1"
  1100.                      value="1"
  1101.                    >
  1102.                  <button class="quantity__button no-js-hidden" name="plus" type="button">
  1103.                    
  1104.  
  1105.  
  1106.    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus " fill="none" viewBox="0 0 10 10">
  1107.      <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"></path>
  1108.    </svg>
  1109.  
  1110.  
  1111.  
  1112.                  </button>
  1113.                </quantity-input>
  1114.              </div>
  1115.  
  1116.  
  1117.              <div class="product-form__buttons">
  1118.  
  1119.                
  1120.  
  1121.                <button
  1122.                  type="submit"
  1123.                  name="add"
  1124.                  id="AddToCart"
  1125.                  class="product-form__submit button button--full-width button--primary btn--radius"
  1126.                
  1127.                >
  1128.                    
  1129.                      Add to Cart
  1130.                    
  1131.                </button>
  1132.  
  1133.                
  1134.  
  1135.              </div>
  1136.              
  1137.              <div class="form__message hidden" tabindex="-1" autofocus>
  1138.                <span class="visually-hidden">accessibility.error </span>
  1139.                
  1140.  
  1141.  
  1142.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error " viewBox="0 0 13 13">
  1143.      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
  1144.      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
  1145.      <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
  1146.      <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"/>
  1147.    </svg>
  1148.  
  1149.  
  1150.  
  1151.                <div class="js-error-content"></div>
  1152.              </div>
  1153.  
  1154.            </form>
  1155.          </product-form>
  1156.  
  1157.  
  1158.          <div>
  1159.            
  1160.  
  1161.  
  1162.  
  1163.  
  1164. <share-button class="share-button">
  1165.  <button class="share-button__button hidden">
  1166.    
  1167.      
  1168.  
  1169.  
  1170.    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-share " width="18" height="18" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  1171.      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  1172.      <circle cx="6" cy="12" r="3" />
  1173.      <circle cx="18" cy="6" r="3" />
  1174.      <circle cx="18" cy="18" r="3" />
  1175.      <line x1="8.7" y1="10.7" x2="15.3" y2="7.3" />
  1176.      <line x1="8.7" y1="13.3" x2="15.3" y2="16.7" />
  1177.    </svg>
  1178.  
  1179.  
  1180.  
  1181.      Share
  1182.    
  1183.  </button>
  1184.  <details>
  1185.    <summary class="share-button__button">
  1186.      
  1187.        
  1188.  
  1189.  
  1190.    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-share " width="18" height="18" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  1191.      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  1192.      <circle cx="6" cy="12" r="3" />
  1193.      <circle cx="18" cy="6" r="3" />
  1194.      <circle cx="18" cy="18" r="3" />
  1195.      <line x1="8.7" y1="10.7" x2="15.3" y2="7.3" />
  1196.      <line x1="8.7" y1="13.3" x2="15.3" y2="16.7" />
  1197.    </svg>
  1198.  
  1199.  
  1200.  
  1201.        Share
  1202.      
  1203.    </summary>
  1204.    <div id="Product-share-id" class="share-button__fallback motion-reduce ">
  1205.  
  1206.      <div class="social-sharing-icons" data-permalink="https://fabulous1.easy.co/products/onpage-seo">
  1207.        <div class="sharing-icons-label"><small>Share it on</small></div>
  1208.  
  1209.        <a target="_blank" href="//www.facebook.com/sharer.php?u=https://fabulous1.easy.co/products/onpage-seo" class="share-icon-button">
  1210.          
  1211.  
  1212.  
  1213.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook "
  1214.    viewBox="0 0 18 18">
  1215.      <path fill="currentColor"
  1216.        d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
  1217.      </path>
  1218.    </svg>
  1219.  
  1220.  
  1221.  
  1222.        </a>
  1223.  
  1224.        <a target="_blank" href="//twitter.com/share?text=onpage seo&amp;url=https://fabulous1.easy.co/products/onpage-seo" class="share-icon-button">
  1225.          
  1226.  
  1227.  
  1228.    <svg class="icon icon-twitter " viewBox="0 0 22 22" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  1229.      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  1230.      <path d="M3 3l11.733 16h4.267l-11.733 -16z" />
  1231.      <path d="M3 19l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
  1232.    </svg>
  1233.  
  1234.  
  1235.  
  1236.        </a>
  1237.  
  1238.        
  1239.  
  1240.          <a target="_blank" href="//pinterest.com/pin/create/button/?url=https://fabulous1.easy.co/products/onpage-seo&amp;media=/assets/images/products/no_image.png&amp;description=onpage seo" class="share-icon-button">
  1241.            
  1242.  
  1243.  
  1244.  <svg class="icon icon-pinterest " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g id="Layer_1" data-name="Layer 1"><circle cx="512" cy="512" r="450" fill="transparent"/><path d="M536,962H488.77a23.77,23.77,0,0,0-3.39-.71,432.14,432.14,0,0,1-73.45-10.48c-9-2.07-18-4.52-26.93-6.8a7.6,7.6,0,0,1,.35-1.33c.6-1,1.23-2,1.85-3,18.19-29.57,34.11-60.23,43.17-93.95,7.74-28.83,14.9-57.82,22.3-86.74,2.91-11.38,5.76-22.77,8.77-34.64,2.49,3.55,4.48,6.77,6.83,9.69,15.78,19.58,36.68,31.35,60.16,39,25.41,8.3,51.34,8.07,77.41,4.11C653.11,770,693.24,748.7,726.79,715c32.57-32.73,54.13-72.14,68.33-115.76,12-37,17.81-75.08,19.08-114,1-30.16-1.94-59.73-11.72-88.36C777.38,323.39,728.1,271.81,658,239.82c-45.31-20.67-93.27-28.06-142.89-26.25a391.16,391.16,0,0,0-79.34,10.59c-54.59,13.42-103.37,38.08-143.29,78-61.1,61-91.39,134.14-83.34,221.41,2.3,25,8.13,49.08,18.84,71.86,15.12,32.14,37.78,56.78,71,70.8,11.87,5,20.67.54,23.82-12,2.91-11.56,5.5-23.21,8.88-34.63,2.72-9.19,1.2-16.84-5.15-24-22.84-25.84-31.36-56.83-30.88-90.48A238.71,238.71,0,0,1,300,462.16c10.93-55.27,39.09-99.84,85.3-132.46,33.39-23.56,71-35.54,111.53-38.54,30.47-2.26,60.5,0,89.89,8.75,27.38,8.16,51.78,21.59,71.77,42.17,31.12,32,44.38,71.35,45.61,115.25a383.11,383.11,0,0,1-3.59,61.18c-4.24,32-12.09,63-25.45,92.47-11.37,25.09-26,48-47.45,65.79-23.66,19.61-50.51,28.9-81.43,23.69-34-5.75-57.66-34-57.56-68.44,0-13.46,4.16-26.09,7.8-38.78,8.67-30.19,18-60.2,26.45-90.46,5.26-18.82,9.13-38,6.91-57.8-1.58-14.1-5.77-27.31-15.4-38-16.55-18.4-37.68-22.29-60.75-17-23.26,5.3-39.56,20.36-51.58,40.26-15,24.89-20.26,52.22-19.2,81a179.06,179.06,0,0,0,13.3,62.7,9.39,9.39,0,0,1,.07,5.31c-17.12,72.65-33.92,145.37-51.64,217.87-9.08,37.15-14.72,74.52-13.67,112.8.13,4.55,0,9.11,0,14.05-1.62-.67-3.06-1.22-4.46-1.86A452,452,0,0,1,103.27,700.4,441.83,441.83,0,0,1,63.54,547.58c-.41-5.44-1-10.86-1.54-16.29V492.71c.51-5.3,1.13-10.58,1.52-15.89A436.78,436.78,0,0,1,84,373,451.34,451.34,0,0,1,368.54,85.49a439.38,439.38,0,0,1,108.28-22c5.31-.39,10.59-1,15.89-1.52h38.58c1.64.28,3.26.65,4.9.81,14.34,1.42,28.77,2.2,43,4.3a439.69,439.69,0,0,1,140.52,45.62c57.3,29.93,106.14,70.19,146,121.07Q949,340.12,960.52,474.86c.4,4.64,1,9.27,1.48,13.91v46.46a22.06,22.06,0,0,0-.7,3.36,426.12,426.12,0,0,1-10.51,74.23C930,702,886.41,778.26,819.48,840.65c-75.94,70.81-166,110.69-269.55,119.84C545.29,960.91,540.65,961.49,536,962Z" fill="currentColor"/></g></svg>
  1245.  
  1246.  
  1247.  
  1248.          </a>
  1249.  
  1250.        
  1251.        
  1252.        <a target="_blank" href="//social-plugins.line.me/lineit/share?url=https://fabulous1.easy.co/products/onpage-seo" class="share-icon-button">
  1253.          
  1254.  
  1255.  
  1256.    <svg class="icon icon-line " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
  1257.      <g id="Layer_1" data-name="Layer 1"><circle cx="512" cy="512" r="450" fill="currentColor"/>
  1258.        <g id="TYPE_A" data-name="TYPE A">
  1259.          <path d="M811.32,485c0-133.94-134.27-242.9-299.32-242.9S212.68,351,212.68,485c0,120.07,106.48,220.63,250.32,239.65,9.75,2.1,23,6.42,26.37,14.76,3,7.56,2,19.42,1,27.06,0,0-3.51,21.12-4.27,25.63-1.3,7.56-6,29.59,25.93,16.13s172.38-101.5,235.18-173.78h0c43.38-47.57,64.16-95.85,64.16-149.45" fill="#fff"/>
  1260.          <path d="M451.18,420.26h-21a5.84,5.84,0,0,0-5.84,5.82V556.5a5.84,5.84,0,0,0,5.84,5.82h21A5.83,5.83,0,0,0,457,556.5V426.08a5.83,5.83,0,0,0-5.83-5.82" fill="currentColor"/>
  1261.          <path d="M595.69,420.26h-21a5.83,5.83,0,0,0-5.83,5.82v77.48L509.1,422.85a5.39,5.39,0,0,0-.45-.59l0,0a4,4,0,0,0-.35-.36l-.11-.1a3.88,3.88,0,0,0-.31-.26l-.15-.12-.3-.21-.18-.1-.31-.17-.18-.09-.34-.15-.19-.06c-.11-.05-.23-.08-.34-.12l-.21-.05-.33-.07-.25,0a3,3,0,0,0-.31,0l-.3,0H483.26a5.83,5.83,0,0,0-5.83,5.82V556.5a5.83,5.83,0,0,0,5.83,5.82h21a5.83,5.83,0,0,0,5.83-5.82V479l59.85,80.82a5.9,5.9,0,0,0,1.47,1.44l.07,0c.11.08.23.15.35.22l.17.09.28.14.28.12.18.06.39.13.09,0a5.58,5.58,0,0,0,1.49.2h21a5.83,5.83,0,0,0,5.84-5.82V426.08a5.83,5.83,0,0,0-5.84-5.82" fill="currentColor"/>
  1262.          <path d="M400.57,529.66H343.52V426.08a5.81,5.81,0,0,0-5.82-5.82h-21a5.82,5.82,0,0,0-5.83,5.82V556.49h0a5.75,5.75,0,0,0,1.63,4,.34.34,0,0,0,.08.09l.09.08a5.75,5.75,0,0,0,4,1.63h83.88a5.82,5.82,0,0,0,5.82-5.83v-21a5.82,5.82,0,0,0-5.82-5.83" fill="currentColor"/>
  1263.          <path d="M711.64,452.91a5.81,5.81,0,0,0,5.82-5.83v-21a5.82,5.82,0,0,0-5.82-5.83H627.76a5.79,5.79,0,0,0-4,1.64l-.06.06-.1.11a5.8,5.8,0,0,0-1.61,4h0v130.4h0a5.75,5.75,0,0,0,1.63,4,.34.34,0,0,0,.08.09l.08.08a5.78,5.78,0,0,0,4,1.63h83.88a5.82,5.82,0,0,0,5.82-5.83v-21a5.82,5.82,0,0,0-5.82-5.83h-57v-22h57a5.82,5.82,0,0,0,5.82-5.84v-21a5.82,5.82,0,0,0-5.82-5.83h-57v-22Z" fill="currentColor"/>
  1264.        </g>
  1265.      </g>
  1266.    </svg>
  1267.  
  1268.  
  1269.  
  1270.        </a>
  1271.  
  1272.        
  1273.      </div>
  1274.  
  1275.      <div class="share-button_copy-wrapper">
  1276.        <div class="field">
  1277.          <span id="ShareMessage-id" class="share-button__message hidden" role="status">
  1278.          </span>
  1279.          <input type="text"
  1280.                class="field__input"
  1281.                id="url"
  1282.                value="https://fabulous1.easy.co/products/onpage-seo"
  1283.                placeholder="Link"
  1284.                onclick="this.select();"
  1285.                readonly
  1286.          >
  1287.          <label class="field__label" for="url">Link</label>
  1288.        </div>
  1289.        <button class="share-button__close hidden no-js-hidden">
  1290.          
  1291.  
  1292.  
  1293.    <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg>
  1294.  
  1295.  
  1296.  
  1297.          <span class="visually-hidden">general.share.close</span>
  1298.        </button>
  1299.        <button class="share-button__copy no-js-hidden">
  1300.          
  1301.  
  1302.  
  1303.    <svg class="icon icon-clipboard " width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 11 13">
  1304.      <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/>
  1305.    </svg>
  1306.  
  1307.  
  1308.  
  1309.          <span class="visually-hidden">general.share.copy_to_clipboard</span>
  1310.        </button>
  1311.      </div>
  1312.      
  1313.    </div>
  1314.    <div class="modal-overlay float-bottom-modal-overlay large-up-hide"></div>
  1315.  </details>
  1316. </share-button>
  1317. <script src="https://themes.easystore.co/63057/assets/share.js?t=1715590229" defer="defer"></script>
  1318.  
  1319.  
  1320.  
  1321.          </div>
  1322.  
  1323.        
  1324.        </div>
  1325.  
  1326.        <link href="/assets/css/promotion.css?v2.91" rel="stylesheet" type="text/css" media="screen" />
  1327. <style>
  1328. .sf_promo-ribbon{
  1329.  color: #4089e4;
  1330.  background-color: #4089e4
  1331. }
  1332. .sf_promo-ribbon-text,
  1333. .sf_promo-ribbon-text span{
  1334.  color: #fff;
  1335.  color: #fff;
  1336. }
  1337.  
  1338. </style>
  1339.  
  1340.  
  1341.  <div id="promotion-section" class="sf_promo-container">
  1342.    <div id="sf_promo-container" >
  1343.    </div>
  1344.    <div class="text-center">
  1345.      <button id="get-more-promotion" class="btn btn--secondary hide" onclick="getPromotionList(true)">View More</button>
  1346.    </div>
  1347.  </div>
  1348.  <div class="text-center">
  1349.    <button id="view-more-promotion" class="btn btn--secondary hide" onclick="expandPromoSection()">View More</button>
  1350.  </div>
  1351.  
  1352.  
  1353. <script>var shop_money_format = "<span class=money data-ori-price='{{amount}}'>$ {{amount}} </span>";</script>
  1354. <script src="/assets/js/promotion/promotion.js?v1.11" type="text/javascript"></script>
  1355.  
  1356. <script>
  1357.  
  1358.  var param = {limit:5, page:1};
  1359.  
  1360.  function getPromotionList(load_more){
  1361.  
  1362.    var element = document.getElementById("sf_promo-container"),
  1363.        promo_section = document.getElementById("promotion-section"),
  1364.        promo_btn = document.getElementById("get-more-promotion"),
  1365.        view_more_btn = document.getElementById("view-more-promotion"),
  1366.        view_more_tag_btn = document.getElementById("sf_promo-view-more-tag"),
  1367.        page_value = parseInt(param.page);
  1368.  
  1369.    if(load_more) {
  1370.      view_more_tag_btn.classList.add("sf_promo-is-loading");
  1371.      promo_btn.classList.add("btn--loading");
  1372.    }
  1373.  
  1374.    $.ajax({
  1375.      type: "GET",
  1376.      data: param,
  1377.      dataType: 'json',
  1378.      url: "/products/onpage-seo/promotions",
  1379.      success: function(response){
  1380.  
  1381.        document.getElementById("sf_promo-container").innerHTML += response.html;
  1382.  
  1383.  
  1384.        var promotion_tag_html = "";
  1385.        var promotion_tag_label_html = "";
  1386.  
  1387.        var total_addon_discount = 0;
  1388.  
  1389.        if(response.data.total_promotions > 0){
  1390.          promotion_tag_label_html += `<div style="display:block;"><label>Promotions</label></div>`;
  1391.  
  1392.          for (let promotion of response.data.promotions) {
  1393.            var label_class = "sf_promo-label-clickable",
  1394.                svg_icon = "";
  1395.            if(promotion.prerequisite_subtotal_range != null || promotion.prerequisite_to_entitlement_quantity_ratio == null) {
  1396.              label_class = "sf_promo-label-unclickable";
  1397.            }else{
  1398.              total_addon_discount += 1
  1399.              svg_icon = `<svg class="sf_promo-svg-icon" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-right" viewBox="0 0 24 24" stroke-width="2.8" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  1400.                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  1401.                            <polyline points="9 6 15 12 9 18" />
  1402.                          </svg>`;
  1403.            }
  1404.            promotion_tag_html +=
  1405.            ` <a onclick="promoScrollToView('${promotion.id}')" class="sf_promo-promo-label ${label_class}">
  1406.                <b class="sf_promo-tag-label-title">${promotion.title.replace('&', '&amp;').replace('>','&gt;').replace('<','&lt;').replace('/','&sol;').replace('“', '&quot;').replace("'","&#39;") }</b>${svg_icon}
  1407.              </a>
  1408.            `;
  1409.          }
  1410.        }
  1411.  
  1412.        if(total_addon_discount > 1 && !load_more){
  1413.          promo_section.classList.add('sf_promo-container-height-opacity','sf_promo-container-white-gradient')
  1414.          view_more_btn.classList.remove("hide");
  1415.        }else{
  1416.          promo_section.classList.remove('sf_promo-container-height-opacity','sf_promo-container-white-gradient')
  1417.          view_more_btn.classList.add("hide");
  1418.        }
  1419.  
  1420.        if(response.data.page_count > param.page) {
  1421.          view_more_tag_btn.classList.remove("hide");
  1422.          promo_btn.classList.remove("hide");
  1423.        }else{
  1424.          view_more_tag_btn.classList.add("hide");
  1425.          promo_btn.classList.add("hide");
  1426.        }
  1427.  
  1428.        document.getElementById("sf_promo-tag-label").innerHTML = promotion_tag_label_html;
  1429.        document.getElementById("sf_promo-tag").innerHTML += promotion_tag_html;
  1430.  
  1431.        view_more_tag_btn.classList.remove("sf_promo-is-loading");
  1432.        promo_btn.classList.remove("btn--loading");
  1433.  
  1434.  
  1435.        promoVariantDetailInitial()
  1436.  
  1437.        page_value = isNaN(page_value) ? 0 : page_value;
  1438.        page_value++;
  1439.  
  1440.        param.page = page_value;
  1441.      },
  1442.      error: function(xhr){
  1443.  
  1444.      }
  1445.    });
  1446.  }
  1447.  
  1448.  var is_show_product_page = "1"
  1449.  
  1450.  if(is_show_product_page){
  1451.    getPromotionList();
  1452.  }
  1453. </script>
  1454.  
  1455.  
  1456.        
  1457.          <div class="product-description product__description rte" itemprop="description">
  1458.            <link href='/assets/css/froala_style.min.css' rel='stylesheet' type='text/css'/><div class='fr-view'><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.</p>
  1459. <a href="https://winbliss1.weebly.com/">-</a>
  1460. <a href="https://winbliss2.weebly.com/">-</a>
  1461. <a href="https://winbliss3.weebly.com/">-</a>
  1462. <a href="https://winbliss4.weebly.com/">-</a>
  1463. <a href="https://winbliss5.weebly.com/">-</a>
  1464. <a href="https://winbliss6.weebly.com/">-</a>
  1465. <a href="https://winbliss7.weebly.com/">-</a>
  1466. <a href="https://winbliss8.weebly.com/">-</a>
  1467. <a href="https://winbliss9.weebly.com/">-</a>
  1468. <a href="https://winbliss10.weebly.com/">-</a>
  1469. <a href="https://winbliss11.weebly.com/">-</a>
  1470. <a href="https://winbliss12.weebly.com/">-</a>
  1471. <a href="https://winbliss13.weebly.com/">-</a>
  1472. <a href="https://winbliss14.weebly.com/">-</a>
  1473. <a href="https://winbliss15.weebly.com/">-</a>
  1474. <a href="https://winbliss16.weebly.com/">-</a>
  1475. <a href="https://winbliss17.weebly.com/">-</a>
  1476. <a href="https://winbliss18.weebly.com/">-</a>
  1477. <a href="https://winbliss19.weebly.com/">-</a>
  1478. <a href="https://winbliss20.weebly.com/">-</a></div>
  1479.          </div>
  1480.        
  1481.  
  1482.  
  1483.      </div>
  1484.      
  1485.    </div>
  1486.  </div>
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  <!-- The Modal -->
  1493.  <div id="product-modal" class="modal hide">
  1494.    <span class="js-image-modal-close product-media-modal__toggle product-modal-close">
  1495.  
  1496.  
  1497.    <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg>
  1498.  
  1499.  
  1500. </span>
  1501.    <img class="modal-content" id="modal-img">
  1502.  </div>
  1503.  
  1504. </section>
  1505.  
  1506.  
  1507.  <section class="product-section page-width spaced-section">
  1508.    <div id="recommend-products-content" class="wrapper"></div>
  1509.  
  1510. <script>
  1511.  console.log("Product recommendation enabled.");
  1512.  
  1513.  const url_params = new URLSearchParams(window.location.search);
  1514.  
  1515.  fetch(`/products/onpage-seo/recommend?${url_params.toString()}`, {
  1516.      method: 'GET'
  1517.    })
  1518.    .then(response => response.json())
  1519.    .then((res) => {
  1520.      if(res.status == "success"){
  1521.        console.log("Success");
  1522.        document.querySelector('#recommend-products-content').innerHTML = res.html;
  1523.        EasyStore.Currencies.convertAll()
  1524.      }
  1525.      else{
  1526.        console.log("Not Success");
  1527.      }
  1528.    })
  1529.  
  1530. </script>
  1531.  </section>
  1532.  
  1533.  
  1534.  
  1535. <script>
  1536.  let this_el = document.querySelector.bind(document),
  1537.      all_this_el = document.querySelectorAll.bind(document),
  1538.      is_variants_initial = false,
  1539.      variants = [{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],
  1540.      variants_unavailable = variants.filter(value => value.available == false);
  1541.  
  1542.  window.onload = (event) => {
  1543.    document.getElementById("main-image-wrapper").scrollTo({left: 0, behavior: "smooth"});
  1544.  };
  1545.  
  1546.  document.addEventListener( 'DOMContentLoaded', function() {
  1547.  
  1548.    var selectCallback = function(variant, selector) {
  1549.      console.log('variant, selector',variant, selector);
  1550.      VariantSelector.onVariantChange(variant);
  1551.      if(variants_unavailable && variants_unavailable.length > 0 && VariantSelector.updateVariantsUnavailable) VariantSelector.updateVariantsUnavailable(variants,variants_unavailable);
  1552.      
  1553.      var img_wrapper = document.getElementById("main-image-wrapper");
  1554.      if(variant.featured_image != null && variant.featured_image.id && is_variants_initial){
  1555.        const img_item = document.getElementById("image-item-" + variant.featured_image.id);
  1556.        img_wrapper.insertAdjacentElement("afterbegin", img_item);
  1557.        img_wrapper.scrollTo({left: 0, behavior: "smooth"});
  1558.      }
  1559.      is_variants_initial = true
  1560.    }
  1561.  
  1562.    EasyStore.OptionSelectorsNew.create('productSelect', 'radio', {
  1563.        product: {"id":11600163,"handle":"onpage-seo","name":"onpage seo","title":"onpage seo","url":"\/products\/onpage-seo","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":53539578,"variants":[{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-03-21T14:07:00.000+05:00","created_at":"2024-03-21T14:07:55.000+05:00","is_wishlisted":null,"content":"<link href='\/assets\/css\/froala_style.min.css' rel='stylesheet' type='text\/css'\/><div class='fr-view'><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","description":"<link href='\/assets\/css\/froala_style.min.css' rel='stylesheet' type='text\/css'\/><div class='fr-view'><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","meta_description":"Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It's not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it's about provi","brands":[],"tags":[],"vendor":null,"collections":[{"handle":"feature-on-homepage","title":"Feature on homepage"}],"view_history":{"product_id":11600163,"viewed_at":"2024-05-17T14:10:06.004+05:00"},"promotions":[]},
  1564.        onVariantSelected: selectCallback,
  1565.        enableHistoryState: false
  1566.    })
  1567.  
  1568.    //modal
  1569.    var product_modal = document.getElementById("product-modal");
  1570.    const body = document.querySelector("body");
  1571.    all_this_el('.js-image-modal-toggle').forEach(imgModal => imgModal.addEventListener("click", (event)=>{
  1572.      var modalImg = document.getElementById("modal-img");
  1573.      product_modal.classList.remove("hide");
  1574.      product_modal.classList.add("show");
  1575.      modalImg.src = imgModal.src;
  1576.      if (product_modal.classList.contains("show")) {
  1577.          // Disable scroll
  1578.          body.style.overflow = "hidden";
  1579.      }
  1580.    }))
  1581.  
  1582.    // close modal
  1583.    var modal_close = document.getElementsByClassName("product-modal-close")[0];
  1584.    modal_close.onclick = function() {
  1585.      product_modal.classList.add("hide");
  1586.      if (product_modal.classList.contains("hide")) {
  1587.          // Disable scroll
  1588.          body.style.overflow = "";
  1589.      }
  1590.    }
  1591.    window.onclick = function(event) {
  1592.    if (event.target == product_modal) {
  1593.        product_modal.classList.add("hide");
  1594.        body.style.overflow = "";
  1595.      }
  1596.    }
  1597.  
  1598.  
  1599.  } );
  1600.    
  1601.  // retrieve & store view history in local storage
  1602.  var productViewHistoryData = [];
  1603.  var storedProductViewHistory = localStorage.getItem('productViewHistory');
  1604.  
  1605.  if(storedProductViewHistory !== null) {
  1606.      productViewHistoryData = JSON.parse(storedProductViewHistory);
  1607.  }
  1608.  
  1609.  if(productViewHistoryData.length > 0) {
  1610.    var currentViewedProduct = {"product_id":11600163,"viewed_at":"2024-05-17T14:10:06.004+05:00"}
  1611.    var currentViewedAt = new Date(currentViewedProduct.viewed_at);
  1612.    var matchProductID = false;
  1613.  
  1614.    productViewHistoryData.forEach(data => {
  1615.      // Check if product_id is similar
  1616.      if (data.product_id == currentViewedProduct.product_id) {
  1617.        var previousViewedAt = new Date(data.viewed_at);
  1618.        if (currentViewedAt > previousViewedAt) {
  1619.          data.viewed_at = currentViewedProduct.viewed_at;
  1620.        }
  1621.        matchProductID = true;
  1622.      }
  1623.    });
  1624.  
  1625.    // sort "viewed_at" desc
  1626.    productViewHistoryData.sort((a, b) => {
  1627.      var viewedAt1 = new Date(a.viewed_at);
  1628.      var viewedAt2 = new Date(b.viewed_at);
  1629.      return viewedAt2 - viewedAt1;
  1630.    });
  1631.  
  1632.    if (!matchProductID) {
  1633.      productViewHistoryData.unshift(currentViewedProduct);
  1634.    }
  1635.  }
  1636.  else {
  1637.      productViewHistoryData.push({"product_id":11600163,"viewed_at":"2024-05-17T14:10:06.004+05:00"});
  1638.  }
  1639.  
  1640.  productViewHistoryData = JSON.stringify(productViewHistoryData);
  1641.  localStorage.setItem('productViewHistory', productViewHistoryData);
  1642.  
  1643.  // End - retrieve & store view history in local storage
  1644.    
  1645. </script>
  1646.  
  1647.  
  1648.  
  1649.  
  1650.    
  1651.  </main>
  1652. <style>
  1653.  .footer{
  1654.    background-color: #010517;
  1655.    color: #FEFEFE;
  1656.    --color-foreground: 254,254,254;
  1657.  }
  1658.  .footer .link--text,
  1659.  .footer .list-menu__item--link,
  1660.  .footer .footer-block__details-content .list-menu__item--link{
  1661.    color: #FEFEFE;
  1662.  }
  1663.  .footer-block__heading{
  1664.    color: #FFFFFF;
  1665.  }
  1666. </style>
  1667.  
  1668. <link rel="preload" href="https://themes.easystore.co/63057/assets/section-footer.css?t=1715590229" as="style" onload="this.onload=null;this.rel='stylesheet'">
  1669.  
  1670. <footer class="footer color-background-1">
  1671.  <div class="footer__content-top page-width">
  1672.    <div class="grid grid--1-col grid--4-col-tablet ">
  1673.      
  1674.      
  1675.      
  1676.        <div class="grid__item">
  1677.          
  1678.              <h2 class="footer-block__heading">Follow us</h2>
  1679.              <ul class="footer__list-social list-unstyled list-social footer-block__details-content" role="list">
  1680.                
  1681.                  <li class="list-social__item">
  1682.                    <a href="https://twitter.com/" class="link link--text list-social__link">
  1683.                      
  1684.  
  1685.  
  1686.    <svg class="icon icon-twitter " viewBox="0 0 22 22" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  1687.      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  1688.      <path d="M3 3l11.733 16h4.267l-11.733 -16z" />
  1689.      <path d="M3 19l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
  1690.    </svg>
  1691.  
  1692.  
  1693.  
  1694.                    </a>
  1695.                  </li>
  1696.                
  1697.                
  1698.                  <li class="list-social__item">
  1699.                    <a href="https://facebook.com/" class="link link--text list-social__link">
  1700.                      
  1701.  
  1702.  
  1703.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook "
  1704.    viewBox="0 0 18 18">
  1705.      <path fill="currentColor"
  1706.        d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
  1707.      </path>
  1708.    </svg>
  1709.  
  1710.  
  1711.  
  1712.                    </a>
  1713.                  </li>
  1714.                
  1715.                
  1716.                  <li class="list-social__item">
  1717.                    <a href="https://instagram.com/" class="link link--text list-social__link">
  1718.                      
  1719.  
  1720.  
  1721.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram "
  1722.    viewBox="0 0 18 18">
  1723.      <path fill="currentColor"
  1724.        d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z">
  1725.      </path>
  1726.      <path fill="currentColor"
  1727.        d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
  1728.      </path>
  1729.    </svg>
  1730.  
  1731.  
  1732.  
  1733.                    </a>
  1734.                  </li>
  1735.                
  1736.                
  1737.                  <li class="list-social__item">
  1738.                    <a href="https://tiktok.com/" class="link link--text list-social__link">
  1739.                      
  1740.  
  1741.  
  1742.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok " width="16"
  1743.    height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
  1744.      <path
  1745.        d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z"
  1746.        fill="currentColor">
  1747.      </path>
  1748.    </svg>
  1749.  
  1750.  
  1751.  
  1752.                    </a>
  1753.                  </li>
  1754.                
  1755.                
  1756.                  <li class="list-social__item">
  1757.                    <a href="https://wa.me/" class="link link--text list-social__link">
  1758.                      
  1759.  
  1760.  
  1761.    <svg class="icon icon-whatsapp " fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 750"><path d="M703.5,195.64A371,371,0,0,0,572,56C523.89,26,471.51,8.4,415.21,2.51A370.48,370.48,0,0,0,316.5,5.42,364,364,0,0,0,215.23,37.47a369,369,0,0,0-132.68,108Q17.36,230.17,7,336.63A370.11,370.11,0,0,0,53.42,554.94a7.23,7.23,0,0,1,.61,4.9Q36.48,624.6,18.7,689.27C13.24,709.19,7.75,729.1,2.14,749.5c1.23-.26,1.93-.36,2.61-.55q95.75-25.11,191.54-50.2a8.43,8.43,0,0,1,5.19.61c12.79,5.8,25.28,12.34,38.29,17.59A370.28,370.28,0,0,0,666.09,604q69.06-86.36,80-196.47A370.36,370.36,0,0,0,743,311.86,361,361,0,0,0,703.5,195.64ZM684.64,388c-3.6,65.27-25.48,123.75-66.06,174.9-44.89,56.63-102.85,93.24-173.19,109.84a297.41,297.41,0,0,1-91.27,7A305.68,305.68,0,0,1,215.31,635a17.54,17.54,0,0,0-15.2-2.14c-35.5,9.58-71.1,18.74-106.66,28-.49.13-1,.21-2.14.45,1.72-6.37,3.29-12.22,4.89-18Q109,596.7,121.66,550.07a7.12,7.12,0,0,0-1-5.07c-12.37-19.32-23.31-39.25-31.6-60.64A309,309,0,0,1,70.4,410.63c-6.11-49.35-.93-97.44,16.1-144.15,57.86-160.1,234.55-243,394.65-185.11a308.31,308.31,0,0,1,120.2,79.18c34.9,37.19,59.32,80.31,72.81,129.53A304.75,304.75,0,0,1,684.64,388Z"/><path d="M556,454.42c-13.84-6.52-27.43-13.55-41.24-20.12-11.47-5.46-23-10.89-34.73-15.69-9.1-3.73-13.09-1.72-19.12,6.06-9.39,12.09-19.09,23.95-28.89,35.71-4.7,5.63-9.47,6.79-16.1,3.8-12.32-5.56-24.82-10.9-36.58-17.51-39.6-22.29-69.59-54.3-92.67-93.11-4.87-8.2-4.3-12.16,2.14-19.13,9.07-9.9,18.4-19.63,24.09-32.12a17.42,17.42,0,0,0,.47-14.67c-9.55-23-19-46-28.75-68.92a75.82,75.82,0,0,0-7-12.7c-2.56-3.82-6.6-5.49-11.28-5.36H255.78v-.56c-5.48.29-11,.11-16.39,1-8.66,1.37-15,6.75-20.95,12.94-25.46,26.48-34.58,57.89-28.66,93.83a145.64,145.64,0,0,0,20.75,53.75C220.48,377.5,231.32,393,242.65,408a435.09,435.09,0,0,0,70.53,73.19c31.48,26,67,44.54,105.56,57.58,16.1,5.44,32.08,11.08,49.36,11.42,11.52.22,23,.08,34.16-3.22a110.77,110.77,0,0,0,42.1-23.61c5.48-4.81,10.48-10.18,13.19-17a110.56,110.56,0,0,0,7.57-37.2C565.27,461.93,562.42,457.42,556,454.42Z"/></svg>
  1762.  
  1763.  
  1764.  
  1765.                    </a>
  1766.                  </li>
  1767.                
  1768.                
  1769.                  <li class="list-social__item">
  1770.                    <a href="https://line.com/" class="link link--text list-social__link">
  1771.                      
  1772.  
  1773.  
  1774.    <svg class="icon icon-line-footer " fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 750"><path d="M375,.5C168.17.5.5,168.17.5,375S168.17,749.5,375,749.5,749.5,581.83,749.5,375,581.83.5,375,.5ZM570.75,476.91C518.48,537.06,401.6,610.33,375,621.53s-22.66-7.13-21.57-13.42c.63-3.76,3.55-21.33,3.55-21.33.83-6.36,1.66-16.23-.83-22.52-2.81-7-13.83-10.54-21.95-12.29C214.51,536.14,125.9,452.45,125.9,352.53,125.9,241,237.64,150.38,375,150.38s249.1,90.68,249.1,202.15h0C624.14,397.14,606.85,437.32,570.75,476.91Z"/><polygon points="324.38 298.65 324.38 298.65 324.38 298.65 324.38 298.65"/><path d="M324.38,298.65H306.91a4.86,4.86,0,0,0-4.86,4.85V412a4.86,4.86,0,0,0,4.86,4.85h17.47a4.86,4.86,0,0,0,4.85-4.85V303.5A4.86,4.86,0,0,0,324.38,298.65Z"/><path d="M444.67,298.65h-17.5a4.85,4.85,0,0,0-4.85,4.85V368l-49.73-67.17a4.57,4.57,0,0,0-.38-.49,2.76,2.76,0,0,0-.29-.3l-.09-.09a2.65,2.65,0,0,0-.26-.21l-.12-.1-.25-.18-.15-.08-.26-.14-.15-.08-.28-.12-.16,0-.28-.1-.18,0-.27-.06H351.08a4.85,4.85,0,0,0-4.85,4.84V412a4.85,4.85,0,0,0,4.85,4.85h17.48a4.85,4.85,0,0,0,4.85-4.85V347.54l49.81,67.26a5.15,5.15,0,0,0,1.22,1.2h.06l.29.18.14.07.24.12.23.1.15,0,.32.11H426a4.69,4.69,0,0,0,1.24.16h17.48a4.85,4.85,0,0,0,4.86-4.84h0V303.5A4.87,4.87,0,0,0,444.67,298.65Z"/><path d="M282.26,389.67h0l0,0H234.79V303.5a4.85,4.85,0,0,0-4.83-4.85H212.47a4.84,4.84,0,0,0-4.85,4.84h0V412a4.74,4.74,0,0,0,1.35,3.32.27.27,0,0,0,.07.08l.07.07a4.81,4.81,0,0,0,3.33,1.35h69.81a4.84,4.84,0,0,0,4.84-4.84h0V394.52A4.84,4.84,0,0,0,282.26,389.67Z"/><path d="M541.16,371.34a4.85,4.85,0,0,0,4.85-4.85h0V349a4.85,4.85,0,0,0-4.84-4.85H493.72V325.84l47.42,0A4.83,4.83,0,0,0,546,321V303.5a4.85,4.85,0,0,0-4.84-4.86H471.34A4.81,4.81,0,0,0,468,300l-.05.05-.08.09a4.82,4.82,0,0,0-1.34,3.33V412a4.77,4.77,0,0,0,1.35,3.33l.07.07.07.07a4.8,4.8,0,0,0,3.32,1.36h69.81A4.85,4.85,0,0,0,546,412h0V394.5a4.85,4.85,0,0,0-4.84-4.85H493.72V371.34Z"/></svg>
  1775.  
  1776.  
  1777.  
  1778.                    </a>
  1779.                  </li>
  1780.                
  1781.                
  1782.                  <li class="list-social__item">
  1783.                    <a href="https://wechat.com/" class="link link--text list-social__link">
  1784.                      
  1785.  
  1786.  
  1787.    <svg class="icon icon-wechat " fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 750"><path d="M372.31,344.63c30-25,64.6-40.77,102.63-49.15a300.24,300.24,0,0,1,45.43-6.61c5.81-.38,11.6-.81,17.41-1.1,1.9-.1,2.82-.61,2.47-2.74s-.43-4.35-.63-6.54a225,225,0,0,0-7.31-40.71c-10.79-38.76-31.69-71.57-59.89-99.89C443.56,108.89,409.5,88,371.11,74.1a288,288,0,0,0-92.8-17.38,214.68,214.68,0,0,0-24.59.6c-13.23,1.22-26.59,2.34-39.62,4.87-27.42,5.32-53.55,14.74-78.56,27.19C81.1,116.52,40.88,157.11,17.8,213.92c-10,24.63-16.23,50.2-17.22,76.79a268,268,0,0,0,1.54,35.94c2,20.14,7.8,39.35,16.06,57.79,16.49,36.82,41.46,67,72.92,91.91,5.45,4.32,11.08,8.43,16.67,12.58,5,3.74,7.24,8.41,5.45,14.69-1.45,5-2.91,10.06-4.07,15.16-4.66,21.08-9.21,42.18-13.79,63.28-.68,3.14-1.33,6.31-2.17,10.23l4.22-2.53c25-15.68,50.07-31.42,75.19-47,5.66-3.53,11.39-7.13,17.5-9.66,8.26-3.45,17.1-2,25.72-1.11,10.89,1.14,21.75,2.45,32.56,3.79,11.34,1.4,22.65,2.92,34,4.38,4.22.54,8.47,1,13,1.58V538.6c-.54-9-1.36-18.05-1.62-27.1a207.12,207.12,0,0,1,5.51-54.13C310.33,411.15,336.31,374.6,372.31,344.63Zm5.22-135.5a40,40,0,1,1,.23,80.06c-23,0-40.94-17.52-40.93-39.93C336.85,227.31,355.16,209.25,377.53,209.13Zm-199.24,80c-22.67,0-40.12-17.42-40.18-40.2-.06-22.15,17.59-39.69,40-39.8s41,18.18,41,40.45C219.19,271.27,200.73,289.12,178.29,289.17Z"/><path d="M741.59,452.47c-17.42-53.21-52.3-91.29-102.2-115.63-37.18-18.16-76.75-25.44-118.12-23.14a233.78,233.78,0,0,0-42.61,6.1c-46.81,11.45-86.29,35.2-117,72.49-29.88,36.26-43.68,77.93-39.29,125a162.57,162.57,0,0,0,20.91,65.36c17.84,31.48,42.83,56.1,73.27,75.36a201,201,0,0,0,61.39,25.71,231.39,231.39,0,0,0,41.51,5.7c14.43.74,28.84.56,43-2.4,11.91-2.47,23.58-6,35.4-8.94,13.89-3.42,27.81-3.75,41.31,1.49,9.47,3.67,18.62,8.2,27.9,12.36,1,.45,2,1,3,1.43l.45-.57-1.22-3.17A46,46,0,0,1,666.47,666c1.52-9.87,6.35-18.15,13-25.33,5.49-6,11.45-11.48,17.3-17.11,30.78-29.85,48.84-65.91,52.23-108.8A158.69,158.69,0,0,0,741.59,452.47ZM435.15,478.14a34.86,34.86,0,1,1,.74-69.71h0c19.66.06,34.87,15.6,34.76,35.51C470.54,463,454.75,478.26,435.15,478.14ZM596.63,478c-19.58-.43-34.46-15.65-34.16-35.13a34.6,34.6,0,0,1,34.88-34.32h.12c19,0,34,15.64,34,35.3A34.23,34.23,0,0,1,597.17,478Z"/></svg>
  1788.  
  1789.  
  1790.  
  1791.                    </a>
  1792.                  </li>
  1793.                
  1794.                
  1795.                  <li class="list-social__item">
  1796.                    <a href="https://youtube.com/" class="link link--text list-social__link">
  1797.                      
  1798.  
  1799.  
  1800.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube "
  1801.    viewBox="0 0 100 70">
  1802.      <path
  1803.        d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z"
  1804.        fill="currentColor">
  1805.      </path>
  1806.    </svg>
  1807.  
  1808.  
  1809.  
  1810.                    </a>
  1811.                  </li>
  1812.                
  1813.                
  1814.              </ul>
  1815.            
  1816.        </div>
  1817.      
  1818.      
  1819.      
  1820.        <div class="grid__item">
  1821.          
  1822.              <h2 class="footer-block__heading">We accept</h2>
  1823.              <div class="footer-block__details-content footer__payment">
  1824.                <ul class="list list-payment" role="list">
  1825.                  
  1826.                    <li class="list-payment__item">
  1827.                      
  1828.  
  1829.  
  1830.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  1831.    width="38" height="24" aria-labelledby="pi-visa">
  1832.      <path opacity=".07"
  1833.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1834.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1835.      </path>
  1836.      <path
  1837.        d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z"
  1838.        fill="#142688"></path>
  1839.    </svg>
  1840.  
  1841.  
  1842.  
  1843.                    </li>
  1844.                  
  1845.                  
  1846.                    <li class="list-payment__item">
  1847.                      
  1848.  
  1849.  
  1850.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  1851.    width="38" height="24" aria-labelledby="pi-master">
  1852.      <path opacity=".07"
  1853.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1854.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1855.      </path>
  1856.      <circle fill="#EB001B" cx="15" cy="12" r="7"></circle>
  1857.      <circle fill="#F79E1B" cx="23" cy="12" r="7"></circle>
  1858.      <path fill="#FF5F00"
  1859.        d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path>
  1860.    </svg>
  1861.  
  1862.  
  1863.  
  1864.                    </li>
  1865.                  
  1866.                  
  1867.                    <li class="list-payment__item">
  1868.                      
  1869.  
  1870.  
  1871.    <svg class="icon icon--full-color " xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24"
  1872.      width="38" height="24" aria-labelledby="pi-american_express">
  1873.      <g fill="none">
  1874.        <path fill="#000"
  1875.          d="M35,0 L3,0 C1.3,0 0,1.3 0,3 L0,21 C0,22.7 1.4,24 3,24 L35,24 C36.7,24 38,22.7 38,21 L38,3 C38,1.3 36.6,0 35,0 Z"
  1876.          opacity=".07"></path>
  1877.        <path fill="#006FCF"
  1878.          d="M35,1 C36.1,1 37,1.9 37,3 L37,21 C37,22.1 36.1,23 35,23 L3,23 C1.9,23 1,22.1 1,21 L1,3 C1,1.9 1.9,1 3,1 L35,1">
  1879.        </path>
  1880.        <path fill="#FFF"
  1881.          d="M8.971,10.268 L9.745,12.144 L8.203,12.144 L8.971,10.268 Z M25.046,10.346 L22.069,10.346 L22.069,11.173 L24.998,11.173 L24.998,12.412 L22.075,12.412 L22.075,13.334 L25.052,13.334 L25.052,14.073 L27.129,11.828 L25.052,9.488 L25.046,10.346 L25.046,10.346 Z M10.983,8.006 L14.978,8.006 L15.865,9.941 L16.687,8 L27.057,8 L28.135,9.19 L29.25,8 L34.013,8 L30.494,11.852 L33.977,15.68 L29.143,15.68 L28.065,14.49 L26.94,15.68 L10.03,15.68 L9.536,14.49 L8.406,14.49 L7.911,15.68 L4,15.68 L7.286,8 L10.716,8 L10.983,8.006 Z M19.646,9.084 L17.407,9.084 L15.907,12.62 L14.282,9.084 L12.06,9.084 L12.06,13.894 L10,9.084 L8.007,9.084 L5.625,14.596 L7.18,14.596 L7.674,13.406 L10.27,13.406 L10.764,14.596 L13.484,14.596 L13.484,10.661 L15.235,14.602 L16.425,14.602 L18.165,10.673 L18.165,14.603 L19.623,14.603 L19.647,9.083 L19.646,9.084 Z M28.986,11.852 L31.517,9.084 L29.695,9.084 L28.094,10.81 L26.546,9.084 L20.652,9.084 L20.652,14.602 L26.462,14.602 L28.076,12.864 L29.624,14.602 L31.499,14.602 L28.987,11.852 L28.986,11.852 Z">
  1882.        </path>
  1883.      </g>
  1884.    </svg>
  1885.  
  1886.  
  1887.  
  1888.                    </li>
  1889.                  
  1890.                  
  1891.                    <li class="list-payment__item">
  1892.                      
  1893.  
  1894.  
  1895.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38"
  1896.      height="24" role="img" aria-labelledby="pi-paypal">
  1897.      <path opacity=".07"
  1898.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1899.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1900.      </path>
  1901.      <path fill="#003087"
  1902.        d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z">
  1903.      </path>
  1904.      <path fill="#3086C8"
  1905.        d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z">
  1906.      </path>
  1907.      <path fill="#012169"
  1908.        d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z">
  1909.      </path>
  1910.    </svg>
  1911.  
  1912.  
  1913.  
  1914.                    </li>
  1915.                  
  1916.                  
  1917.                    <li class="list-payment__item">
  1918.                      
  1919.  
  1920.  
  1921.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  1922.      width="38" height="24" aria-labelledby="pi-diners_club">
  1923.      <path opacity=".07"
  1924.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1925.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1926.      </path>
  1927.      <path
  1928.        d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z"
  1929.        fill="#3086C8"></path>
  1930.    </svg>
  1931.  
  1932.  
  1933.  
  1934.                    </li>
  1935.                  
  1936.                  
  1937.                    <li class="list-payment__item">
  1938.                      
  1939.  
  1940.  
  1941.    <svg class="icon icon--full-color " viewBox="0 0 38 24" width="38" height="24" role="img"
  1942.      aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg">
  1943.      <path fill="#000" opacity=".07"
  1944.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1945.      <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff">
  1946.      </path>
  1947.      <path
  1948.        d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z"
  1949.        fill="#231F20"></path>
  1950.      <path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)">
  1951.      </path>
  1952.      <path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z"
  1953.        fill="url(#pi-paint1_linear)"></path>
  1954.      <path
  1955.        d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z"
  1956.        fill="#231F20"></path>
  1957.      <path
  1958.        d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z"
  1959.        fill="#231F20"></path>
  1960.      <path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120">
  1961.      </path>
  1962.      <defs>
  1963.        <linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104"
  1964.          gradientUnits="userSpaceOnUse">
  1965.          <stop stop-color="#F89F20"></stop>
  1966.          <stop offset=".25" stop-color="#F79A20"></stop>
  1967.          <stop offset=".533" stop-color="#F68D20"></stop>
  1968.          <stop offset=".62" stop-color="#F58720"></stop>
  1969.          <stop offset=".723" stop-color="#F48120"></stop>
  1970.          <stop offset="1" stop-color="#F37521"></stop>
  1971.        </linearGradient>
  1972.        <linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446"
  1973.          gradientUnits="userSpaceOnUse">
  1974.          <stop stop-color="#F58720"></stop>
  1975.          <stop offset=".359" stop-color="#E16F27"></stop>
  1976.          <stop offset=".703" stop-color="#D4602C"></stop>
  1977.          <stop offset=".982" stop-color="#D05B2E"></stop>
  1978.        </linearGradient>
  1979.      </defs>
  1980.    </svg>
  1981.  
  1982.  
  1983.  
  1984.                    </li>
  1985.                  
  1987.              </div>
  1988.              
  1989.        </div>
  1990.      
  1991.      
  1992.      
  1993.        <div class="grid__item">
  1994.          
  1995.              <h2 class="footer-block__heading">
  1996.                Quick links
  1997.              </h2>
  1998.              <ul class="footer-block__details-content list-unstyled">
  1999.                
  2000.                <li>
  2001.                  <a href="/store-locator"  class="link link--text list-menu__item list-menu__item--link">
  2002.                    Location
  2003.                  </a>
  2004.                </li>
  2005.                
  2006.                
  2007.              </ul>
  2008.            
  2009.        </div>
  2010.      
  2011.      
  2012.      
  2013.        <div class="grid__item">
  2014.          
  2015.              <h2 class="footer-block__heading">Our mission</h2>
  2016.              <div class="footer-block__details-content">
  2017.                <p>Quality materials, good designs, craftsmanship and sustainability.</p>
  2018.              </div>
  2019.            
  2020.        </div>
  2021.      
  2022.    </div>
  2023.  </div>
  2024.  <div class="footer__content-bottom">
  2025.    <div class="footer__content-bottom-wrapper page-width">
  2026.      <div class="footer__column footer__column--info">
  2027.  
  2028.        
  2029.  
  2030.  
  2031.  
  2032.        
  2033.        <div class="footer__copyright caption">
  2034.          <div class="copyright__content">© 2024 fabulous. Powered by <a href="http://www.easystore.co/?utm_source=storefront&utm_medium=sf_ref_footer&utm_campaign=sf_ref">EasyStore</a></div>
  2035.        </div>
  2036.  
  2037.        <div class="footer__copyright caption">
  2038.          
  2039.            <div>
  2040.            
  2041.            
  2042.              
  2043.                <a href="/legal/terms-of-service">Terms of Service</a>
  2044.              
  2045.              
  2046.            
  2047.              
  2048.                | <a href="/legal/privacy-policy">Privacy Policy</a>
  2049.              
  2050.              
  2051.            
  2052.              
  2053.                | <a href="/legal/refund-policy">Refund Policy</a>
  2054.              
  2055.              
  2056.            
  2057.            </div>
  2058.        
  2059.        </div>
  2060.        
  2061.      </div>
  2062.    </div>
  2063.  </div>
  2064. </footer>
  2065.  
  2066.  
  2067.  
  2068.  
  2069.  
  2070.  <script>
  2071.  EasyStore.Currencies.init([{"name":"US Dollar","code":"USD","rate":"1.0","format_prefix":"$","format_suffix":null,"format_decimals":2,"thousand_separator":",","is_primary":true}])
  2072. </script>
  2073.  
  2074.  
  2075.  
  2076.  <script>
  2077.    let page_template = 'product';
  2078.  
  2079.    if(document.querySelector('.currency-picker')) EasyStore.Currencies.change(document.querySelector('.currency-picker').value)
  2080.  
  2081.    document.querySelectorAll('.currency-picker').forEach((el)=>{
  2082.      el.addEventListener('change',(event)=>{
  2083.        console.log(event.target.value);
  2084.        EasyStore.Currencies.change(event.target.value)
  2085.  
  2086.        document.querySelectorAll('[name=currencies],[name=current_currency]').forEach((el)=>{
  2087.          el.value = event.target.value
  2088.        })
  2089.  
  2090.        if(page_template == 'cart') location.reload();
  2091.      })
  2092.    })
  2093.  </script>
  2094.  
  2095.  
  2096.  
  2097.  
  2098.  <script>
  2099.  
  2100.    window.variantStrings = {
  2101.      addToCart: `Add to Cart`,
  2102.      soldOut: `Sold Out`,
  2103.      unavailable: `Unavailable`,
  2104.    }
  2105.  
  2106.    window.accessibilityStrings = {
  2107.      shareSuccess: `Link copied to clipboard`,
  2108.    }
  2109.  </script>
  2110.  <script>
  2111.  
  2112.  /*
  2113.  
  2114.    ------
  2115.    Events
  2116.    ------
  2117.  
  2118.    pages/viewed
  2119.  
  2120.    customers/signup
  2121.  
  2122.    customers/login
  2123.  
  2124.    products/searched
  2125.  
  2126.    collections/viewed
  2127.  
  2128.    products/viewed
  2129.  
  2130.    products/shared
  2131.  
  2132.    wishlists/item_added
  2133.  
  2134.    carts/items_added
  2135.  
  2136.    carts/viewed
  2137.  
  2138.    carts/item_removed
  2139.  
  2140.    checkouts/initiated
  2141.  
  2142.    checkouts/shipping_info_added
  2143.  
  2144.    checkouts/payment_info_added
  2145.  
  2146.    checkouts/completed
  2147.  
  2148.    orders/placed
  2149.  
  2150.    orders/purchased
  2151.  
  2152.    payments/captured
  2153.  
  2154.    payments/failed
  2155.  
  2156.  */
  2157.  
  2158.  let latest_cart = null
  2159.  
  2160.  const _selector = document.querySelector.bind(document),
  2161.        _selectorAll = document.querySelectorAll.bind(document)
  2162.  
  2163.  document.addEventListener('DOMContentLoaded', (event) => {
  2164.  
  2165.    const default_currency = getCookie("currency")
  2166.    const customer_id = window.__st.cid
  2167.    const template    = window.__st.p
  2168.  
  2169.    onPageView()
  2170.  
  2171.    //-----------------------//
  2172.    //        Configs        //
  2173.    //-----------------------//
  2174.  
  2175.    window.dataLayer = window.dataLayer || []
  2176.  
  2177.    Array.prototype.last = Array.prototype.last || function() {
  2178.      return this[this.length - 1] || null
  2179.    }
  2180.  
  2181.    Array.prototype.first = Array.prototype.first || function() {
  2182.      return this[0] || null
  2183.    }
  2184.  
  2185.    //----------------------//
  2186.    //       Triggers       //
  2187.    //----------------------//
  2188.  
  2189.    const XHR = window.XMLHttpRequest
  2190.  
  2191.    function xhr() {
  2192.  
  2193.      const xhr = new XHR()
  2194.  
  2195.      xhr.addEventListener("readystatechange", function() {
  2196.  
  2197.        if(xhr.readyState != 4) return
  2198.  
  2199.        try {
  2200.  
  2201.          const response_url = xhr.responseURL
  2202.  
  2203.          if (response_url.includes("cart/add")) {
  2204.  
  2205.            latest_cart = JSON.parse(xhr.response)
  2206.  
  2207.            onCartItemsAdded() // ok
  2208.  
  2209.          }
  2210.  
  2211.          if (response_url.includes("cart/remove_item_quantity")) {
  2212.  
  2213.            latest_cart = JSON.parse(xhr.response)
  2214.  
  2215.            onCartItemRemoved() // ok
  2216.  
  2217.          }
  2218.  
  2219.          if (response_url.includes("new_cart?retrieve=true")) {
  2220.  
  2221.            result = JSON.parse(xhr.response)
  2222.  
  2223.            if (result.cart) {
  2224.              latest_cart = result.cart
  2225.            }
  2226.  
  2227.          }
  2228.  
  2229.        } catch(e) {
  2230.  
  2231.          console.error(e)
  2232.  
  2233.        }
  2234.  
  2235.      }, false);
  2236.  
  2237.      return xhr
  2238.  
  2239.    }
  2240.  
  2241.    window.XMLHttpRequest = xhr
  2242.  
  2243.    switch(template) {
  2244.  
  2245.      case 'cart': onCartView() // ok
  2246.      break
  2247.      case 'product': onProductView() // ok
  2248.      break
  2249.      case 'collection': onCollectionView() // ok
  2250.      break
  2251.      case 'blog': onBlogView()
  2252.      break
  2253.      case 'article': onArticleView()
  2254.      break
  2255.      case 'payment_completed': onOrderPlace()
  2256.      break
  2257.      case 'payment_fail': onPaymentFail()
  2258.      break
  2259.  
  2260.    }
  2261.  
  2262.    // _selector('form[action="/checkout/payments"]').addEventListener("submit", onPaymentInfoAdded(_selector('form[action="/checkout/payments"]')))
  2263.    if (_selector('form[action="/checkout/detail"]'))                            _selector('form[action="/checkout/detail"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/detail"]'))})  // ok
  2264.    if (_selector('form[action="/checkout/shipping"]'))                          _selector('form[action="/checkout/shipping"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/shipping"]'))})  // ok
  2265.    if (_selector('form[action="/account/register"]'))                           _selector('form[action="/account/register"]').addEventListener("submit", onSignUp)  // ok
  2266.    if (_selector('form[action="/account/login"]'))                              _selector('form[action="/account/login"]').addEventListener("submit", onLogin)  // ok
  2267.    if (_selector('form[action="/search"]'))                                     _selector('form[action="/search"]').addEventListener("submit", onProductSearch()) // ok
  2268.    if (_selector('#line-login-btn'))                                            _selector('#line-login-btn').addEventListener('click', onLineLogin) // ok
  2269.    if (_selector('#PlaceOrder'))                                                _selector('#PlaceOrder').addEventListener("click", ()=>{onCheckoutComplete(_selector('form[action="/checkout/payments"]'))});  // ok
  2270.    if (_selector('#add_wishlist'))                                              _selector('#add_wishlist').addEventListener("click", onWishlistItemAdded) // ok
  2271.    if (_selectorAll('a[href="/account/logout"]'))                               _selectorAll('a[href="/account/logout"]').forEach(logoutButton => logoutButton.addEventListener("click", onLogout)) // ok
  2272.    if (_selector('.CartDrawerTrigger.cart-page-link'))                          _selector('.CartDrawerTrigger.cart-page-link').addEventListener("click", onCartView) // ok
  2273.    if (_selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link'))    _selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link').addEventListener("click", onCartView) // ok
  2274.    if (_selectorAll('a[class^="share-"]'))                                      _selectorAll('a[class^="share-"]').forEach(shareButton => shareButton.addEventListener("click", ()=>{onProductShare(shareButton)}) ) // ok
  2275.    if (_selectorAll('[name$="checkout"]'))                                      _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate))
  2276.  
  2277.    // For append elements
  2278.    const bodyMutationObserver = new MutationObserver(() => {
  2279.      if (_selector('#form__spc #PlaceOrder'))             _selector('#form__spc #PlaceOrder').addEventListener("click", onSinglePageCheckout) // ok
  2280.      if (_selectorAll('[name$="checkout"]'))              _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate))
  2281.    });
  2282.    bodyMutationObserver.observe(_selector("body"), {subtree: true, childList: true});
  2283.  
  2284.    //------------------------------//
  2285.    //        Event handlers        //
  2286.    //------------------------------//
  2287.  
  2288.    function onPageView() {
  2289.  
  2290.      EasyStore.Event.dispatch('pages/viewed', {
  2291.        page: {
  2292.          type: template,
  2293.          title: document.title,
  2294.          description: _selector('meta[name=description]') ? _selector('meta[name=description]').getAttribute('content') : null,
  2295.          url: location.href,
  2296.        }
  2297.      })
  2298.  
  2299.    }
  2300.  
  2301.    function onSignUp() {
  2302.  
  2303.      const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)
  2304.      const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/)
  2305.  
  2306.      const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "")
  2307.  
  2308.      let data = {}
  2309.  
  2310.      if (email_regex.test(email_or_phone)) {
  2311.        data.method = 'email'
  2312.        data.email = email_or_phone
  2313.      }
  2314.  
  2315.      if (phone_regex.test(email_or_phone)) {
  2316.        data.method = "phone"
  2317.        data.phone = email_or_phone
  2318.      }
  2319.  
  2320.      if (!data.method) return
  2321.  
  2322.      EasyStore.Event.dispatch('customers/signup', data)
  2323.  
  2324.    }
  2325.  
  2326.    function onLogin() {
  2327.  
  2328.      const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)
  2329.      const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/)
  2330.  
  2331.      const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "")
  2332.  
  2333.      let data = {}
  2334.  
  2335.      if (email_regex.test(email_or_phone)) {
  2336.        data.method = 'email'
  2337.        data.email = email_or_phone
  2338.      }
  2339.  
  2340.      if (phone_regex.test(email_or_phone)) {
  2341.        data.method = "phone"
  2342.        data.phone = email_or_phone
  2343.      }
  2344.  
  2345.      if (!data.method) return
  2346.  
  2347.      EasyStore.Event.dispatch('customers/login', data)
  2348.  
  2349.    }
  2350.  
  2351.    function onLineLogin() {
  2352.  
  2353.      EasyStore.Event.dispatch('customers/login', { method: 'line' })
  2354.  
  2355.    }
  2356.  
  2357.    function onLogout() {
  2358.  
  2359.      EasyStore.Event.dispatch('customers/logout', { customer_id })
  2360.  
  2361.    }
  2362.  
  2363.    function onBlogView() {
  2364.  
  2365.      const blog = ""
  2366.  
  2367.      EasyStore.Event.dispatch('blogs/viewed', { blog })
  2368.  
  2369.    }
  2370.  
  2371.    function onArticleView() {
  2372.  
  2373.      const article = ""
  2374.  
  2375.      EasyStore.Event.dispatch('articles/viewed', { article })
  2376.  
  2377.    }
  2378.  
  2379.    function onProductSearch() {
  2380.  
  2381.      const query = _selector('input[name=q]').value
  2382.  
  2383.      if (!query) return
  2384.  
  2385.      EasyStore.Event.dispatch('products/searched', { query })
  2386.  
  2387.    }
  2388.  
  2389.    function onCollectionView() {
  2390.  
  2391.      const collection = ""
  2392.  
  2393.      EasyStore.Event.dispatch('collections/viewed', { collection })
  2394.  
  2395.    }
  2396.  
  2397.    function onProductView() {
  2398.  
  2399.      const product = {"id":11600163,"handle":"onpage-seo","name":"onpage seo","title":"onpage seo","url":"\/products\/onpage-seo","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":53539578,"variants":[{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-03-21T14:07:00.000+05:00","created_at":"2024-03-21T14:07:55.000+05:00","is_wishlisted":null,"content":"<link href=\u0027\/assets\/css\/froala_style.min.css\u0027 rel=\u0027stylesheet\u0027 type=\u0027text\/css\u0027\/><div class=\u0027fr-view\u0027><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","description":"<link href=\u0027\/assets\/css\/froala_style.min.css\u0027 rel=\u0027stylesheet\u0027 type=\u0027text\/css\u0027\/><div class=\u0027fr-view\u0027><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","meta_description":"Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It\u0027s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it\u0027s about provi","brands":[],"tags":[],"vendor":null,"collections":[{"handle":"feature-on-homepage","title":"Feature on homepage"}],"view_history":{"product_id":11600163,"viewed_at":"2024-05-17T14:10:06.004+05:00"},"promotions":[]}
  2400.  
  2401.      EasyStore.Event.dispatch("products/viewed", { product })
  2402.  
  2403.    }
  2404.  
  2405.    function onProductShare(el) {
  2406.  
  2407.      const product = {"id":11600163,"handle":"onpage-seo","name":"onpage seo","title":"onpage seo","url":"\/products\/onpage-seo","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":53539578,"variants":[{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-03-21T14:07:00.000+05:00","created_at":"2024-03-21T14:07:55.000+05:00","is_wishlisted":null,"content":"<link href=\u0027\/assets\/css\/froala_style.min.css\u0027 rel=\u0027stylesheet\u0027 type=\u0027text\/css\u0027\/><div class=\u0027fr-view\u0027><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","description":"<link href=\u0027\/assets\/css\/froala_style.min.css\u0027 rel=\u0027stylesheet\u0027 type=\u0027text\/css\u0027\/><div class=\u0027fr-view\u0027><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","meta_description":"Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It\u0027s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it\u0027s about provi","brands":[],"tags":[],"vendor":null,"collections":[{"handle":"feature-on-homepage","title":"Feature on homepage"}],"view_history":{"product_id":11600163,"viewed_at":"2024-05-17T14:10:06.004+05:00"},"promotions":[]}
  2408.  
  2409.      const channel = el.getAttribute("class").split("-").last()
  2410.  
  2411.      EasyStore.Event.dispatch('products/shared', { product, channel })
  2412.  
  2413.    }
  2414.  
  2415.    function onWishlistItemAdded() {
  2416.  
  2417.      let product  = {"id":11600163,"handle":"onpage-seo","name":"onpage seo","title":"onpage seo","url":"\/products\/onpage-seo","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":53539578,"variants":[{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":53539578,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-03-21T14:07:00.000+05:00","created_at":"2024-03-21T14:07:55.000+05:00","is_wishlisted":null,"content":"<link href=\u0027\/assets\/css\/froala_style.min.css\u0027 rel=\u0027stylesheet\u0027 type=\u0027text\/css\u0027\/><div class=\u0027fr-view\u0027><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","description":"<link href=\u0027\/assets\/css\/froala_style.min.css\u0027 rel=\u0027stylesheet\u0027 type=\u0027text\/css\u0027\/><div class=\u0027fr-view\u0027><p>Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It&#39;s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it&#39;s about providing value to users and delivering a seamless, informative experience across all touchpoints. This involves optimizing for mobile devices, improving site navigation, and fostering engagement through social media and other channels. By investing in SEO, businesses can increase their organic traffic, build brand awareness, and ultimately drive conversions, making it an indispensable component of any digital marketing strategy in today&#39;s competitive online landscape.<\/p>\n<a href=\"https:\/\/winbliss1.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss2.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss3.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss4.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss5.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss6.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss7.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss8.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss9.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss10.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss11.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss12.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss13.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss14.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss15.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss16.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss17.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss18.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss19.weebly.com\/\">-<\/a>\n<a href=\"https:\/\/winbliss20.weebly.com\/\">-<\/a><\/div>","meta_description":"Successful SEO requires a comprehensive approach that adapts to the ever-evolving algorithms of search engines and user behaviors. It\u0027s not just about stuffing keywords into content or acquiring as many backlinks as possible; rather, it\u0027s about provi","brands":[],"tags":[],"vendor":null,"collections":[{"handle":"feature-on-homepage","title":"Feature on homepage"}],"view_history":{"product_id":11600163,"viewed_at":"2024-05-17T14:10:06.004+05:00"},"promotions":[]}
  2418.      const quantity = _selector("#Quantity").value
  2419.  
  2420.      EasyStore.Event.dispatch('wishlists/item_added', { product })
  2421.  
  2422.    }
  2423.  
  2424.    async function onCartItemsAdded() {
  2425.  
  2426.      const cart = await getCart()
  2427.  
  2428.      if(cart && cart.items != undefined && cart.items.length > 0) {
  2429.  
  2430.        EasyStore.Event.dispatch('carts/item_added', { cart })
  2431.  
  2432.      }
  2433.  
  2434.    }
  2435.  
  2436.    async function onCartView() {
  2437.  
  2438.      const cart = await getCart()
  2439.  
  2440.      EasyStore.Event.dispatch('carts/viewed', { cart })
  2441.  
  2442.    }
  2443.  
  2444.    async function onCartItemRemoved() {
  2445.  
  2446.      const cart = await getCart()
  2447.  
  2448.      cart.items = []
  2449.  
  2450.      if(cart) {
  2451.  
  2452.        EasyStore.Event.dispatch('carts/item_removed', { cart })
  2453.  
  2454.      }
  2455.  
  2456.    }
  2457.  
  2458.    async function onCheckoutInitiate() {
  2459.  
  2460.      const cart = await getCart()
  2461.  
  2462.      EasyStore.Event.dispatch('checkouts/initiated', { cart })
  2463.  
  2464.    }
  2465.  
  2466.    async function onShippingInfoAdded(form) {
  2467.      let checkout = getCheckout()
  2468.  
  2469.      let form_data = {}
  2470.      new FormData(form).forEach((value, key) => form_data[key] = value)
  2471.  
  2472.      let shipping_tier = null
  2473.  
  2474.      if (form_data.type && form_data.type.startsWith("r_pickup")) {
  2475.        shipping_tier = `Pickup - ${form_data.pick_location}`
  2476.      }
  2477.  
  2478.      if (form_data.s_id) {
  2479.        shipping_tier = _selector(`input[id='`+form_data.s_id+`']`).getAttribute("data-shipping-name")
  2480.      }
  2481.  
  2482.      if (!shipping_tier) return
  2483.  
  2484.      EasyStore.Event.dispatch('checkouts/shipping_info_added', { checkout, shipping_tier })
  2485.  
  2486.    }
  2487.  
  2488.    async function onPaymentInfoAdded(form) {
  2489.  
  2490.      let checkout = getCheckout()
  2491.  
  2492.      let payment_type = new FormData(form).get('payment_method')
  2493.  
  2494.      EasyStore.Event.dispatch("checkouts/payment_info_added", { checkout, payment_type })
  2495.  
  2496.    }
  2497.  
  2498.    async function onOrderPlace() {
  2499.  
  2500.      let cart_token  = getCookie("cart_js")
  2501.      let previous_cart_token = getCookie("previous_cart_ga4_js")
  2502.  
  2503.      if (previous_cart_token && previous_cart_token == cart_token) {
  2504.        // Prevent duplicate purchase tracking
  2505.        return
  2506.      }
  2507.  
  2508.      let order = getOrder()
  2509.  
  2510.      EasyStore.Event.dispatch('orders/placed', { order })
  2511.  
  2512.      if(order.is_manual_payment) {
  2513.  
  2514.        EasyStore.Event.dispatch('orders/purchased', { order })
  2515.  
  2516.      }
  2517.  
  2518.      const last_transaction = order.transactions.last()
  2519.  
  2520.      if (last_transaction.status) {
  2521.  
  2522.        EasyStore.Event.dispatch('orders/purchased', { order })
  2523.        EasyStore.Event.dispatch('payments/captured', { order })
  2524.  
  2525.      }
  2526.  
  2527.    }
  2528.  
  2529.    async function onPaymentFail() {
  2530.  
  2531.      const order = getOrder()
  2532.  
  2533.      EasyStore.Event.dispatch('payments/failed', { order })
  2534.  
  2535.    }
  2536.  
  2537.    async function onCheckoutComplete(form) {
  2538.  
  2539.      onPaymentInfoAdded(form)
  2540.  
  2541.      const checkout = getCheckout()
  2542.  
  2543.      EasyStore.Event.dispatch('checkouts/completed', { checkout })
  2544.  
  2545.    }
  2546.  
  2547.    async function onSinglePageCheckout() {
  2548.  
  2549.      // let checkout = $("[data-app-checkout]").data("app-checkout")
  2550.  
  2551.      let checkout = getCheckout()
  2552.  
  2553.      // const payment_type = _selector("#app_spc_payment_method").find(`[class*="label-content"]`).first().find("b").first().text()
  2554.      const payment_type = _selector("#app_spc_payment_method").getElementsByClassName('label-content')[0].getElementsByTagName('b')[0].innerHTML
  2555.  
  2556.      const shipping_method = _selector("#delivery_method").value
  2557.  
  2558.      let shipping_tier = null
  2559.      let app_spc_customer_info_label = _selector("#app_spc_customer_info").getElementsByClassName('label-content')
  2560.      if (shipping_method == "shipping") {
  2561.        shipping_tier = app_spc_customer_info_label[app_spc_customer_info_label.length - 1].getElementsByTagName('b')[0].innerHTML
  2562.      }
  2563.  
  2564.      if (shipping_method == "pickup") {
  2565.        shipping_tier = app_spc_customer_info_label[0].innerHTML
  2566.      }
  2567.  
  2568.      if (shipping_tier) {
  2569.  
  2570.        EasyStore.Event.dispatch('checkouts/shipping_info_added', {
  2571.          checkout,
  2572.          shipping_tier,
  2573.        })
  2574.  
  2575.      }
  2576.  
  2577.      if (payment_type) {
  2578.  
  2579.        EasyStore.Event.dispatch('checkouts/payment_info_added', {
  2580.          checkout,
  2581.          payment_type,
  2582.        })
  2583.  
  2584.      }
  2585.  
  2586.      EasyStore.Event.dispatch('checkouts/completed', { checkout })
  2587.  
  2588.    }
  2589.  
  2590.  })
  2591.  
  2592.  
  2593.  //-----------------------//
  2594.  //       Functions       //
  2595.  //-----------------------//
  2596.  
  2597.  function getCookie(name) {
  2598.  
  2599.    name += "="
  2600.  
  2601.    decodedCookie = decodeURIComponent(document.cookie)
  2602.  
  2603.    ca = decodedCookie.split(";")
  2604.  
  2605.    for(i = 0; i < ca.length; i++) {
  2606.      c = ca[i]
  2607.      while (c.charAt(0) == " ") {
  2608.        c = c.substring(1)
  2609.      }
  2610.      if (c.indexOf(name) == 0) {
  2611.        return c.substring(name.length, c.length)
  2612.      }
  2613.    }
  2614.  
  2615.    return ""
  2616.  
  2617.  }
  2618.  
  2619.  const parsePrice = price => {
  2620.    if(typeof price === 'string') {
  2621.      return parseFloat(price.split(',').join(''))
  2622.    }
  2623.  
  2624.    return price
  2625.  }
  2626.  
  2627.  const requestCart = async (method, data) => {
  2628.  
  2629.  let response = await fetch('/cart.json', {method: 'GET',headers: {'Content-Type': 'application/json'}})
  2630.    result = await response.json()
  2631.  
  2632.    return result.cart
  2633.  
  2634.  }
  2635.  const getCart = async (latest = false) => {
  2636.  
  2637.    let cart = latest_cart
  2638.  
  2639.    const cart_invalid = !cart || !cart.items || (cart.total_price > 0 && !cart.items.length)
  2640.  
  2641.    if(latest || cart_invalid) {
  2642.      cart = await requestCart()
  2643.    }
  2644.  
  2645.    cart.items = cart.items || []
  2646.  
  2647.    return mapCart(cart)
  2648.  
  2649.  }
  2650.  
  2651.  const getCheckout = async () => {
  2652.    mapCheckout(latest_cart || await requestCart())
  2653.  }
  2654.  
  2655.  const getOrder = async () => {
  2656.    mapOrder(latest_cart || await requestCart())
  2657.  }
  2658.  
  2659.  //-----------------------//
  2660.  //        Mappers        //
  2661.  //-----------------------//
  2662.  
  2663.  const fallbackAttribute = (object, attribute) => {
  2664.  
  2665.    if(!Array.isArray(attribute)) {
  2666.      attribute = [attribute]
  2667.    }
  2668.  
  2669.    let final_value = null
  2670.  
  2671.    do {
  2672.  
  2673.      final_value = object[attribute.shift()]
  2674.  
  2675.    } while(!final_value && attribute.length)
  2676.  
  2677.    return final_value
  2678.  
  2679.  }
  2680.  
  2681.  const map = (object, mapper) => {
  2682.  
  2683.    const newObject = {}
  2684.  
  2685.    for(const key in mapper) {
  2686.  
  2687.      // Handle different keys between new and old format
  2688.      newObject[key] = fallbackAttribute(object, mapper[key])
  2689.  
  2690.      // Cast price to float
  2691.      if(newObject[key] && ['price', 'amount', 'discount', 'discounts'].some(x => key.endsWith(x))) {
  2692.        newObject[key] = parsePrice(newObject[key])
  2693.      }
  2694.  
  2695.      if(newObject[key] === undefined) {
  2696.        delete newObject[key]
  2697.      }
  2698.  
  2699.    }
  2700.  
  2701.    return newObject
  2702.  
  2703.  }
  2704.  
  2705.  const mapCart = cart => {
  2706.  
  2707.    const oldCart = cart
  2708.  
  2709.    const mapper = {
  2710.      id: 'id',
  2711.      currency: 'currency',
  2712.      item_count: 'item_count',
  2713.      items: 'items',
  2714.      total_price: 'total_price',
  2715.      latest_items: 'latest_items'
  2716.    }
  2717.  
  2718.    cart = map(cart, mapper)
  2719.  
  2720.    const discounts = (oldCart.storewide_discounts || []).concat((oldCart.voucher_discounts || []))
  2721.  
  2722.    cart.discount_applications = discounts.map(discount => ({
  2723.      title: discount.voucher_code || null,
  2724.      value: parsePrice(discount.amount),
  2725.    }))
  2726.  
  2727.    cart.original_total_price = cart.items.length
  2728.    ? cart.items
  2729.      .map(item => item.original_price)
  2730.      .reduce((sum, price) => sum + price)
  2731.    : 0
  2732.  
  2733.    cart.total_discount = cart.discount_applications.length
  2734.    ? cart.discount_applications
  2735.      .map(discount => parsePrice(discount.value))
  2736.      .reduce((sum, value) => sum + value)
  2737.    : 0
  2738.  
  2739.    cart.items = cart.items.map(item => mapLineItem(item))
  2740.  
  2741.    return cart
  2742.  
  2743.  }
  2744.  
  2745.  const mapCheckout = checkout => {
  2746.  
  2747.    const mapper = {
  2748.      note: 'note',
  2749.      attributes: 'note_attributes',
  2750.      billing_address: 'billing_address',
  2751.      currency: 'currency',
  2752.      customer_id: 'customer_id',
  2753.      discounts_amount: 'total_discount',
  2754.      id: 'id',
  2755.      line_items: 'order_item',
  2756.      order_number: 'order_number',
  2757.      shipping_address: 'shipping_address',
  2758.      shipping_price: 'shipping_tax',
  2759.      shipping_method: 'shipping_method_name',
  2760.      tax_price: 'total_tax',
  2761.    }
  2762.  
  2763.    checkout = map(checkout, mapper)
  2764.  
  2765.    checkout.requires_shipping = checkout.line_items.some(item => item.shipping_required)
  2766.  
  2767.    checkout.line_items = checkout.line_items.map(item => mapLineItem(item))
  2768.  
  2769.    return checkout
  2770.  
  2771.  }
  2772.  
  2773.  const mapOrder = order => {
  2774.  
  2775.    const mapper = {
  2776.      attributes: 'note_attributes',
  2777.      billing_address: 'billing_address',
  2778.      cancelled: 'is_cancelled',
  2779.      cancelled_at: 'cancelled_at',
  2780.      created_at: 'created_at',
  2781.      customer_id: 'customer_id',
  2782.      // discount_applications: 'discount_applications',
  2783.      email: 'email',
  2784.      financial_status: 'financial_status',
  2785.      fulfillment_status: 'fulfillment_status',
  2786.      line_items: 'order_item',
  2787.      note: 'note',
  2788.      order_number: 'order_number',
  2789.      phone: 'phone',
  2790.      shipping_address: 'shipping_address',
  2791.      shipping_methods: 'shipping_methods',
  2792.      shipping_price: 'total_shipping',
  2793.      subtotal_price: 'subtotal_price',
  2794.      // tax_lines: 'tax_lines',
  2795.      tax_price: 'total_tax',
  2796.      total_discounts: 'total_discount',
  2797.      total_net_amount: 'total_amount_include_transaction',
  2798.      total_price: 'total_price',
  2799.      transactions: 'transaction_records',
  2800.      is_manual_payment: 'is_manual_payment',
  2801.    }
  2802.  
  2803.    order.email = order.billing_address.email
  2804.    order.phone = order.billing_address.phone
  2805.    order.shipping_method = order.shipping_method_name
  2806.  
  2807.    order = map(order, mapper)
  2808.  
  2809.    order.line_items = order.line_items.map(item => mapLineItem(item))
  2810.    order.transactions = order.transactions.map(transaction => mapTransaction(transaction))
  2811.  
  2812.    return order
  2813.  
  2814.  }
  2815.  
  2816.  const mapLineItem = line_item => {
  2817.  
  2818.    const old_line_item = line_item
  2819.  
  2820.    const mapper = {
  2821.      final_price: 'price',
  2822.      image: 'img_url',
  2823.      message: 'message',
  2824.      original_line_price: 'original_line_price',
  2825.      original_price: 'original_price',
  2826.      properties: 'properties',
  2827.      quantity: 'quantity',
  2828.      requires_shipping: 'shipping_required',
  2829.      sku: 'sku',
  2830.      taxable: 'taxable',
  2831.      title: 'product_name',
  2832.      product_name: 'product_name',
  2833.      url: 'url',
  2834.      product_id: 'product_id',
  2835.      variant_id: 'variant_id',
  2836.      id: ['id', 'i_id'],
  2837.    }
  2838.  
  2839.    line_item = map(line_item, mapper)
  2840.  
  2841.    line_item.product_id = line_item.product_id || (old_line_item.product && old_line_item.product.id) || null
  2842.    line_item.variant_id = line_item.variant_id || (old_line_item.variant && old_line_item.variant.id) || null
  2843.    line_item.image      = line_item.image || (old_line_item.image && old_line_item.image.url) || null
  2844.  
  2845.    return line_item
  2846.  
  2847.  }
  2848.  
  2849.  const mapTransaction = transaction => {
  2850.  
  2851.    const mapper = {
  2852.      amount: 'amount',
  2853.      created_at: 'created_at',
  2854.      gateway: 'gateway_type',
  2855.      id: 'id',
  2856.      status: 'status',
  2857.    }
  2858.  
  2859.    transaction = map(transaction, mapper)
  2860.  
  2861.    return transaction
  2862.  
  2863.  }
  2864.  
  2865.  
  2866. </script>
  2867.  
  2868. </body>
  2869. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda