{"id":131935,"date":"2024-10-17T20:04:46","date_gmt":"2024-10-17T20:04:46","guid":{"rendered":"https:\/\/dev2.cityexperiences.com\/?page_id=131935"},"modified":"2024-10-18T19:29:41","modified_gmt":"2024-10-18T19:29:41","slug":"explore-the-agave-trail","status":"publish","type":"page","link":"https:\/\/dev2.cityexperiences.com\/san-francisco\/city-cruises\/alcatraz\/programs-and-events\/explore-the-agave-trail\/","title":{"rendered":"Explore the Agave Trail &#8211; Alcatraz Cruises"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column]<div class=\"hbg-block-content hbchuq08zp5m0e91is6  collapse show  \" aria-expanded=\"true\" id=\"hbchuq08zp5lkf62sad\" data-parent=\" \" >\n\t\t\n\t\n\n    <div class=\"module-wrapper min-height-450px has-background-image  \" style=\"background-image: url('https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/Agave-Trail.png');\">\n\t\t\t\t\n        \t\t        \t\t\t\t<div class=\"module-inner-wrapper full-div-height flex-center-center\">\n\t\t\t\t\t\t        \t            \t\t\t<div class=\"module-header \">\n\t\t\t\t\n\t\n\n\n\n\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"module-content \">\n\t                \t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t    <\/div>\n\t\n<\/div>\n\n<script language=\"javascript\">\n(function($) {\n    jQuery(document).ready(function() {\n\t\tvar tbJSON = \"{\\\"settings\\\":{\\\"module_wrapper_use_background_image\\\":true,\\\"additional_module_wrapper_class\\\":\\\"min-height-450px\\\",\\\"additional_module_inner_wrapper_class\\\":\\\"full-div-height flex-center-center\\\",\\\"title_class\\\":\\\"text-white header-hero-title\\\",\\\"modal_size\\\":\\\"modal-xl\\\",\\\"cta_btn_group\\\":\\\"\\\",\\\"is_sc_redeem_sdk\\\":false,\\\"sc_redeem_sdk_prop\\\":{\\\"property_id\\\":\\\"\\\",\\\"booking_type_id\\\":0},\\\"has_redeem_code\\\":false,\\\"has_voucher_pin_code\\\":false,\\\"redeem_property\\\":{\\\"title_type\\\":\\\"h3\\\",\\\"title_text\\\":\\\"Enter Your Code:\\\",\\\"data_target\\\":\\\"hbCommerceSDK\\\"},\\\"coupon_redeem_property\\\":{\\\"title_type\\\":\\\"h3\\\",\\\"title_text\\\":\\\"Enter Your Code:\\\",\\\"data_target\\\":\\\"hbCommerceSDK\\\"},\\\"slick_autoplay_flag\\\":false,\\\"slick_autoplay_duration\\\":2000,\\\"use_unminify\\\":false,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"use_background_image\\\":true,\\\"background_image\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/assets.cityexperiences.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Agave-Trail.png\\\",\\\"img_width\\\":\\\"972\\\",\\\"img_height\\\":\\\"488\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"Agave Trail\\\",\\\"img_alt\\\":\\\"Agave Trail with the view of San Francisco and the bay in the background\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"hbchuq08zp5lkf62sad\\\",\\\"element_name\\\":\\\"hbchuq08zp5m0e91is6\\\",\\\"show_title\\\":false,\\\"title_type\\\":\\\"h2\\\",\\\"title\\\":\\\"\\\",\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"show_content\\\":false,\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/assets.cityexperiences.com\\\",\\\"content\\\":\\\"\\\",\\\"element_first\\\":\\\"hbchuq08zp5m0e91is6\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"show_image_before_heading\\\":false,\\\"show_image_before_content\\\":false,\\\"show_image_after_content\\\":false,\\\"image_before_heading\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"image_before_content\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"image_after_content\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"cta_link\\\":\\\"\\\",\\\"image_list\\\":[],\\\"env_mode\\\":\\\"live\\\",\\\"all_listing\\\":[]}\".replace(\/\\n\/g, \"\");\n\t\tvar myObj = JSON.parse(tbJSON);\n\t\taddOnClickAnchor(myObj.element_id);\n\t\t$('.hbg-block-content.' + myObj.element_first + ' .on-click-action').on('click', function(e) {\n\t\t\tvar actionType = $(this).attr('action-type');\n\t\t\tif(actionType === 'copy-module-content-to-place-holder') {\n\t\t\t\tvar content = $('.hbg-block-content.' + myObj.element_first + ' .module-content').html();\n\t\t\t\tvar targetId = $(this).attr('target-id');\n\t\t\t\tvar groupId = $(this).attr('group-action');\n\t\t\t\tvar alreadyActive = $(this).hasClass('active');\n\t\t\t\t$('[group-action=\"'+groupId+'\"]').removeClass('active');\n\t\t\t\tif($('#'+targetId).length) {\n\t\t\t\t\tif(alreadyActive) {\n\t\t\t\t\t\t$('#'+targetId).html('');\n\t\t\t\t\t\t$(this).removeClass('active');\n\t\t\t\t\t} else {\n\t\t\t\t\t\t$('#'+targetId).html(content);\n\t\t\t\t\t\t$(this).addClass('active');\n\t\t\t\t\t\taddOnClickAnchor(targetId);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tif(myObj.settings.on_click_action_is_default_clicked === true) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .on-click-action').click();\n\t\t}\t});\n})(jQuery);\n<\/script>[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"hbg-find-a-tour hbchuq0m7rf6gfm6m9a   collapse show \" aria-expanded=\"true\" id=\"hbchuq0m7rf60a50zc\" >\n    <div class=\"module-wrapper  \" >\n        \t\t\t\t<div class=\"module-inner-wrapper \">\n\t\t\t\t\t\t        \t            \t\t\t\t\t\t<div class=\"module-header   \" >\n\t\t\t\t\n\t\n\n\n\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<form method=\"get\" action=\"\" id=\"find_a_cruise_home_ac\">\n\t<div class=\"find-a-cruise-home_ac\">\n\t\t<div class=\"content row\">\n\t\t\t<span class=\"col-sm-4 col-xs-12 ginput_container_select mui-select tour-options\" tabindex=\"0\">\n\t\t\t\t<label for=\"destination-mobile\">Tour Option<\/label>\n\t\t\t\t<select name=\"destination\" id=\"destination-mobile\" tabindex=\"-1\">\n\t\t\t\t\t<option value=\"\/san-francisco\/city-cruises\/alcatraz\/tour-options\/alcatraz-day-tour\/\">Day Tour<\/option>\n\t\t\t\t\t<option value=\"\/san-francisco\/city-cruises\/alcatraz\/tour-options\/alcatraz-park-cruise\/\">Bay Discovery Cruise<\/option>\n\t\t\t\t\t<option value=\"\/san-francisco\/city-cruises\/alcatraz\/tour-options\/alcatraz-night-tour\/\">Night Tour<\/option>\n\t\t\t\t\t<option value=\"\/san-francisco\/city-cruises\/alcatraz\/tour-options\/alcatraz-behind-the-scenes-tour\/\">Behind The Scenes Tour<\/option>\n\t\t\t\t<\/select>\n\t\t\t<\/span>\n\t\t\t<span class=\"col-sm-4 col-xs-12 tour-date mui-select\">\n\t\t\t\t<label for=\"datepicker-cruise-mobile\">Date<\/label>\n\t\t\t\t<div class=\"select-cruise-date\">\n\t\t\t\t\t<input class=\"form-control\" value=\"\" name=\"datepicker-cruise\" type=\"text\" id=\"datepicker-cruise-mobile\" placeholder=\"mm\/dd\/yyyy\" readonly=\"\">\n\t\t\t\t<\/div>\n\t\t\t<\/span>\n\t\t\t<span class=\"col-sm-4 col-xs-12 tour-search mui-select text-center\">\n\t\t\t\t<button type=\"submit\" class=\"btn btn-primary\">Search Now <span class=\"fa fa-search\" aria-hidden=\"true\"><\/span><\/button>\n\t\t\t\t<div class=\"manage-your-booking\" style=\"padding-top: 12px;\"><a href=\"\/account\/\">Manage Your Booking<\/a><\/div>\n\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n<\/form>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t    <\/div>\n<\/div>\n<script language=\"javascript\">\n(function($) {\n    jQuery(document).ready(function() {\n\t\t\n\t\tvar tbJSON = \"{\\\"element_id\\\":\\\"hbchuq0m7rf60a50zc\\\",\\\"element_name\\\":\\\"hbchuq0m7rf6gfm6m9a\\\",\\\"dropdown_property\\\":\\\"Alcatraz\\\",\\\"show_title\\\":false,\\\"default_city\\\":\\\"\\\",\\\"start_with_open\\\":true,\\\"settings\\\":{\\\"partial_template\\\":\\\"hbg_find_a_tour_ac.txt\\\",\\\"hb_module_name\\\":\\\"hbg-find-a-tour\\\",\\\"show_find_a_tour_title\\\":true,\\\"use_geolocation\\\":false,\\\"dateformat\\\":\\\"MM\\\/DD\\\/YYYY\\\",\\\"is_uk_date\\\":false},\\\"destinations\\\":[]}\".replace(\/\\n\/g, \"\");\n\t\tvar myObj = JSON.parse(tbJSON);\n\t\tconsole.log('find-a-tour-myObj',myObj);\n\t\tvar thisIsOnlyTest = getUrlParam('test','') === '1';\n\t\t\/\/thisIsOnlyTest = true;\n\t\t\n\t\tvar selectedDateRangeVal = decodeURIComponent(getUrlParam('datepicker-range-cruise', ''));\n\t\tvar hasDateRange = selectedDateRangeVal.length;\n\t\tvar dateRange = selectedDateRangeVal.split(' - ');\n\t\tmyObj.startDate = dateRange[0] === '' ? getTodayDateOrUrlParam('date','YYYYMMDD') : dateRange[0];\n\t\tmyObj.endDate = dateRange[1] || getTodayDateOrUrlParam('nodate');\n\t\t\/\/console.log('dateRange',dateRange);\n\t\t\/\/myObj.settings.is_uk_date = true;\n\t\t\/\/console.log('myObjmyObj', myObj);\n\t\t\n\t\tfunction prepFindTourForm(myObj) {\n\t\t\t\/*if(myObj.settings.is_uk_date) {\n\t\t\t\tmyObj.startDate = convertToUKdate(myObj.startDate);\n\t\t\t\tmyObj.endDate = convertToUKdate(myObj.endDate);\n\t\t\t\tmyObj.settings.dateformat = 'DD\/MM\/YYYY';\n\t\t\t} else {\n\t\t\t\tmyObj.settings.dateformat = 'MM\/DD\/YYYY';\n\t\t\t}*\/\n\t\t\tmyObj.settings.dateformat = 'DD MMM YYYY';\n\t\t\tvar thisDate = myObj.startDate.substring(6,8) + ' ' + month3Str[myObj.startDate.substring(4,6)] + ' ' + myObj.startDate.substring(0,4);;\n\t\t\t\/\/myObj.startDate = thisDate.substring(6,8) + ' ' + month3Str[thisDate.substring(4,6)] + ' ' + thisDate.substring(0,4);\n\t\t\t\/\/console.log('startDate1',myObj.startDate);\n\t\t\t\/\/console.log('endDate1',myObj.endDate);\n\n\t\t\t$('#datepicker-cruise-mobile').daterangepicker({\n\t\t\t\tsingleDatePicker: true,\n\t\t\t\tstartDate: thisDate,\n\t\t\t\tautoApply: true,\n\t\t\t\tlocale: {\n\t\t\t\t\tformat: myObj.settings.dateformat,\n\t\t\t\t},\n\t\t\t}, function(start, end, label) {\n\t\t\t\tmyObj.startDate = start.format('YYYYMMDD');\n\t\t\t\tconsole.log('myObj.startDate',myObj.startDate);\n\t\t\t});\n\n\t\t\t$('#datepicker-range-cruise-mobile').daterangepicker({\n\t\t\t\tmaxSpan: {\n\t\t\t\t\tdays: 7\n\t\t\t\t},\n\t\t\t\tstartDate: myObj.startDate,\n\t\t\t\tendDate: myObj.endDate,\n\t\t\t\tautoApply: true,\n\t\t\t\tlocale: {\n\t\t\t\t\tformat: myObj.settings.dateformat,\n\t\t\t\t},\n\t\t\t}, function(start, end, label) {\n\t\t\t});\t\t\n\n\t\t\tif(myObj.dropdown_property === 'Statue') {\n\t\t\t\tvar qtyObj = $('input#quantity');\n\t\t\t\tvar curQty = qtyObj.val();\n\t\t\t\t\/\/console.log('qtyObj',qtyObj);\n\t\t\t\tjQuery('#destination-mobile').val(decodeURIComponent(getUrlParam('destination','Reserve Ticket')).replace(\/\\+\/g, ' '));\n\t\t\t\t$('button.quantity-minus').on('click', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif(curQty > 1) { curQty--; }\n\t\t\t\t\tqtyObj.val(curQty);\n\t\t\t\t\tif(curQty === 1) {\n\t\t\t\t\t\t$('button.quantity-minus').addClass('disabled');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t$('button.quantity-plus').on('click', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tcurQty++;\n\t\t\t\t\tqtyObj.val(curQty);\n\t\t\t\t\t$('button.quantity-minus').removeClass('disabled');\n\t\t\t\t});\n\t\t\t\t$('form#find_a_cruise_home_sc').on('submit', function(e) {\n\t\t\t\t\tvar dateVal = $('input#datepicker-cruise-mobile').val() || '';\n\t\t\t\t\tvar formVal = $('form#find_a_cruise_home_sc').attr('action');\n\t\t\t\t\tvar destinationVal = $('select#destination-mobile').val();\n\t\t\t\t\tlocation.href = formVal + '?destination='+destinationVal+'&date='+myObj.startDate;\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t}\n\t\t\t\/*if(myObj.dropdown_property === 'Alcatraz') {\n\t\t\t\t$('form#find_a_cruise_home_ac').on('submit', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvar destinationVal = $('select#destination-mobile').val();\n\t\t\t\t\tvar dateVal = $('input#datepicker-cruise-mobile').val();\n\t\t\t\t\tif(dateVal.length > 0) {\n\t\t\t\t\t\tlocation.href = destinationVal + '?date='+dateVal;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}*\/\n            if (myObj.dropdown_property === 'Alcatraz') {\n                $('form#find_a_cruise_home_ac').on('submit', function(e) {\n                    e.preventDefault();\n                    var destinationVal = $('select#destination-mobile').val();\n                    var dateVal = $('input#datepicker-cruise-mobile').val();\n\n                    if (dateVal.length > 0) {\n                        \/\/ Convert DD MMM YYYY to MM\/DD\/YYYY\n                        var formattedDate = new Date(dateVal).toLocaleDateString('en-US');\n\n                        location.href = destinationVal + '?date=' + formattedDate;\n                    }\n                });\n            }\n\t\t\tif(myObj.dropdown_property === 'PRC') {\n\t\t\t\t$('form#find_a_cruise_home_prc').on('submit', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvar destinationVal = $('select#destination-mobile').val();\n\t\t\t\t\tvar dateVal = $('input#datepicker-cruise-mobile').val();\n\t\t\t\t\tif(dateVal.length > 0) {\n\t\t\t\t\t\tlocation.href = destinationVal + '?date='+dateVal;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t\tif(myObj.dropdown_property === 'GAN') {\n\t\t\t\t$('form#find_a_cruise_home-gan').on('submit', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvar destinationVal = $('select#destination-mobile').val();\n\t\t\t\t\tvar dateVal = $('input#datepicker-cruise-mobile').val();\n\t\t\t\t\tif(dateVal.length > 0) {\n\t\t\t\t\t\tlocation.href = destinationVal + '?datepicker-cruise='+dateVal;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t\tif(myObj.dropdown_property === 'CityCruises') {\n\t\t\t\t\/\/$('select#destination-mobile option[data=\"'+myObj.default_city+'\"]').prop('selected', true);\n\t\t\t\tif(myObj.settings.use_geolocation) {\n\t\t\t\t\t$.get( 'https:\/\/my.hornblower.com\/api\/nearbyCities?' + Math.random() + overrideLatLonForNearbyCity(), function( portList ) {\n\t\t\t\t\t\tvar foundIt = false;\n\t\t\t\t\t\tfor(var i = 0; i < portList.length; i++ ) {\n\t\t\t\t\t\t\tvar optionObj = jQuery('select#destination-mobile option[data-city=\"'+portList[i].city+'\"]');\n\t\t\t\t\t\t\tfoundIt = optionObj.length > 0;\n\t\t\t\t\t\t\tif(foundIt) {\n\t\t\t\t\t\t\t\t\/\/console.log('optionObj', optionObj);\n\t\t\t\t\t\t\t\t\/\/console.log('optionObj', optionObj.val());\n\t\t\t\t\t\t\t\tjQuery('select#destination-mobile').val(optionObj.val());\n\t\t\t\t\t\t\t\ti = portList.length;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\n\t\t\t\t$('form#find_a_cruise_home_cc').on('submit', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvar destinationVal = $('select#destination-mobile').val();\n\t\t\t\t\tvar destinationParam = $('option:selected', this).attr('data-city');;\n\t\t\t\t\tvar dateRangeVal = $('input#datepicker-range-cruise-mobile').val() || '';\n\t\t\t\t\tvar dateVal = $('input#datepicker-cruise-mobile').val() || '';\n\t\t\t\t\t\/\/console.log('dateVal',dateVal);\n\t\t\t\t\t\/\/console.log('destinationVal',destinationVal);\n\t\t\t\t\tif(dateRangeVal.length > 0) {\n\t\t\t\t\t\t\/\/console.log('dateRangeVal', dateRangeVal);\n\t\t\t\t\t\tif(myObj.settings.is_uk_date) {\n\t\t\t\t\t\t\tvar tmpRange = dateRangeVal.split(' - ');\n\t\t\t\t\t\t\tdateRangeVal = convertUKToUSdate(tmpRange[0]) + ' - ' + convertUKToUSdate(tmpRange[1]);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\/\/console.log('tmpRange',tmpRange);\n\t\t\t\t\t\t\/\/console.log('dateRangeVal', dateRangeVal);\n\t\t\t\t\t\tlocation.href = destinationVal + '?destination='+destinationParam+'&datepicker-range-cruise='+dateRangeVal;\n\t\t\t\t\t}\n\t\t\t\t\tif(dateVal.length > 0) {\n\t\t\t\t\t\tlocation.href = destinationVal + '?destination='+destinationParam+'&datepicker-cruise='+(myObj.settings.is_uk_date ? convertUKToUSdate(dateVal) : dateVal);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\t\t\n\t\t}\n\t\t\n\t\t\n\t\tif( myObj.settings.use_geolocation ) {\n\t\t\t\/\/console.log('not-allowed-blocked-yet');\n\t\t\t$.get( 'https:\/\/my.hornblower.com\/api\/nearbyCities?' + Math.random() + overrideLatLonForNearbyCity(), function( portList ) {\n\t\t\t\tconsole.log('finding out');\n\t\t\t\tvar geoData = determineGeoRegion(portList);\n\t\t\t\tmyObj.settings.is_uk_date = geoData.is_uk_region;\n\t\t\t\t\/\/console.log('geoData', geoData);\n\t\t\t\tprepFindTourForm(myObj);\n\t\t\t\t\/*if( (window.location.pathname === '\/' || window.location.pathname === '\/city-cruises\/') && geoData.is_uk_region) {\n\t\t\t\t\tif(geoData.closest_prop_id === 'hbyork') {\n\t\t\t\t\t\tlocation.href = '\/york\/city-cruises\/';\n\t\t\t\t\t} else if(geoData.closest_prop_id === 'hbpoole') {\n\t\t\t\t\t\tlocation.href = '\/poole\/city-cruises\/';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlocation.href = '\/london\/city-cruises\/';\n\t\t\t\t\t}\n\t\t\t\t}*\/\n\t\t\t});\n\t\t} else {\n\t\t\t\/\/console.log('not-geo-location');\n\t\t\tprepFindTourForm(myObj);\n\t\t\t\t\/*if( (window.location.pathname === '\/' || window.location.pathname === '\/city-cruises\/') && geoData.is_uk_region) {\n\t\t\t\t\tif(geoData.closest_prop_id === 'hbyork') {\n\t\t\t\t\t\tlocation.href = '\/york\/city-cruises\/';\n\t\t\t\t\t} else if(geoData.closest_prop_id === 'hbpoole') {\n\t\t\t\t\t\tlocation.href = '\/poole\/city-cruises\/';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlocation.href = '\/london\/city-cruises\/';\n\t\t\t\t\t}\n\t\t\t\t}*\/\n\t\t}\n\n\n\t\t\t\t\n\t});\n})(jQuery);\n<\/script>[vc_empty_space]<div class=\"hbg-block-content hbchuq0shhj0e8iyv  collapse show  \" aria-expanded=\"true\" id=\"hbchuq0shhizz1mvhvi\" data-parent=\" \" >\n\t\t\n\t\n\n    <div class=\"module-wrapper    \" >\n\t\t\t\t\n        \t\t        \t\t\t\t<div class=\"module-inner-wrapper \">\n\t\t\t\t\t\t        \t            \t\t\t<div class=\"module-header \">\n\t\t\t\t\n<h1 class=\"title \">Explore the Agave Trail<\/h1>\t\n\n\n\n\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"module-content \">\n\t        <div class=\"content \">\n\tWrapping around the southern edge of the island,\u00a0this 0.6-mile, easy walking trail features plenty of spiky succulent namesake (planted to slow erosion and serve as a verdant fence), and breathtaking views of the San Francisco skyline. This trail offers a chance to take a walk on the wild side, see birds, tidepools and stunning views of the Golden Gate Bridge.<\/p>\n<p>This trail heads South from the islands dock and leads you around the southern end of the island, before climbing onto the historic Parade Ground. The agave or century plants found along this trail were planted by the U.S. Army. The rubble piles you see here were once Apartments that housed Correctional Officers and their families. These buildings were torn down by the General Services Administration following the Indiand Occupation. Today, the Parade Ground is home to the largest colony of nesting Western Gulls in the San Francisco Bay Area. Black Crowned Night Herons, Snowy Egrets and Great Blue Herons all can be found roosting amidst the rubble piles.<\/p>\n<p>*Note: This trail is only open outside of these birds nesting season. It typically opens in late October and closes with the return of the birds in mid January.\t<\/div>\n                \t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t    <\/div>\n\t\n<\/div>\n\n<script language=\"javascript\">\n(function($) {\n    jQuery(document).ready(function() {\n\t\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"Explore the Agave Trail\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h1\\\",\\\"title\\\":\\\"Explore the Agave Trail\\\",\\\"show_sub_title\\\":false,\\\"background_image\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/assets.cityexperiences.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/20231212_143617.jpg\\\",\\\"img_width\\\":\\\"1200\\\",\\\"img_height\\\":\\\"900\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"Agave Trail\\\",\\\"img_alt\\\":\\\"Agave Trail\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"hbchuq0shhizz1mvhvi\\\",\\\"element_name\\\":\\\"hbchuq0shhj0e8iyv\\\",\\\"show_content\\\":true,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/assets.cityexperiences.com\\\",\\\"content\\\":\\\"Wrapping around the southern edge of the island,&nbsp;this 0.6-mile, easy walking trail features plenty of spiky succulent namesake (planted to slow erosion and serve as a verdant fence), and breathtaking views of the San Francisco skyline. This trail offers a chance to take a walk on the wild side, see birds, tidepools and stunning views of the Golden Gate Bridge.&lt;\\\/p&gt;\\n&lt;p&gt;This trail heads South from the islands dock and leads you around the southern end of the island, before climbing onto the historic Parade Ground. The agave or century plants found along this trail were planted by the U.S. Army. The rubble piles you see here were once Apartments that housed Correctional Officers and their families. These buildings were torn down by the General Services Administration following the Indiand Occupation. Today, the Parade Ground is home to the largest colony of nesting Western Gulls in the San Francisco Bay Area. Black Crowned Night Herons, Snowy Egrets and Great Blue Herons all can be found roosting amidst the rubble piles.&lt;\\\/p&gt;\\n&lt;p&gt;*Note: This trail is only open outside of these birds nesting season. It typically opens in late October and closes with the return of the birds in mid January.\\\",\\\"element_first\\\":\\\"hbchuq0shhj0e8iyv\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"use_background_image\\\":false,\\\"show_image_before_heading\\\":false,\\\"show_image_before_content\\\":false,\\\"show_image_after_content\\\":false,\\\"image_before_heading\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"image_before_content\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"image_after_content\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"cta_link\\\":\\\"\\\",\\\"image_list\\\":[],\\\"env_mode\\\":\\\"live\\\",\\\"all_listing\\\":[],\\\"settings\\\":{\\\"modal_size\\\":\\\"modal-xl\\\",\\\"cta_btn_group\\\":\\\"\\\",\\\"is_sc_redeem_sdk\\\":false,\\\"sc_redeem_sdk_prop\\\":{\\\"property_id\\\":\\\"\\\",\\\"booking_type_id\\\":0},\\\"has_redeem_code\\\":false,\\\"has_voucher_pin_code\\\":false,\\\"redeem_property\\\":{\\\"title_type\\\":\\\"h3\\\",\\\"title_text\\\":\\\"Enter Your Code:\\\",\\\"data_target\\\":\\\"hbCommerceSDK\\\"},\\\"coupon_redeem_property\\\":{\\\"title_type\\\":\\\"h3\\\",\\\"title_text\\\":\\\"Enter Your Code:\\\",\\\"data_target\\\":\\\"hbCommerceSDK\\\"},\\\"slick_autoplay_flag\\\":false,\\\"slick_autoplay_duration\\\":2000,\\\"use_unminify\\\":false,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false}}\".replace(\/\\n\/g, \"\");\n\t\tvar myObj = JSON.parse(tbJSON);\n\t\taddOnClickAnchor(myObj.element_id);\n\t\t$('.hbg-block-content.' + myObj.element_first + ' .on-click-action').on('click', function(e) {\n\t\t\tvar actionType = $(this).attr('action-type');\n\t\t\tif(actionType === 'copy-module-content-to-place-holder') {\n\t\t\t\tvar content = $('.hbg-block-content.' + myObj.element_first + ' .module-content').html();\n\t\t\t\tvar targetId = $(this).attr('target-id');\n\t\t\t\tvar groupId = $(this).attr('group-action');\n\t\t\t\tvar alreadyActive = $(this).hasClass('active');\n\t\t\t\t$('[group-action=\"'+groupId+'\"]').removeClass('active');\n\t\t\t\tif($('#'+targetId).length) {\n\t\t\t\t\tif(alreadyActive) {\n\t\t\t\t\t\t$('#'+targetId).html('');\n\t\t\t\t\t\t$(this).removeClass('active');\n\t\t\t\t\t} else {\n\t\t\t\t\t\t$('#'+targetId).html(content);\n\t\t\t\t\t\t$(this).addClass('active');\n\t\t\t\t\t\taddOnClickAnchor(targetId);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tif(myObj.settings.on_click_action_is_default_clicked === true) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .on-click-action').click();\n\t\t}\t});\n})(jQuery);\n<\/script>[vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column]\n<div class=\"hbg-generic-listing   hbchuq0zewi4maxto2t collapse show\" aria-expanded=\"true\" id=\"hbchuq0zewi4766depq\"> <div class=\"module-wrapper  \" > <div class=\"module-inner-wrapper \"><div class=\"module-header \">\n\t\n\n\n\n\n<\/div>\n<div class=\"generic-listing-wrapper group-event-hero\">\n\n\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"generic-listing-item-wrapper \">\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img-wrap  \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/20220111_132639.jpg\" alt=\"\" class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"generic-item-info-outer-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"generic-item-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"generic-listing-item-wrapper \">\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img-wrap  \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/20220111_133831.jpg\" alt=\"\" class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"generic-item-info-outer-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"generic-item-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"generic-listing-item-wrapper \">\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img-wrap  \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/20231212_143050.jpg\" alt=\"\" class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"generic-item-info-outer-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"generic-item-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"generic-listing-item-wrapper \">\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img-wrap  \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/20231212_143617.jpg\" alt=\"\" class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"generic-item-info-outer-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"generic-item-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"generic-listing-item-wrapper \">\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img-wrap  \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/Agave-Trail.png\" alt=\"\" class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"generic-item-info-outer-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"generic-item-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"generic-listing-item-wrapper \">\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img-wrap  \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/IMG_0786-scaled.jpg\" alt=\"\" class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"generic-item-info-outer-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"generic-item-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"generic-listing-item-wrapper \">\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img-wrap  \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/assets.cityexperiences.com\/wp-content\/uploads\/2024\/10\/IMG_0792-scaled.jpg\" alt=\"\" class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"generic-item-info-outer-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"generic-item-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\n\t\n<\/div>\n\n\n<\/div><\/div><\/div>\n\n<script language=\"javascript\">\n(function($) {\n    jQuery(document).ready(function() {\n\t\n\t\tvar tbJSON = \"{\\\"settings\\\":{\\\"generic_listing_use_slick\\\":true,\\\"show_generic_listing_image\\\":true,\\\"is_custom_list\\\":true,\\\"custom_list_template\\\":\\\"hbg_sub_generic_list_20.txt\\\",\\\"slick_class_name\\\":\\\"group-event-hero\\\",\\\"additional_generic_listing_wrapper\\\":\\\"group-event-hero\\\",\\\"slick_props\\\":{\\\"centerMode\\\":true,\\\"centerPadding\\\":\\\"20%\\\",\\\"responsive\\\":[{\\\"breakpoint\\\":768,\\\"settings\\\":{\\\"centerPadding\\\":\\\"20px\\\"}}]},\\\"generic_listing_mode\\\":true,\\\"partial_template\\\":\\\"hbg_sub_generic_list.txt\\\",\\\"hb_module_name\\\":\\\"hbg-generic-listing\\\",\\\"show_load_more_btn\\\":false,\\\"use_unminify\\\":false,\\\"is_faq_schema\\\":false},\\\"element_id\\\":\\\"hbchuq0zewi4766depq\\\",\\\"element_name\\\":\\\"hbchuq0zewi4maxto2t\\\",\\\"show_content\\\":false,\\\"generic_list_json\\\":\\\"\\\",\\\"use_aws_s3_media\\\":true,\\\"show_title\\\":false,\\\"title_type\\\":\\\"h2\\\",\\\"title\\\":\\\"\\\",\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"show_note\\\":false,\\\"note\\\":\\\"\\\",\\\"content\\\":\\\"\\\",\\\"awsAssets_URL\\\":\\\"https:\\\/\\\/assets.cityexperiences.com\\\",\\\"use_background_image\\\":false,\\\"background_image\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"show_image_before_heading\\\":false,\\\"image_before_heading\\\":{\\\"img_src\\\":\\\"\\\",\\\"img_width\\\":0,\\\"img_height\\\":0,\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"add_row_class\\\":\\\"\\\",\\\"item_class\\\":\\\"\\\",\\\"use_random_pick\\\":false,\\\"num_random_pick\\\":0,\\\"listing\\\":[{\\\"image_url\\\":\\\"\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/20220111_132639.jpg\\\"},{\\\"image_url\\\":\\\"\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/20220111_133831.jpg\\\"},{\\\"image_url\\\":\\\"\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/20231212_143050.jpg\\\"},{\\\"image_url\\\":\\\"\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/20231212_143617.jpg\\\"},{\\\"image_url\\\":\\\"\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Agave-Trail.png\\\"},{\\\"image_url\\\":\\\"\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/IMG_0786-scaled.jpg\\\"},{\\\"image_url\\\":\\\"\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/IMG_0792-scaled.jpg\\\"}],\\\"has_filter_list\\\":false,\\\"filter_list\\\":[],\\\"columns_per_row\\\":0,\\\"max_list\\\":7,\\\"image_list\\\":[],\\\"image_listing\\\":[]}\".replace(\/\\n\/g, \"\");\n\t\tvar myObj = JSON.parse(tbJSON);\n\t\t\n\t\t\/\/console.log('Generic-List-myObj', myObj);\n\t\tif(myObj.settings.show_load_more_btn) {\n\t\t\t$('#'+myObj.element_id+' a.load-more-list').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tvar thisCounter = parseInt($(this).attr('data-counter'));\n\t\t\t\tif(thisCounter >= 0) {\t\t\t\t\n\t\t\t\t\tvar nextCounter = $('#'+myObj.element_id+' ul.glisting li').hasClass('hide-'+(thisCounter+1)) ? thisCounter + 1 : 0;\n\t\t\t\t\tconsole.log('nextCounter',nextCounter);\n\t\t\t\t\t$('#'+myObj.element_id+' ul.glisting li.hide-'+nextCounter).removeClass('hide');\n\t\t\t\t\t$(this).attr('data-counter', nextCounter);\n\t\t\t\t\tif(!$('#'+myObj.element_id+' ul.glisting li').hasClass('hide')) {\n\t\t\t\t\t\t$(this).addClass('hide');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\tif(myObj.settings.generic_listing_use_slick) {\n            if (myObj.settings.slick_class_name !== undefined && myObj.settings.slick_class_name !== '') {\n                myObj.slick_props = myObj.settings.slick_props || {};\n\t\t\t\tvar defaultDotsProp = {\n\t\t\t\t\tslidesToShow: 5,\n\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\tcenterPadding: '10px',\n\t\t\t\t\tcenterMode: true,\n\t\t\t\t\tfocusOnSelect: true,\n\t\t\t\t\tarrows: false,\n\t\t\t\t\tasNavFor: '.hbg-generic-listing.' + myObj.element_first + ' .slick-listing',\n\t\t\t\t};\n\t\t\t\tif(myObj.settings.use_slick_custom_nav_for_mobile) {\n\t\t\t\t\tmyObj.slick_props.asNavFor = '.slick-listing-nav.' + myObj.element_name;\n\t\t\t\t}\n\t\t\t\t\n                $('.hbg-generic-listing.'+myObj.element_name+' .'+myObj.settings.slick_class_name).slick( myObj.slick_props );\n\t\t\t\tif(myObj.settings.use_slick_custom_nav_for_mobile) {\n\t\t\t\t\t\/\/console.log('nav-slick', myObj.defaultDotsProp);\n\t\t\t\t\t$('.hbg-generic-listing.' + myObj.element_first + ' .slick-listing-nav').slick( defaultDotsProp );\n\t\t\t\t}\n                \/\/console.log('myObj-generic-listing-slick', myObj);\n            } else {\n                \/\/ THIS IS FOR THE MARKETING TILES - WE JUST ENABLE THE SETTINGS.GENERIC_LISTING_USE_SLICK WITHOUT ANY ADDITIONAL CLASS IN ORDER TO GET THE MARKETING TILES TO USE SLICK ON MOBILE ONLY\n                myObj.slick_props = myObj.settings.slick_props || {};\n                $('.hbg-generic-listing.'+myObj.element_name+' .slick-tiles').slick({\n                    mobileFirst: true,\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                    centerPadding: '15px',\n                    infinite: true,\n                    arrows: false,\n                    dots: true,\n                    responsive: [\n                        {\n                            breakpoint: 736,\n                            settings: 'unslick'\n                        }\n                    ]\n                });\n                \/\/console.log('myObj-generic-listing-slick', myObj);\n            }\n\t\t}\n\t\tif(myObj.settings.is_special_slide_on_screen) {\n\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' .special-slide-nav button.special-slide-nav-btn.prev').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tvar curItem = $('.hbg-generic-listing.'+myObj.element_name+' ul.glisting li.glisting-item.active-section');\n\t\t\t\tvar prevItem = curItem.attr('data-item-prev');\n\t\t\t\tif(prevItem !== '0') {\n\t\t\t\t\tcurItem.removeClass('active-section');\n\t\t\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' ul.glisting li[data-item='+prevItem+']').addClass('active-section');\n\t\t\t\t}\n\t\t\t\t\/\/console.log('prev',prevItem);\n\t\t\t});\n\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' .special-slide-nav button.special-slide-nav-btn.next').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tvar curItem = $('.hbg-generic-listing.'+myObj.element_name+' ul.glisting li.glisting-item.active-section');\n\t\t\t\tvar nextItem = curItem.attr('data-item-next');\n\t\t\t\tif(nextItem !== '0') {\n\t\t\t\t\tcurItem.removeClass('active-section');\n\t\t\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' ul.glisting li[data-item='+nextItem+']').addClass('active-section');\n\t\t\t\t}\n\t\t\t\t\/\/console.log('next',nextItem)\n\t\t\t});\n\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' .special-slide-nav button.special-slide-nav-btn-mobile.prev').on('click', function(e) {\n\t\t\t\tvar wrapperObj = $('.hbg-generic-listing.'+myObj.element_name+' .listing-wrapper-inner');\n\t\t\t\tvar listObj = $('.hbg-generic-listing.'+myObj.element_name+' ul.glisting');\n\t\t\t\tvar tileCount = $('.hbg-generic-listing.'+myObj.element_name+' ul.glisting').hasClass('listing-four-columns') ? 4 : 5;\n\t\t\t\tvar curCount = parseInt(listObj.attr('tile') || 1);\n\t\t\t\tvar nextCount = (curCount - 1) >= 1 ? curCount - 1 : curCount;\n\t\t\t\t\/\/console.log('listObj',curCount, nextCount);\n\t\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' ul.glisting').attr('tile', nextCount);\n\t\t\t\t\n\t\t\t});\n\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' .special-slide-nav button.special-slide-nav-btn-mobile.next').on('click', function(e) {\n\t\t\t\tvar wrapperObj = $('.hbg-generic-listing.'+myObj.element_name+' .listing-wrapper-inner');\n\t\t\t\tvar listObj = $('.hbg-generic-listing.'+myObj.element_name+' ul.glisting');\n\t\t\t\tvar tileCount = $('.hbg-generic-listing.'+myObj.element_name+' ul.glisting').hasClass('listing-four-columns') ? 4 : 5;\n\t\t\t\tvar curCount = parseInt(listObj.attr('tile') || 1);\n\t\t\t\tvar nextCount = (curCount + 1) <= tileCount ? curCount + 1 : curCount;\n\t\t\t\t\/\/console.log('listObj',curCount, nextCount);\n\t\t\t\t$('.hbg-generic-listing.'+myObj.element_name+' ul.glisting').attr('tile', nextCount);\n\n\t\t\t});\n\t\t}\n\t\tif(myObj.settings.use_tour_by_city_count) {\n            var tourByCityUrl = myObj.settings.overrideTourByCityUrl || 'https:\/\/prodv3-hornblower-assets.s3.us-west-2.amazonaws.com\/cex_website\/toursByCityCountV2.json';\n\t\t\t$.ajax({\n\t\t\t\tdataType: \"json\",\n\t\t\t\turl: tourByCityUrl,\n\t\t\t\tsuccess: function(myJson) {\n\t\t\t\t\t\/\/console.log('use_tour_by_city_count', myJson);\n\t\t\t\t\t$('.' + myObj.element_name + ' .each-city-count').each(function() {\n\t\t\t\t\t\t\/\/console.log('this-city', $(this).attr('data-id'), myJson);\n\t\t\t\t\t\tvar expCount = (myJson[$(this).attr('data-id')]||[]).total_xp || 0;\n\t\t\t\t\t\t$('.' + myObj.element_name + ' .each-city-count[data-id=\"'+$(this).attr('data-id')+'\"] img').remove();\n\t\t\t\t\t\t$('.' + myObj.element_name + ' .each-city-count[data-id=\"'+$(this).attr('data-id')+'\"]').prepend(expCount);\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tstatusCode: {\n\t\t\t\t\t404: function() {\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\terror: function(err) {\n\t\t\t\t\t\/\/console.log('error', err);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n        if (myObj.settings.use_tour_by_tag_count) {\n\t\t\tvar tour_by_tag_count_url = 'https:\/\/prodv3-hornblower-assets.s3.us-west-2.amazonaws.com\/cex_website\/toursByTagCountV2.json';\n            $.ajax({\n                dataType: \"json\",\n                url: tour_by_tag_count_url,\n                success: function(myJson) {\n\t\t\t\t\t\/\/console.log('use_tour_by_tag_count', myJson);\n                    $('.' + myObj.element_name + ' .each-city-count').each(function() {\n                        var dataId = $(this).attr('data-id');\n                        var expCount = (myJson[dataId] || []).total_xp || 0;\n                \n                        if (dataId === 'Food-and-Drinks') {\n                            var foodAndDrinksTotal = myJson[\"Devour Tours\"].total_xp + myJson[\"Food Tours\"].total_xp;\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"] img').remove();\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"]').prepend(foodAndDrinksTotal);\n                        } else if (dataId === 'Cruises') {\n                            var totalCruises = myJson[\"City Cruises\"].total_xp + myJson[\"City Cruises UK\"].total_xp + myJson[\"City Cruises Canada\"].total_xp;\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"] img').remove();\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"]').prepend(totalCruises);\n                        } else if (dataId === 'Walking Tours') {\n                            var totalWalkingTours = (myJson[\"Guided Walking Tours\"] || {}).total_xp || 0;\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"] img').remove();\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"]').prepend(totalWalkingTours);\n                        } else {\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"] img').remove();\n                            $('.' + myObj.element_name + ' .each-city-count[data-id=\"' + dataId + '\"]').prepend(expCount);\n                        }\n                    });\n                },\n                statusCode: {\n                    404: function() {\n                        \n                    }\n                },\n                error: function(err) {\n                    console.log('error-use_tour_by_tag_count', {tour_by_tag_count_url, err});\n                }\n            });\n        }          \n\t\taddOnClickAnchorFilter(myObj.element_id);\n\t\taddOnClickAnchor(myObj.element_id);\n\t\t\n\t});\n})(jQuery);\n<\/script>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":68,"featured_media":0,"parent":11711,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"_oasis_task_priority":"","inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/pages\/131935"}],"collection":[{"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/comments?post=131935"}],"version-history":[{"count":17,"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/pages\/131935\/revisions"}],"predecessor-version":[{"id":132026,"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/pages\/131935\/revisions\/132026"}],"up":[{"embeddable":true,"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/pages\/11711"}],"wp:attachment":[{"href":"https:\/\/dev2.cityexperiences.com\/wp-json\/wp\/v2\/media?parent=131935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}