{"id":5149,"date":"2024-08-11T04:37:06","date_gmt":"2024-08-11T04:37:06","guid":{"rendered":"http:\/\/nextcontinenttours.com\/?page_id=5149"},"modified":"2025-11-13T05:23:20","modified_gmt":"2025-11-12T18:23:20","slug":"browse-tours","status":"publish","type":"page","link":"https:\/\/nextcontinenttours.com\/zh\/browse-tours\/","title":{"rendered":"\u65c5\u6e38"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5149\" class=\"elementor elementor-5149\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf10be8 e-flex e-con-boxed e-con e-parent\" data-id=\"cf10be8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35b3016 elementor-widget elementor-widget-heading\" data-id=\"35b3016\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-xxl\">Our Tours<\/h1>\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-9e2177f e-flex e-con-boxed e-con e-parent\" data-id=\"9e2177f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b449ccb elementor-widget elementor-widget-heading\" data-id=\"b449ccb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Browse Our Tours<\/h2>\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-7f9e9c7 e-flex e-con-boxed e-con e-parent\" data-id=\"7f9e9c7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2081588 elementor-widget elementor-widget-shortcode\" data-id=\"2081588\" data-element_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\">\n        <style>\n          .filter-loader {\n            position: absolute;\n            background: rgba(255, 255, 255, 1);\n            z-index: 9;\n            left: -15px;\n            top: 0;\n            height: 100%;\n            width: 100%;\n            display: none;\n            text-align: center;\n            align-items: center;\n            justify-content: center;\n            font-size: 45px;\n            color: #6ec1e4;\n            padding-top: 0%;\n          }\n\n          .filter-loader.active {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n\n        <\/style>\n        <div id=\"itlItemFilter\" v-cloak=\"\">\n            <div class=\"filter-loader active\"><i class=\"fa fa-spin fa-spinner\"><\/i><\/div>\n            <div class=\"filter-wrapper\" style=\"display: flex;\">\n                <div class=\"col-md-3\">\n                    <div class=\"accordion\" id=\"accordionExample\">\n\n                        <div class=\"card\">\n                            <div class=\"card-header\" id=\"headingOne\">\n                                <h2 class=\"mb-0\">\n                                    <button class=\"btn btn-link btn-block text-left collapsed\" type=\"button\"\n                                            data-toggle=\"collapse\" data-target=\"#collapseOne\"\n                                            aria-expanded=\"true\" aria-controls=\"collapseOne\">\n                                        Tour Locations\n                                        <span class=\"icon\"><i class=\"fa fa-angle-down\"><\/i><\/span>\n                                    <\/button>\n                                <\/h2>\n                            <\/div>\n\n                            <div id=\"collapseOne\" class=\"collapse\"\n                                 aria-labelledby=\"headingOne\">\n                                <div class=\"card-body\">\n                                    <div v-for=\"(location, indx) in allLocations\" :key=\"indx\">\n                                        <!-- Parent Location Checkbox -->\n                                        <div class=\"custom-control custom-checkbox\">\n                                            <input @change=\"getTaxonomy($event, location.name, 'location')\"\n                                                   type=\"checkbox\"\n                                                   :checked=\"selectedLocations.includes(location.name)\"\n                                                   class=\"custom-control-input\" :id=\"location.slug+'-'+indx\">\n                                            <label class=\"custom-control-label\" :for=\"location.slug+'-'+indx\">{{ location.name }}<\/label>\n                                        <\/div>\n\n                                        <!-- Sub-Categories (Nested Locations) -->\n                                        <div v-if=\"location.subCategories.length > 0\" class=\"ml-4\">\n                                            <div v-for=\"(subLocation, subIndx) in location.subCategories\" :key=\"subIndx\" class=\"custom-control custom-checkbox\">\n                                                <input\n                                                    @change=\"getTaxonomy($event, subLocation.name, 'location')\"\n                                                    type=\"checkbox\"\n                                                    :checked=\"selectedLocations.includes(subLocation.name)\"\n                                                    class=\"custom-control-input\"\n                                                    :id=\"subLocation.slug+'-'+subIndx\">\n                                                <label class=\"custom-control-label\" :for=\"subLocation.slug+'-'+subIndx\">{{ subLocation.name }}<\/label>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card\">\n                            <div class=\"card-header\" id=\"headingSix\">\n                                <h2 class=\"mb-0\">\n                                    <button class=\"btn btn-link btn-block text-left\" type=\"button\"\n                                            data-toggle=\"collapse\" data-target=\"#collapseSix\"\n                                            aria-expanded=\"true\" aria-controls=\"collapseSix\">\n                                        Tour Categories\n                                        <span class=\"icon\"><i class=\"fa fa-angle-down\"><\/i><\/span>\n                                    <\/button>\n                                <\/h2>\n                            <\/div>\n                            <div id=\"collapseSix\" class=\"collapse\"\n                                 :class=\"selectedCategories.length > 0 ? 'show':''\"\n                                 aria-labelledby=\"headingSix\">\n                                <div class=\"card-body\">\n                                    <div v-for=\"(category,indx) in allCategories\" :key=\"indx\" class=\"custom-control custom-checkbox\">\n                                        <input @change=\"getTaxonomy($event,category.slug,'category')\"\n                                               type=\"checkbox\" class=\"custom-control-input\"\n                                               :checked=\"selectedCategories.includes(category.slug)\"\n                                               :id=\"category.slug+'-'+indx\">\n                                        <label class=\"custom-control-label\" :for=\"category.slug+'-'+indx\">{{ category.name }}<\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card\">\n                            <div class=\"card-header\" id=\"headingTwo\">\n                                <h2 class=\"mb-0\">\n                                    <button class=\"btn btn-link btn-block text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseTwo\"\n                                            aria-expanded=\"true\" aria-controls=\"collapseTwo\">\n                                        Tour Types\n                                        <span class=\"icon\"><i class=\"fa fa-angle-down\"><\/i><\/span>\n                                    <\/button>\n                                <\/h2>\n                            <\/div>\n                            <div id=\"collapseTwo\"\n                                 class=\"collapse\"\n                                 :class=\"selectedTypes.length > 0 ? 'show':''\"\n                                 aria-labelledby=\"headingTwo\">\n                                <div class=\"card-body\">\n                                    <div v-for=\"(type,indx) in allTypes\" :key=\"indx\" class=\"custom-control custom-checkbox\">\n                                        <input @change=\"getTaxonomy($event,type.name,'type')\"\n                                               type=\"checkbox\" class=\"custom-control-input\"\n                                               :checked=\"selectedTypes.includes(type.name)\"\n                                               :id=\"type.slug+'-'+indx\">\n                                        <label class=\"custom-control-label\" :for=\"type.slug+'-'+indx\">{{ type.name }}<\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#\" @click=\"clearFilter($event)\" class=\"clear-filter-btn\">Clear Filter<\/a>\n                <\/div>\n                <div class=\"col-md-9\">\n                    <div class=\"filtered-items-wrapper\">\n                        <a :href=\"post.url\" v-for=\"(post,index) in slicedPosts\" :key=\"index\" class=\"item\">\n                            <div class=\"content-wrapper\">\n                                <div class=\"item-img\">\n                                    <img :src=\"post.image\" alt=\"\">\n                                <\/div>\n                                <div class=\"body-content\">\n                                    <h5>{{post.title}}<\/h5>\n                                    <p>{{post.description}}<\/p>\n                                    <p v-if=\"post.tourDate\" class=\"d-flex justify-content-between align-items-center mb-0\"><span>Tour Dates:<\/span><span>{{post.tourDate}}<\/span><\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n\n                        <div v-if=\"slicedPosts.length == 0\" class=\"not-found\">\n                            <h3>No result found!<\/h3>\n                        <\/div>\n\n                        <div class=\"more-item-loader\"><i class=\"fa fa-spin fa-spinner\"><\/i><\/div>\n                    <\/div>\n                    <div class=\"vue-pagination\">\n                        <span v-if=\"current > 1\" @click=\"prevPage()\">Prev<\/span>\n                        <span v-for=\"count in pagination\" @click=\"setCurrentPage(count,$event)\"\n                              v-if=\"shouldPageShow(count) && pagination > 1\"\n                              :class=\" count == current ? 'active' : ''\">{{getCount(count)}}<\/span>\n                        <span v-if=\"pagination > 1\" @click=\"nextPage()\">Next<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\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-82edfd6 e-flex e-con-boxed e-con e-parent\" data-id=\"82edfd6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e4a8c0 elementor-widget elementor-widget-spacer\" data-id=\"9e4a8c0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Our Tours Browse Our Tours<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"tour_categories":[],"tour_location":[],"tour_type":[],"class_list":["post-5149","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/pages\/5149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/comments?post=5149"}],"version-history":[{"count":22,"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/pages\/5149\/revisions"}],"predecessor-version":[{"id":28547,"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/pages\/5149\/revisions\/28547"}],"wp:attachment":[{"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/media?parent=5149"}],"wp:term":[{"taxonomy":"tour_categories","embeddable":true,"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/tour_categories?post=5149"},{"taxonomy":"tour_location","embeddable":true,"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/tour_location?post=5149"},{"taxonomy":"tour_type","embeddable":true,"href":"https:\/\/nextcontinenttours.com\/zh\/wp-json\/wp\/v2\/tour_type?post=5149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}