GetLocal.vip

Meta Pixel

Calerity 

Google Tag Manager

Media Manager Library

Skeleton.js

Google Script + HotJar

Youtube conversion tracking

Google Analytics

login redirection

OutBound  Campaign by Jay

Hiden Something

ChatBot

Hide ADA widget on Mobile

for offer approval

<p>Record is created against Biz %%_TIME_%%</p>

<div class="container msg_container dropzone" ng-bind-html="message | safeHtml"></div><section data-comp-title="Section" class="container-fluid dropzone spacedEl" style="min-height: 150px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><p class="label_stamp draggable" style="text-align: center; display: none;">Page Contents Here</p><section data-comp-title="Section" class="container dropzone spacedEl py-3" style="min-height: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;" data-htmlcomponent-type="html/container">


<section data-comp-title="Section" class="container dropzone spacedEl favsidebar" style="min-height: 50px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;width: 36%;" data-htmlcomponent-type="html/container">


<section data-comp-title="Section" class="container dropzone spacedEl d-flex" style="min-height: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px; gap: 20px; border-bottom: 0px none rgb(0, 0, 0);" data-htmlcomponent-type="html/container">

    
    <a class="favourites draggable mt-1" target="_blank" data-type-link="internal_link" data-entity=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <g clip-path="url(#clip0_1078_21905)">
    <path d="M12 20.25C12 20.25 2.25 15 2.25 8.8125C2.25 7.46984 2.78337 6.18217 3.73277 5.23277C4.68217 4.28337 5.96984 3.75 7.3125 3.75C9.43031 3.75 11.2444 4.90406 12 6.75C12.7556 4.90406 14.5697 3.75 16.6875 3.75C18.0302 3.75 19.3178 4.28337 20.2672 5.23277C21.2166 6.18217 21.75 7.46984 21.75 8.8125C21.75 15 12 20.25 12 20.25Z" stroke="#6A37FF" stroke-linecap="round" stroke-linejoin="round"></path>
  </g>
  <defs>
    <clipPath id="clip0_1078_21905">
      <rect width="24" height="24" fill="white"></rect>
    </clipPath>
  </defs>
</svg>

<picture data-htmlcomponent-type="widgets/mediamanager" class="draggable d-none"><source type="image/webp" srcset="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" data-srcset="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/Vector.webp"><img data-component-mediamanager="" data-comp-title="Media Manager" src="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" style="width: 100%;height: auto;-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;-webkit-mask-size: auto 100%;" class="lazy" data-src="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/Vector.webp"></picture></a><h4 data-comp-title="Heading" class="draggable heading-4" style="word-wrap: anywhere;" data-htmlcomponent-type="html/heading">My Wish list</h4>



</section><hr data-htmlcomponent-type="html/hr">

<div id="wishlist_offer" class="dropzone">
    



</div>


<section data-comp-title="Section" class="container dropzone spacedEl text-center py-5 loadmore_section" style="min-height: 50px;display: none;" data-htmlcomponent-type="html/container">


<a href="https://getlocal.vip/my-wishlist" class="draggable"><button class="view_more draggable" fdprocessedid="szdxeb">

View More
    
</button></a>


    
</section>



<script>function getCookieValueForUpdate(cookieName) {
    const cookies = document.cookie.split(';');
    for (let i = 0; i < cookies.length; i++) {
        const cookie = cookies[i].trim();
        if (cookie.startsWith(cookieName + '=')) {
            let cookieValue = cookie.substring(cookieName.length + 1);
            cookieValue = cookieValue.replace(/%40/g, '@');
            return cookieValue;
        }
    }
    return null;
}
const userEmail = getCookieValueForUpdate('app_u_email');
console.log(userEmail);
document.addEventListener("DOMContentLoaded", function() {
    const loadMoreSection = document.querySelector('.loadmore_section');

    fetch('https://owlapplicationbuilder.com/api/entities/get_local_vip_1580295343903_2/wish_list/get_all_en?page=1&page_size=99&fld=_id&srt=-1&to_search={}&t=true').then(response => response.json()).then(data => {
        var getData = data.data;
        var wishlistOffer = document.querySelector('#wishlist_offer');
        var filteredData = getData.filter(offer => offer.email === userEmail);
        var offerCounter = 0;

        if (filteredData.length === 0) {

            var noDataDiv = document.createElement('div');
            noDataDiv.innerHTML = `<h2 class="p-5" style="color: #000;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;
">No data available</h2>`;
            wishlistOffer.appendChild(noDataDiv);

        } else {
            filteredData.forEach(function(offer) {
                if (offerCounter < 5) {
                    var favOffer = document.createElement('div');
                    favOffer.innerHTML = `<div>
                <div data-comp-title="Grid Row" class="row mr-0 ml-0 dropzone" data-htmlcomponent-type="html/gridrow">
                    <div data-comp-title="Grid Column" class="col-md-4">
                        <picture data-htmlcomponent-type="widgets/mediamanager" class="draggable">
                            <source type="image/webp" srcset="${offer.offerImg}"
                                data-srcset="${offer.offerImg}"><img
                                data-component-mediamanager="" data-comp-title="Media Manager"
                                src="${offer.offerImg}"
                                style="width: 100%; height: auto; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-position: 50% 50%; mask-size: auto 100%; -webkit-mask-size: auto 100%;"
                                class="" data-src="${offer.offerImg}">
                        </picture>
                    </div>
                    <div data-comp-title="Grid Column" class="dropzone col-md-8">
                        <h4 data-comp-title="Heading" class="draggable offertitle" style="word-wrap: anywhere;"
                            data-htmlcomponent-type="html/heading">${offer.title}</h4>
                        <div class="d-flex dropzone" style="    gap: 9px;">
                            <h4 data-comp-title="Heading" class="draggable category" style="word-wrap: anywhere;"
                                data-htmlcomponent-type="html/heading">Category</h4>
                            <h4 data-comp-title="Heading" class="draggable offer" style="word-wrap: anywhere;"
                                data-htmlcomponent-type="html/heading">${offer.offerDiscount}</h4>
                        </div>
                        <p data-comp-title="Paragraph" class="draggable offer-description" style="word-wrap: anywhere;"
                            data-htmlcomponent-type="html/paragraph">Product details of Galaxy Sofa Cum Bed Imported Jute Fabric
                            Grey Colour </p>
                        <div class="d-flex dropzone" style="    gap: 9px;"><a id="${offer.token}" class="delete_offer"
                            onclick="deleteOffer(event, '${offer.token}')"><svg
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <g clip-path="url(#clip0_1237_26158)">
                                        <path d="M20.25 5.25H3.75" stroke="black" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path d="M9.75 9.75V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path d="M14.25 9.75V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path
                                            d="M18.75 5.25V19.5C18.75 19.6989 18.671 19.8897 18.5303 20.0303C18.3897 20.171 18.1989 20.25 18 20.25H6C5.80109 20.25 5.61032 20.171 5.46967 20.0303C5.32902 19.8897 5.25 19.6989 5.25 19.5V5.25"
                                            stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                        <path
                                            d="M15.75 5.25V3.75C15.75 3.35218 15.592 2.97064 15.3107 2.68934C15.0294 2.40804 14.6478 2.25 14.25 2.25H9.75C9.35218 2.25 8.97064 2.40804 8.68934 2.68934C8.40804 2.97064 8.25 3.35218 8.25 3.75V5.25"
                                            stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_1237_26158">
                                            <rect width="24" height="24" fill="white"></rect>
                                        </clipPath>
                                    </defs>
                                </svg></a>
                                <a onclick="viewOffer('${offer.offer_url}')" class="draggable view Get_coupon">
                                <h4 data-comp-title="Heading" class="draggable"
                                    style="word-wrap: anywhere;color: #6A37FF;font-family: Sansation;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 150% */"
                                    data-htmlcomponent-type="html/heading">Get Coupon</h4>
                            </a></div>
                    </div>
                </div>
            
                <hr data-htmlcomponent-type="html/hr">
            </div>
            `;
                    wishlistOffer.appendChild(favOffer);
                    offerCounter++;
                } else {
                    return;
                }
            });
            if (filteredData.length > 5) {
                loadMoreSection.style.display = 'block';
            }
        }
    }).catch(error => console.error('Error fetching data:', error));
});

function viewOffer(url) {
    window.open(url, '_blank');
}

function deleteOffer(event, offertoken) {
    event.preventDefault();
    console.log('Button ID:', offertoken);
    var offerToken = offertoken;
    var deleteofferSend = {
        selected_en: [offerToken],
        action: "deletePermnently",
    };
    fetch('https://owlapplicationbuilder.com/api/entities/get_local_vip_1580295343903_2/wish_list/BulkAction_en', {
        method: 'POST',
        body: JSON.stringify(deleteofferSend),
        headers: {
            "Content-Type": "application/json",
        },
    }).then(response => response.json()).then(data => {
        console.log(data);
        window.location.reload();
    }).catch(error => {
        console.error('Error:', error);
    });
}
</script>
















<section data-comp-title="Section" class="container dropzone spacedEl d-none" style="min-height: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; gap: 20px; border-bottom: 0px none rgb(0, 0, 0);" data-htmlcomponent-type="html/container">        <section data-comp-title="Section" style="height: 300px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;display: flex;align-items: center;justify-content: center;" data-htmlcomponent-type="html/container" class="dropzone">
                <picture data-htmlcomponent-type="widgets/mediamanager" class="draggable">
                    <source type="image/webp" srcset="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" data-srcset="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/lenovo-legion-5-pro-gen-6-gaming-laptop-pakistan.webp"><img data-component-mediamanager="" data-comp-title="Media Manager" src="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" style="-webkit-mask-position: 50% 50%;-webkit-mask-size: auto 100%;width: 100%;max-height: 300px;" class="lazy" data-src="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/lenovo-legion-5-pro-gen-6-gaming-laptop-pakistan.webp">
                </picture>
            </section><div class="dropzone">
            <h3 class="draggable" style="word-wrap: anywhere; color: var(--black, #000); font-family: Lato; font-size: 32px; font-style: normal; font-weight: bold; line-height: normal;" data-comp-title="Heading" data-htmlcomponent-type="html/heading">New Housing</h3>

<p id="offer_category" class="draggable" style="
    font-size: 0px;
">Home Appliances</p>
            <p data-comp-title="Paragraph" class="draggable" style="word-wrap: anywhere;color: rgba(110, 115, 128, 0.56);font-family: Lato;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px; /* 142.857% */" data-htmlcomponent-type="html/paragraph">New Housing

            </p>
            <p data-comp-title="Paragraph" class="draggable" style="word-wrap: anywhere;color: #000;font-family: Lato;font-size: 40px;font-style: normal;font-weight: 700;line-height: normal;" data-htmlcomponent-type="html/paragraph">20% OFF

            </p><button data-vvveb-sealed="" data-comp-title="Button" class="htmlButton btn btn-standard draggable" name="Text Here" style="word-wrap: anywhere;display: inline-block;border-radius: 4px;border: 1px solid #6A37FF;background: #6A37FF;color: white;padding: 6px 12px;color: var(--White, var(--White, #FFF));font-family: Lato;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%; /* 24px */" data-htmlcomponent-type="html/button_types" fdprocessedid="uiygvb">Get Coupon </button>
        </div></section>


    
</section>




</section><section data-comp-title="Section" class="container dropzone" style="min-height: 50px;height: 250vh;" data-htmlcomponent-type="html/container"></section>



<script>document.addEventListener('DOMContentLoaded', function () {
    const favouritesButton = document.querySelector('.favourites');
    const sidebarSection = document.querySelector('.favsidebar');

    favouritesButton.addEventListener('click', function (event) {
        event.stopPropagation(); 
         const computedStyle = window.getComputedStyle(sidebarSection);
        const isSidebarHidden = computedStyle.getPropertyValue('display') === 'none';

        if (isSidebarHidden) {
            sidebarSection.classList.add('slideInRight');
            sidebarSection.style.display = 'block';
        } else {
            sidebarSection.style.display = 'none';
        }
    });

    document.addEventListener('click', function (event) {
        const clickedElement = event.target;
        if (!sidebarSection.contains(clickedElement) && clickedElement !== favouritesButton) {
            sidebarSection.style.display = 'none';
        }
    });
});
</script></section><style id="custom-css">.Get_coupon{
   color: #6A37FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    cursor:pointer;
}
.delete_offer{
cursor:pointer;
}
.sidebarright{
        position: absolute;
            right: 0px ;
            z-index: 9999;
}  
 .slideInLeft {
            animation-duration: 1.5s;
            animation-delay: 1.5s;
            visibility: visible;
            animation-name: slideInLeft;
}
   .slideInRight {
           /* animation-duration: 1.5s;
            animation-delay: 1.5s;
            visibility: visible;
            animation-name: slideInRight;*/
            position: absolute;
            right: 0px ;
            top:21%;
            z-index: 9999;
        }
.favsidebar{
display:none;
}
.view_more{
color: #6A37FF;
font-family: Sansation;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 8px;
border: 1px solid #6A37FF;
padding:10px 32px;
background: transparent ;
}
.offer-description{
color: #6E7380;
font-family: Sansation;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.offer{
color: #F00;
font-family: Sansation;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.category{
color: #000;
font-family: Sansation;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.offertitle{
color: #000;
/ Body Large /
font-family: Sansation;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
hr{
border-top:1px solid #DCE0E0 !important;
width: 95%;
}
.favsidebar{
border-radius: 20px 0px 0px 20px;
    background: var(--White, #FFF);
    box-shadow: 0px 5px 74.7px 0px rgba(0, 0, 0, 0.25);
    padding: 40px 50px;
}
.heading-4{
color: #000;
font-family: Sansation;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}</style>

<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1272210307283803');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1272210307283803&ev=PageView&noscript=1"
/></noscript>
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "jy47py3zbx");
</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-YN79XG64CF"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YN79XG64CF');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16604552701"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16604552701');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16604552701"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16604552701');
</script><script src="https://files.owlapplicationbuilder.com/assets/assignPlan.js"></script>
<script src="https://files.owlapplicationbuilder.com/assets/application/getlocal/login_redirection.min.js"></script>
<script src="https://files.owlapplicationbuilder.com/assets/application/getlocal/checkSponsor.js"></script>
<script src="https://files.owlapplicationbuilder.com/assets/application/getlocal/sortableGridv1.js"></script>
<script src="https://files.owlapplicationbuilder.com/assets/application/getlocal/sortableGrid.js"></script>

Keep your favourite business separate as favourites and become first to know about their discounts and sales. 

Favourites | Your Saved Local Businesses

<div class="container msg_container dropzone" ng-bind-html="message | safeHtml"></div><section data-comp-title="Section" class="container-fluid dropzone spacedEl" style="min-height: 150px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><p class="label_stamp draggable" style="text-align: center; display: none;">Page Contents Here</p><section data-comp-title="Section" class="container dropzone spacedEl py-3" style="min-height: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;" data-htmlcomponent-type="html/container"><section data-comp-title="Section" class="container dropzone spacedEl favsidebar" style="min-height: 50px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;width: 36%;" data-htmlcomponent-type="html/container"><section data-comp-title="Section" class="container dropzone spacedEl d-flex" style="min-height: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px; gap: 20px; border-bottom: 0px none rgb(0, 0, 0);" data-htmlcomponent-type="html/container">        <a class="favourites draggable mt-1" target="_blank" data-type-link="internal_link" data-entity=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">  <g clip-path="url(#clip0_1078_21905)">    <path d="M12 20.25C12 20.25 2.25 15 2.25 8.8125C2.25 7.46984 2.78337 6.18217 3.73277 5.23277C4.68217 4.28337 5.96984 3.75 7.3125 3.75C9.43031 3.75 11.2444 4.90406 12 6.75C12.7556 4.90406 14.5697 3.75 16.6875 3.75C18.0302 3.75 19.3178 4.28337 20.2672 5.23277C21.2166 6.18217 21.75 7.46984 21.75 8.8125C21.75 15 12 20.25 12 20.25Z" stroke="#6A37FF" stroke-linecap="round" stroke-linejoin="round"></path>  </g>  <defs>    <clipPath id="clip0_1078_21905">      <rect width="24" height="24" fill="white"></rect>    </clipPath>  </defs></svg><picture data-htmlcomponent-type="widgets/mediamanager" class="draggable d-none"><source type="image/webp" srcset="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" data-srcset="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/Vector.webp"><img data-component-mediamanager="" data-comp-title="Media Manager" src="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" style="width: 100%;height: auto;-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;-webkit-mask-size: auto 100%;" class="lazy" data-src="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/Vector.webp"></picture></a><h4 data-comp-title="Heading" class="draggable heading-4" style="word-wrap: anywhere;" data-htmlcomponent-type="html/heading">My Wish list</h4></section><hr data-htmlcomponent-type="html/hr"><div id="wishlist_offer" class="dropzone">    </div><section data-comp-title="Section" class="container dropzone spacedEl text-center py-5 loadmore_section" style="min-height: 50px;display: none;" data-htmlcomponent-type="html/container"><a href="%%_appUrlTag_%%/my-wishlist" class="draggable"><button class="view_more draggable" fdprocessedid="szdxeb">View More    </button></a>    </section><script>function getCookieValueForUpdate(cookieName) {    const cookies = document.cookie.split(';');    for (let i = 0; i < cookies.length; i++) {        const cookie = cookies[i].trim();        if (cookie.startsWith(cookieName + '=')) {            let cookieValue = cookie.substring(cookieName.length + 1);            cookieValue = cookieValue.replace(/%40/g, '@');            return cookieValue;        }    }    return null;}const userEmail = getCookieValueForUpdate('app_u_email');console.log(userEmail);document.addEventListener("DOMContentLoaded", function() {    const loadMoreSection = document.querySelector('.loadmore_section');    fetch('https://owlapplicationbuilder.com/api/entities/get_local_vip_1580295343903_2/wish_list/get_all_en?page=1&page_size=99&fld=_id&srt=-1&to_search={}&t=true').then(response => response.json()).then(data => {        var getData = data.data;        var wishlistOffer = document.querySelector('#wishlist_offer');        var filteredData = getData.filter(offer => offer.email === userEmail);        var offerCounter = 0;        if (filteredData.length === 0) {            var noDataDiv = document.createElement('div');            noDataDiv.innerHTML = `<h2 class="p-5" style="color: #000;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;">No data available</h2>`;            wishlistOffer.appendChild(noDataDiv);        } else {            filteredData.forEach(function(offer) {                if (offerCounter < 5) {                    var favOffer = document.createElement('div');                    favOffer.innerHTML = `<div>                <div data-comp-title="Grid Row" class="row mr-0 ml-0 dropzone" data-htmlcomponent-type="html/gridrow">                    <div data-comp-title="Grid Column" class="col-md-4">                        <picture data-htmlcomponent-type="widgets/mediamanager" class="draggable">                            <source type="image/webp" srcset="${offer.offerImg}"                                data-srcset="${offer.offerImg}"><img                                data-component-mediamanager="" data-comp-title="Media Manager"                                src="${offer.offerImg}"                                style="width: 100%; height: auto; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-position: 50% 50%; mask-size: auto 100%; -webkit-mask-size: auto 100%;"                                class="" data-src="${offer.offerImg}">                        </picture>                    </div>                    <div data-comp-title="Grid Column" class="dropzone col-md-8">                        <h4 data-comp-title="Heading" class="draggable offertitle" style="word-wrap: anywhere;"                            data-htmlcomponent-type="html/heading">${offer.title}</h4>                        <div class="d-flex dropzone" style="    gap: 9px;">                            <h4 data-comp-title="Heading" class="draggable category" style="word-wrap: anywhere;"                                data-htmlcomponent-type="html/heading">Category</h4>                            <h4 data-comp-title="Heading" class="draggable offer" style="word-wrap: anywhere;"                                data-htmlcomponent-type="html/heading">${offer.offerDiscount}</h4>                        </div>                        <p data-comp-title="Paragraph" class="draggable offer-description" style="word-wrap: anywhere;"                            data-htmlcomponent-type="html/paragraph">Product details of Galaxy Sofa Cum Bed Imported Jute Fabric                            Grey Colour </p>                        <div class="d-flex dropzone" style="    gap: 9px;"><a id="${offer.token}" class="delete_offer"                            onclick="deleteOffer(event, '${offer.token}')"><svg                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">                                    <g clip-path="url(#clip0_1237_26158)">                                        <path d="M20.25 5.25H3.75" stroke="black" stroke-width="1.5" stroke-linecap="round"                                            stroke-linejoin="round"></path>                                        <path d="M9.75 9.75V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"                                            stroke-linejoin="round"></path>                                        <path d="M14.25 9.75V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"                                            stroke-linejoin="round"></path>                                        <path                                            d="M18.75 5.25V19.5C18.75 19.6989 18.671 19.8897 18.5303 20.0303C18.3897 20.171 18.1989 20.25 18 20.25H6C5.80109 20.25 5.61032 20.171 5.46967 20.0303C5.32902 19.8897 5.25 19.6989 5.25 19.5V5.25"                                            stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>                                        <path                                            d="M15.75 5.25V3.75C15.75 3.35218 15.592 2.97064 15.3107 2.68934C15.0294 2.40804 14.6478 2.25 14.25 2.25H9.75C9.35218 2.25 8.97064 2.40804 8.68934 2.68934C8.40804 2.97064 8.25 3.35218 8.25 3.75V5.25"                                            stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>                                    </g>                                    <defs>                                        <clipPath id="clip0_1237_26158">                                            <rect width="24" height="24" fill="white"></rect>                                        </clipPath>                                    </defs>                                </svg></a>                                <a onclick="viewOffer('${offer.offer_url}')" class="draggable view Get_coupon">                                <h4 data-comp-title="Heading" class="draggable"                                    style="word-wrap: anywhere;color: #6A37FF;font-family: Sansation;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 150% */"                                    data-htmlcomponent-type="html/heading">Get Coupon</h4>                            </a></div>                    </div>                </div>                            <hr data-htmlcomponent-type="html/hr">            </div>            `;                    wishlistOffer.appendChild(favOffer);                    offerCounter++;                } else {                    return;                }            });            if (filteredData.length > 5) {                loadMoreSection.style.display = 'block';            }        }    }).catch(error => console.error('Error fetching data:', error));});function viewOffer(url) {    window.open(url, '_blank');}function deleteOffer(event, offertoken) {    event.preventDefault();    console.log('Button ID:', offertoken);    var offerToken = offertoken;    var deleteofferSend = {        selected_en: [offerToken],        action: "deletePermnently",    };    fetch('https://owlapplicationbuilder.com/api/entities/get_local_vip_1580295343903_2/wish_list/BulkAction_en', {        method: 'POST',        body: JSON.stringify(deleteofferSend),        headers: {            "Content-Type": "application/json",        },    }).then(response => response.json()).then(data => {        console.log(data);        window.location.reload();    }).catch(error => {        console.error('Error:', error);    });}</script><section data-comp-title="Section" class="container dropzone spacedEl d-none" style="min-height: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; gap: 20px; border-bottom: 0px none rgb(0, 0, 0);" data-htmlcomponent-type="html/container">        <section data-comp-title="Section" style="height: 300px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;display: flex;align-items: center;justify-content: center;" data-htmlcomponent-type="html/container" class="dropzone">                <picture data-htmlcomponent-type="widgets/mediamanager" class="draggable">                    <source type="image/webp" srcset="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" data-srcset="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/lenovo-legion-5-pro-gen-6-gaming-laptop-pakistan.webp"><img data-component-mediamanager="" data-comp-title="Media Manager" src="https://files.owlapplicationbuilder.com/assets/img/place_img.svg" style="-webkit-mask-position: 50% 50%;-webkit-mask-size: auto 100%;width: 100%;max-height: 300px;" class="lazy" data-src="https://media.owlapplicationbuilder.com/files/get_local_vip_1580295343903_2/media/public/lenovo-legion-5-pro-gen-6-gaming-laptop-pakistan.webp">                </picture>            </section><div class="dropzone">            <h3 class="draggable" style="word-wrap: anywhere; color: var(--black, #000); font-family: Lato; font-size: 32px; font-style: normal; font-weight: bold; line-height: normal;" data-comp-title="Heading" data-htmlcomponent-type="html/heading">New Housing</h3><p id="offer_category" class="draggable" style="    font-size: 0px;">Home Appliances</p>            <p data-comp-title="Paragraph" class="draggable" style="word-wrap: anywhere;color: rgba(110, 115, 128, 0.56);font-family: Lato;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px; /* 142.857% */" data-htmlcomponent-type="html/paragraph">New Housing            </p>            <p data-comp-title="Paragraph" class="draggable" style="word-wrap: anywhere;color: #000;font-family: Lato;font-size: 40px;font-style: normal;font-weight: 700;line-height: normal;" data-htmlcomponent-type="html/paragraph">20% OFF            </p><button data-vvveb-sealed="" data-comp-title="Button" class="htmlButton btn btn-standard draggable" name="Text Here" style="word-wrap: anywhere;display: inline-block;border-radius: 4px;border: 1px solid #6A37FF;background: #6A37FF;color: white;padding: 6px 12px;color: var(--White, var(--White, #FFF));font-family: Lato;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%; /* 24px */" data-htmlcomponent-type="html/button_types" fdprocessedid="uiygvb">Get Coupon </button>        </div></section>    </section></section><section data-comp-title="Section" class="container dropzone" style="min-height: 50px;height: 250vh;" data-htmlcomponent-type="html/container"></section><script>document.addEventListener('DOMContentLoaded', function () {    const favouritesButton = document.querySelector('.favourites');    const sidebarSection = document.querySelector('.favsidebar');    favouritesButton.addEventListener('click', function (event) {        event.stopPropagation();          const computedStyle = window.getComputedStyle(sidebarSection);        const isSidebarHidden = computedStyle.getPropertyValue('display') === 'none';        if (isSidebarHidden) {            sidebarSection.classList.add('slideInRight');            sidebarSection.style.display = 'block';        } else {            sidebarSection.style.display = 'none';        }    });    document.addEventListener('click', function (event) {        const clickedElement = event.target;        if (!sidebarSection.contains(clickedElement) && clickedElement !== favouritesButton) {            sidebarSection.style.display = 'none';        }    });});</script></section><style id="custom-css">.Get_coupon{   color: #6A37FF;    font-size: 16px;    font-style: normal;    font-weight: 400;    line-height: 24px;    text-decoration: none;    cursor:pointer;}.delete_offer{cursor:pointer;}.sidebarright{        position: absolute;            right: 0px ;            z-index: 9999;}   .slideInLeft {            animation-duration: 1.5s;            animation-delay: 1.5s;            visibility: visible;            animation-name: slideInLeft;}   .slideInRight {           /* animation-duration: 1.5s;            animation-delay: 1.5s;            visibility: visible;            animation-name: slideInRight;*/            position: absolute;            right: 0px ;            top:21%;            z-index: 9999;        }.favsidebar{display:none;}.view_more{color: #6A37FF;font-family: Sansation;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;border-radius: 8px;border: 1px solid #6A37FF;padding:10px 32px;background: transparent ;}.offer-description{color: #6E7380;font-family: Sansation;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.offer{color: #F00;font-family: Sansation;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.category{color: #000;font-family: Sansation;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.offertitle{color: #000;/ Body Large /font-family: Sansation;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;}hr{border-top:1px solid #DCE0E0 !important;width: 95%;}.favsidebar{border-radius: 20px 0px 0px 20px;    background: var(--White, #FFF);    box-shadow: 0px 5px 74.7px 0px rgba(0, 0, 0, 0.25);    padding: 40px 50px;}.heading-4{color: #000;font-family: Sansation;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;}</style>