{"id":1351,"date":"2024-07-29T06:44:49","date_gmt":"2024-07-29T06:44:49","guid":{"rendered":"https:\/\/zebbugheritagetrail.com\/favourites\/"},"modified":"2024-07-29T06:44:49","modified_gmt":"2024-07-29T06:44:49","slug":"favourites","status":"publish","type":"page","link":"https:\/\/zebbugheritagetrail.com\/en\/favourites\/","title":{"rendered":"Favourites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1351\" class=\"elementor elementor-1351 elementor-308\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fdcb69 e-flex e-con-boxed e-con e-parent\" data-id=\"9fdcb69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f6f8a8 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5f6f8a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Favourites <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2093fad e-flex e-con-boxed e-con e-parent\" data-id=\"2093fad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db93cf7 elementor-widget elementor-widget-shortcode\" data-id=\"db93cf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style id=\"loop-213\">\n          .elementor-213 .elementor-element.elementor-element-8f75510 {\n            --display: flex;\n            --min-height: 175px;\n            --flex-direction: column;\n            --container-widget-width: 100%;\n            --container-widget-height: initial;\n            --container-widget-flex-grow: 0;\n            --container-widget-align-self: initial;\n            --flex-wrap-mobile: wrap;\n            --justify-content: flex-end;\n            --background-transition: 0.3s;\n            --border-radius: 10px 10px 10px 10px;\n            --margin-top: 0px;\n            --margin-bottom: 0px;\n            --margin-left: 0px;\n            --margin-right: 0px;\n            --padding-top: 0px;\n            --padding-bottom: 0px;\n            --padding-left: 0px;\n            --padding-right: 0px;\n          }\n\n          .elementor-213 .elementor-element.elementor-element-8f75510:not(.elementor-motion-effects-element-type-background),\n          .elementor-213 .elementor-element.elementor-element-8f75510>.elementor-motion-effects-container>.elementor-motion-effects-layer {\n            background-color: #222222;\n          }\n\n          .elementor-213 .elementor-element.elementor-element-8f75510::before,\n          .elementor-213 .elementor-element.elementor-element-8f75510>.elementor-background-video-container::before,\n          .elementor-213 .elementor-element.elementor-element-8f75510>.e-con-inner>.elementor-background-video-container::before,\n          .elementor-213 .elementor-element.elementor-element-8f75510>.elementor-background-slideshow::before,\n          .elementor-213 .elementor-element.elementor-element-8f75510>.e-con-inner>.elementor-background-slideshow::before,\n          .elementor-213 .elementor-element.elementor-element-8f75510>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {\n            --background-overlay: '';\n            background-color: #0B193300;\n          }\n\n          .elementor-213 .elementor-element.elementor-element-8f75510,\n          .elementor-213 .elementor-element.elementor-element-8f75510::before {\n            --border-transition: 0.3s;\n          }\n\n          .elementor-213 .elementor-element.elementor-element-c50ebb0 {\n            --display: flex;\n            --min-height: 175px;\n            --justify-content: flex-end;\n            --align-items: center;\n            --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);\n            --background-transition: 0.3s;\n            --border-radius: 10px 10px 10px 10px;\n            --margin-top: 0px;\n            --margin-bottom: 0px;\n            --margin-left: 0px;\n            --margin-right: 0px;\n            --padding-top: 20px;\n            --padding-bottom: 20px;\n            --padding-left: 30px;\n            --padding-right: 30px;\n          }\n\n          body:not(.rtl) .elementor-213 .elementor-element.elementor-element-68f26d8 {\n            left: 288px;\n          }\n\n          body.rtl .elementor-213 .elementor-element.elementor-element-68f26d8 {\n            right: 288px;\n          }\n\n          .elementor-213 .elementor-element.elementor-element-68f26d8 {\n            top: 15px;\n          }\n\n          .elementor-213 .elementor-element.elementor-element-8f53083 {\n            text-align: center;\n          }\n\n          .elementor-213 .elementor-element.elementor-element-8f53083 .elementor-heading-title {\n            color: #FFFFFF;\n            font-family: \"Alata\", Sans-serif;\n            font-size: 21px;\n            font-weight: normal;\n            text-transform: uppercase;\n          }\n\n          @media(min-width:768px) {\n            .elementor-213 .elementor-element.elementor-element-8f75510 {\n              --content-width: 330px;\n            }\n\n            .elementor-213 .elementor-element.elementor-element-c50ebb0 {\n              --width: 330px;\n            }\n          }\n\n          @media(max-width:1024px) and (min-width:768px) {\n            .elementor-213 .elementor-element.elementor-element-8f75510 {\n              --content-width: 330px;\n            }\n\n            .elementor-213 .elementor-element.elementor-element-c50ebb0 {\n              --width: 330px;\n            }\n          }\n\n          \/* Start custom CSS for container, class: .elementor-element-c50ebb0 *\/\n          .zebb-bg-overlay {\n            background: linear-gradient(180deg, rgba(11, 25, 51, 0.00) 0%, rgba(11, 25, 51, 0.84) 64.4%, rgba(11, 25, 51, 0.89) 74.9%, rgba(11, 25, 51, 0.93) 84.9%, #0B1933 100%), linear-gradient(0deg, rgba(34, 34, 34, 0.20) 0%, rgba(34, 34, 34, 0.20) 100%);\n          }\n\n          \/* End custom CSS *\/\n          \/* Start custom CSS for container, class: .elementor-element-8f75510 *\/\n          .elementor-213 .elementor-element.elementor-element-8f75510 .zebb-posts-loop-item {\n            background-position: center center !important;\n          }\n\n          \n          @media(max-width:425px)  { \n            body:not(.rtl) .elementor-213 .elementor-element.elementor-element-68f26d8 {\n              right: 20px;\n              left: unset;\n            }\n          }\n\n          .elementor-widget-loop-grid .elementor-grid {\n            grid-column-gap: 15px;\n            grid-row-gap: 15px;\n          }\n          \/* End custom CSS *\/\n        <\/style>\n  \n      <div class=\"elementor-element elementor-element-954191a e-con-full e-flex e-con e-child\" data-id=\"954191a\" data-element_type=\"container\">\n        <div class=\"elementor-element elementor-element-5862373 elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"5862373\" data-element_type=\"widget\" data-settings=\"{&quot;template_id&quot;:&quot;213&quot;,&quot;columns&quot;:1,&quot;columns_tablet&quot;:1,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n          <div class=\"elementor-widget-container\">\n            <link rel=\"stylesheet\" href=\"\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-loop-builder.min.css\">\n            <div class=\"elementor-loop-container elementor-grid\" id=\"favourites-container\">\n              \n              <p style=\"display: none;\" class=\"msg_no_fav\"> You haven't selected any favorite items yet.<\/p> \n\n              <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n        <div id=\"load-more\" style=\"display:none;\">Loading...<\/div>\n\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            let page = 1;\n            const loadMoreDiv = document.getElementById('load-more');\n\n            window.addEventListener('scroll', function() {\n                if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 100 && loadMoreDiv.style.display === 'none') {\n                    \/\/ loadMoreDiv.style.display = 'block';\n                    page++;\n                    fetchFavourites(page);\n                }\n            });\n\n            function fetchFavourites(page) {\n                const xhr = new XMLHttpRequest();\n                xhr.open('POST', 'https:\/\/zebbugheritagetrail.com\/wp-admin\/admin-ajax.php', true);\n                xhr.setRequestHeader('Content-Type', 'application\/x-www-form-urlencoded; charset=UTF-8');\n                xhr.onload = function() {\n                    if (xhr.status >= 200 && xhr.status < 400) {\n                        const response = xhr.responseText;\n                        if (response) {\n                            document.getElementById('favourites-container').insertAdjacentHTML('beforeend', response);\n                        }\n                        else {  }\n\n                        \/\/ loadMoreDiv.style.display = 'none';\n                         \n                        \n                        \n                    }\n                };\n                xhr.send('action=load_more_favourites&page=' + page);\n            }\n        });\n    <\/script>\n     <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dda747c e-flex e-con-boxed e-con e-parent\" data-id=\"dda747c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-97d1653 e-con-full e-flex e-con e-child\" data-id=\"97d1653\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Favourites<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1351","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/zebbugheritagetrail.com\/en\/wp-json\/wp\/v2\/pages\/1351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zebbugheritagetrail.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zebbugheritagetrail.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zebbugheritagetrail.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zebbugheritagetrail.com\/en\/wp-json\/wp\/v2\/comments?post=1351"}],"version-history":[{"count":0,"href":"https:\/\/zebbugheritagetrail.com\/en\/wp-json\/wp\/v2\/pages\/1351\/revisions"}],"wp:attachment":[{"href":"https:\/\/zebbugheritagetrail.com\/en\/wp-json\/wp\/v2\/media?parent=1351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}