{"id":18428,"date":"2023-10-11T17:33:24","date_gmt":"2023-10-11T21:33:24","guid":{"rendered":"\/?page_id=18428\/"},"modified":"2024-02-28T02:03:43","modified_gmt":"2024-02-28T07:03:43","slug":"appguide","status":"publish","type":"page","link":"https:\/\/dev2ferry.dreamhosters.com\/appguide\/","title":{"rendered":"AppGuide"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column]<div class=\"hbg-block-content hbchhwrm225w6edosta block-with-background-image collapse show\" aria-expanded=\"true\" id=\"hbchhwrm225vp6zt5ra\">\n    <div class=\"module-wrapper page-hero-20 has-background-image\" style=\"background-image: url('https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/02\/28020331\/app.png');\">\n        \t\t<div class=\"container\">\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            <div class=\"sub-title sub-title-above-title \">\n             \n            NYC Ferry App \n        <\/div>\n                <h1 class=\"title \" data-id=\"hbchhwrm225vp6zt5ra\">\n                    \t\t\t\t\t\t\t\t\tApp Guide\n\t\t\t                            <\/h1>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"module-content \">\n                <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>    <\/div>\n<\/div>\n<script language=\"javascript\">\n(function($) {\n    jQuery(document).ready(function() {\n\t\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"App Guide\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h1\\\",\\\"title\\\":\\\"App Guide\\\",\\\"show_sub_title\\\":true,\\\"sub_title\\\":\\\"NYC Ferry App\\\",\\\"settings\\\":{\\\"additional_module_class\\\":\\\"block-with-background-image\\\",\\\"additional_module_wrapper_class\\\":\\\"page-hero-20\\\",\\\"module_wrapper_use_background_image\\\":true,\\\"add_container_module_inner_wrapper\\\":true,\\\"sub_title_above_title\\\":true,\\\"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,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"use_background_image\\\":true,\\\"background_image\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/28020331\\\/app.png\\\",\\\"img_width\\\":\\\"8000\\\",\\\"img_height\\\":\\\"1250\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"app\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"hbchhwrm225vp6zt5ra\\\",\\\"element_name\\\":\\\"hbchhwrm225w6edosta\\\",\\\"show_content\\\":false,\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"\\\",\\\"element_first\\\":\\\"hbchhwrm225w6edosta\\\",\\\"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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script>[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"breadcrumbs-hbg\">\n\t<div class=\"container\">\n<div class=\"hbg-crumbs\" vocab=\"https:\/\/schema.org\/\" typeof=\"BreadcrumbList\"><span class=\"current\" property=\"itemListElement\" typeof=\"ListItem\">Page<\/span><\/div>\n\t<\/div>\n<\/div><div class=\"hbg-block-content hbchipxrjgaea1wy49m  collapse show\" aria-expanded=\"true\" id=\"hbchipxrjgadwc7beem\">\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<div class=\"module-header \">\n\t\t\t\t                <h2 class=\"title \" data-id=\"hbchipxrjgadwc7beem\">\n                    \t\t\t\t\t\t\t\t\tHow does it work?\n\t\t\t                            <\/h2>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"module-content \">\n        <div class=\"content \">Everything you need to know for a smooth ride! Choose any topic below or scroll down for a quick intro to NYC Ferry.<\/div>\n                <\/div>\n\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How does it work?\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h2\\\",\\\"title\\\":\\\"How does it work?\\\",\\\"element_id\\\":\\\"hbchipxrjgadwc7beem\\\",\\\"element_name\\\":\\\"hbchipxrjgaea1wy49m\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"Everything you need to know for a smooth ride! Choose any topic below or scroll down for a quick intro to NYC Ferry.\\\",\\\"element_first\\\":\\\"hbchipxrjgaea1wy49m\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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,\\\"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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script>[vc_empty_space][\/vc_column][\/vc_row][vc_row el_class=&#8221;faq-left-right-wrapper&#8221;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;faq-nav-wrapper&#8221;][vc_column_text]<\/p>\n<ul>\n<li><a class=\"anchor-link-section selected\" href=\"#howToGetStarted\" data-id=\"howToGetStarted\"><i class=\"fas fa-anchor\"><\/i> How to get started<\/a><\/li>\n<li><a class=\"anchor-link-section\" href=\"#howToBuyTicket\" data-id=\"howToBuyTicket\"><i class=\"fas fa-anchor\"><\/i> How to buy ticket(s)<\/a><\/li>\n<li><a class=\"anchor-link-section\" href=\"#howToActivateTicket\" data-id=\"howToActivateTicket\"><i class=\"fas fa-anchor\"><\/i> How to activate a ticket(s)<\/a><\/li>\n<li><a class=\"anchor-link-section\" href=\"#howToCheckFerrySchedule\" data-id=\"howToCheckFerrySchedule\"> <i class=\"fas fa-anchor\"><\/i>How to check ferry schedules<\/a><\/li>\n<li><a class=\"anchor-link-section\" href=\"#howToPlanYourJourney\" data-id=\"howToPlanYourJourney\"><i class=\"fas fa-anchor\"><\/i> How to plan your journey<\/a><\/li>\n<li><a class=\"anchor-link-section\" href=\"#howToManageFrequentStop\" data-id=\"howToManageFrequentStop\"><i class=\"fas fa-anchor\"><\/i> How to manage frequent trips<\/a><\/li>\n<li><a class=\"anchor-link-section\" href=\"#howToCheckAnnouncement\" data-id=\"howToCheckAnnouncement\"><i class=\"fas fa-anchor\"><\/i> How to check NYC Ferry announcements<\/a><\/li>\n<li><a class=\"anchor-link-section\" href=\"#howToSubscribeNotification\" data-id=\"howToSubscribeNotification\"><i class=\"fas fa-anchor\"><\/i> How to subscribe to push notifications<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;2\/3&#8243; el_class=&#8221;faq-detail-wrapper&#8221;]<div class=\"hbg-block-content hbchis1x2xvr63m2pdr  collapse show\" aria-expanded=\"true\" id=\"howToGetStarted\">\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<div class=\"module-header \">\n\t\t\t\t                <h4 class=\"title \" data-id=\"howToGetStarted\">\n                    \t\t\t\t\t\t\t\t\tHow to get started\n\t\t\t                            <\/h4>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"module-content \">\n        <div class=\"content \">\n<ol>\n<li>Download the NYC Ferry app from the App Store or Google play store.<\/li>\n<li>Log in, or create and account if you are a new user.<\/li>\n<li>You&#8217;re ready to go! Welcome to the NYC Ferry App!<br \/>\n<a href=\"https:\/\/apps.apple.com\/us\/app\/nyc-ferry-by-hornblower\/id1225258864?ls=1&amp;mt=8_\"><span class=\"how-to-get-started-icon\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2023\/12\/21075354\/app_app-store.png\" width=\"190\" height=\"58\" \/><\/span><\/a>\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=co.bytemark.nycf&amp;pcampaignid=web_share\"><span class=\"how-to-get-started-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2023\/12\/21075356\/app_google-play.png\" width=\"187\" height=\"57\" \/><\/span><\/a><\/li>\n<\/ol>\n<\/div>\n                <\/div>\n\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How to get started\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h4\\\",\\\"title\\\":\\\"How to get started\\\",\\\"element_id\\\":\\\"howToGetStarted\\\",\\\"element_name\\\":\\\"hbchis1x2xvr63m2pdr\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Download the NYC Ferry app from the App Store or Google play store.&lt;\\\/li&gt;\\n&lt;li&gt;Log in, or create and account if you are a new user.&lt;\\\/li&gt;\\n&lt;li&gt;You&amp;#8217;re ready to go! Welcome to the NYC Ferry App!&lt;br \\\/&gt;\\n&lt;a href=&quot;https:\\\/\\\/apps.apple.com\\\/us\\\/app\\\/nyc-ferry-by-hornblower\\\/id1225258864?ls=1&amp;amp;mt=8_&quot;&gt;&lt;span class=&quot;how-to-get-started-icon&quot;&gt;&lt;br \\\/&gt;\\n&lt;img class=&quot;&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/21075354\\\/app_app-store.png&quot; width=&quot;190&quot; height=&quot;58&quot; \\\/&gt;&lt;\\\/span&gt;&lt;\\\/a&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href=&quot;https:\\\/\\\/play.google.com\\\/store\\\/apps\\\/details?id=co.bytemark.nycf&amp;amp;pcampaignid=web_share&quot;&gt;&lt;span class=&quot;how-to-get-started-icon&quot;&gt;&lt;img class=&quot;&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/21075356\\\/app_google-play.png&quot; width=&quot;187&quot; height=&quot;57&quot; \\\/&gt;&lt;\\\/span&gt;&lt;\\\/a&gt;&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;\\\",\\\"element_first\\\":\\\"hbchis1x2xvr63m2pdr\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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,\\\"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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script>[vc_empty_space]<div class=\"hbg-block-content hbchis3c736w98cb5pr content-trigger-by-title collapse show\" aria-expanded=\"true\" id=\"howToBuyTicket\">\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<div class=\"module-header \">\n\t\t\t\t                <h4 class=\"title \" data-id=\"howToBuyTicket\">\n                    \t\t\t\t\t\t\t\t\tHow to buy ticket(s)\n\t\t\t<i class=\"fas fa-caret-down\"><\/i>                            <\/h4>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t<div class=\"module-image-content \">\t\t\t            <div class=\"image-before-content thumbnail \"><img decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11102031\/ag1-01-1.png\" alt=\"\" \/><\/div>\n            \t\t\t<div class=\"module-content \">\n        <div class=\"content \">\n<ol>\n<li>Tap the \u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19696\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101519\/ag1-02-300x91.png\" alt=\"\" width=\"112\" height=\"34\" data-wp-editing=\"1\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101519\/ag1-02-300x91.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101519\/ag1-02.png 444w\" sizes=\"(max-width: 112px) 100vw, 112px\" \/>\u00a0 on the bottom menu.<\/li>\n<li>Tap <strong>Buy Tickets<\/strong> to get started.<\/li>\n<li><strong>Select\/Add<\/strong> the tickets you would like to purchase to your cart and proceed to checkout.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19700\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101856\/ag-04-300x183.png\" alt=\"\" width=\"207\" height=\"126\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101856\/ag-04-300x183.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101856\/ag-04-500x305.png 500w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101856\/ag-04-768x469.png 768w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101856\/ag-04.png 1167w\" sizes=\"(max-width: 207px) 100vw, 207px\" \/><\/li>\n<li><strong>Select and add<\/strong> your desired payment method.<\/li>\n<li>Tap the <strong>Purchase<\/strong> button.<\/li>\n<li>Your ticket will be added to your account and can be accessed anytime by tapping\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19699\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05-300x69.png\" alt=\"\" width=\"121\" height=\"28\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05-300x69.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05-500x116.png 500w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05.png 580w\" sizes=\"(max-width: 121px) 100vw, 121px\" \/>\u00a0 on the bottom menu.<\/li>\n<\/ol>\n<\/div>\n                <\/div>\n\t\t\t<\/div>\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How to buy ticket(s)\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h4\\\",\\\"title\\\":\\\"How to buy ticket(s)\\\",\\\"settings\\\":{\\\"additional_module_class\\\":\\\"content-trigger-by-title\\\",\\\"add_fa_after_title\\\":true,\\\"fa_after_title\\\":\\\"fas fa-caret-down\\\",\\\"add_div_combine_image_content\\\":true,\\\"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,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"show_image_before_content\\\":true,\\\"image_before_content\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11102031\\\/ag1-01-1.png\\\",\\\"img_width\\\":\\\"1442\\\",\\\"img_height\\\":\\\"2950\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"ag1-01\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"howToBuyTicket\\\",\\\"element_name\\\":\\\"hbchis3c736w98cb5pr\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Tap the &nbsp;&lt;img class=&quot;alignnone wp-image-19696&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11101519\\\/ag1-02-300x91.png&quot; alt=&quot;&quot; width=&quot;112&quot; height=&quot;34&quot; data-wp-editing=&quot;1&quot; \\\/&gt;&nbsp; on the bottom menu.&lt;\\\/li&gt;\\n&lt;li&gt;Tap &lt;strong&gt;Buy Tickets&lt;\\\/strong&gt; to get started.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Select\\\/Add&lt;\\\/strong&gt; the tickets you would like to purchase to your cart and proceed to checkout.&lt;br \\\/&gt;\\n&lt;img class=&quot;alignnone wp-image-19700&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11101856\\\/ag-04-300x183.png&quot; alt=&quot;&quot; width=&quot;207&quot; height=&quot;126&quot; \\\/&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Select and add&lt;\\\/strong&gt; your desired payment method.&lt;\\\/li&gt;\\n&lt;li&gt;Tap the &lt;strong&gt;Purchase&lt;\\\/strong&gt; button.&lt;\\\/li&gt;\\n&lt;li&gt;Your ticket will be added to your account and can be accessed anytime by tapping&nbsp; &lt;img class=&quot;alignnone wp-image-19699&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11101854\\\/ag-05-300x69.png&quot; alt=&quot;&quot; width=&quot;121&quot; height=&quot;28&quot; \\\/&gt;&nbsp; on the bottom menu.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;\\\",\\\"element_first\\\":\\\"hbchis3c736w98cb5pr\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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_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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script><div class=\"hbg-block-content hbchis3c736w918cb5pr content-trigger-by-title collapse show\" aria-expanded=\"true\" id=\"howToActivateTicket\">\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<div class=\"module-header \">\n\t\t\t\t                <h4 class=\"title \" data-id=\"howToActivateTicket\">\n                    \t\t\t\t\t\t\t\t\tHow to activate a ticket(s)\n\t\t\t<i class=\"fas fa-caret-down\"><\/i>                            <\/h4>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t<div class=\"module-image-content \">\t\t\t            <div class=\"image-before-content thumbnail \"><img decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11102942\/ag-06.png\" alt=\"\" \/><\/div>\n            \t\t\t<div class=\"module-content \">\n        <div class=\"content \">\n<ol>\n<li><strong>Tap<\/strong> the\u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19699\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05-300x69.png\" alt=\"\" width=\"121\" height=\"28\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05-300x69.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05-500x116.png 500w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101854\/ag-05.png 580w\" sizes=\"(max-width: 121px) 100vw, 121px\" \/>\u00a0 button on the home screen or in the menu.<\/li>\n<li><strong>Select the tickets<\/strong> you would like to activate.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-19707\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11103319\/ag1-07-300x182.png\" alt=\"\" width=\"300\" height=\"182\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11103319\/ag1-07-300x182.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11103319\/ag1-07-500x303.png 500w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11103319\/ag1-07-768x466.png 768w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11103319\/ag1-07.png 1176w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Tap \u201c<strong>Use Ticket<\/strong>\u201d button to activate your tickets. NYC ferry tickets are valid for 120 minutes after activation.<\/li>\n<li>When you\u2019re ready to board, present your activated ticket to an NYC Ferry deckhand.<\/li>\n<\/ol>\n<\/div>\n                <\/div>\n\t\t\t<\/div>\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How to activate a ticket(s)\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h4\\\",\\\"title\\\":\\\"How to activate a ticket(s)\\\",\\\"settings\\\":{\\\"additional_module_class\\\":\\\"content-trigger-by-title\\\",\\\"add_fa_after_title\\\":true,\\\"fa_after_title\\\":\\\"fas fa-caret-down\\\",\\\"add_div_combine_image_content\\\":true,\\\"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,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"show_image_before_content\\\":true,\\\"image_before_content\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11102942\\\/ag-06.png\\\",\\\"img_width\\\":\\\"1442\\\",\\\"img_height\\\":\\\"2710\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"ag-06\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"howToActivateTicket\\\",\\\"element_name\\\":\\\"hbchis3c736w918cb5pr\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;&lt;strong&gt;Tap&lt;\\\/strong&gt; the&nbsp;&nbsp;&lt;img class=&quot;alignnone wp-image-19699&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11101854\\\/ag-05-300x69.png&quot; alt=&quot;&quot; width=&quot;121&quot; height=&quot;28&quot; \\\/&gt;&nbsp; button on the home screen or in the menu.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Select the tickets&lt;\\\/strong&gt; you would like to activate.&lt;br \\\/&gt;\\n&lt;img class=&quot;alignnone size-medium wp-image-19707&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11103319\\\/ag1-07-300x182.png&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;182&quot; \\\/&gt;&lt;\\\/li&gt;\\n&lt;li&gt;Tap &ldquo;&lt;strong&gt;Use Ticket&lt;\\\/strong&gt;&rdquo; button to activate your tickets. NYC ferry tickets are valid for 120 minutes after activation.&lt;\\\/li&gt;\\n&lt;li&gt;When you&rsquo;re ready to board, present your activated ticket to an NYC Ferry deckhand.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;\\\",\\\"element_first\\\":\\\"hbchis3c736w918cb5pr\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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_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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script><div class=\"hbg-block-content hbchis3c7362w98cb5pr content-trigger-by-title collapse show\" aria-expanded=\"true\" id=\"howToCheckFerrySchedule\">\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<div class=\"module-header \">\n\t\t\t\t                <h4 class=\"title \" data-id=\"howToCheckFerrySchedule\">\n                    \t\t\t\t\t\t\t\t\tHow to check ferry schedules\n\t\t\t<i class=\"fas fa-caret-down\"><\/i>                            <\/h4>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t<div class=\"module-image-content \">\t\t\t            <div class=\"image-before-content thumbnail \"><img decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11104213\/ag1-09.png\" alt=\"\" \/><\/div>\n            \t\t\t<div class=\"module-content \">\n        <div class=\"content \">\n<ol>\n<li><strong>Tap<\/strong> the <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19697\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101520\/ag1-03-300x91.png\" alt=\"\" width=\"138\" height=\"42\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101520\/ag1-03-300x91.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101520\/ag1-03.png 444w\" sizes=\"(max-width: 138px) 100vw, 138px\" \/> button on the home screen or in the menu.<\/li>\n<li><strong>Select<\/strong> which NYC Ferry location you would like to view.<\/li>\n<li>If you\u2019d like to search for a specific route, <strong>use the route filters<\/strong> at the top of the schedule page.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-19710\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11104210\/ag1-08-300x132.png\" alt=\"\" width=\"300\" height=\"132\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11104210\/ag1-08-300x132.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11104210\/ag1-08-500x220.png 500w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11104210\/ag1-08-768x338.png 768w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11104210\/ag1-08.png 1176w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/li>\n<\/ol>\n<\/div>\n                <\/div>\n\t\t\t<\/div>\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How to check ferry schedules\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h4\\\",\\\"title\\\":\\\"How to check ferry schedules\\\",\\\"settings\\\":{\\\"additional_module_class\\\":\\\"content-trigger-by-title\\\",\\\"add_fa_after_title\\\":true,\\\"fa_after_title\\\":\\\"fas fa-caret-down\\\",\\\"add_div_combine_image_content\\\":true,\\\"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,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"show_image_before_content\\\":true,\\\"image_before_content\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11104213\\\/ag1-09.png\\\",\\\"img_width\\\":\\\"1442\\\",\\\"img_height\\\":\\\"2710\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"ag1-09\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"howToCheckFerrySchedule\\\",\\\"element_name\\\":\\\"hbchis3c7362w98cb5pr\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;&lt;strong&gt;Tap&lt;\\\/strong&gt; the &lt;img class=&quot;alignnone wp-image-19697&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11101520\\\/ag1-03-300x91.png&quot; alt=&quot;&quot; width=&quot;138&quot; height=&quot;42&quot; \\\/&gt; button on the home screen or in the menu.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Select&lt;\\\/strong&gt; which NYC Ferry location you would like to view.&lt;\\\/li&gt;\\n&lt;li&gt;If you&rsquo;d like to search for a specific route, &lt;strong&gt;use the route filters&lt;\\\/strong&gt; at the top of the schedule page.&lt;br \\\/&gt;\\n&lt;img class=&quot;alignnone size-medium wp-image-19710&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11104210\\\/ag1-08-300x132.png&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;132&quot; \\\/&gt;&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;\\\",\\\"element_first\\\":\\\"hbchis3c7362w98cb5pr\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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_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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script><div class=\"hbg-block-content hbchis3c736w398cb5pr content-trigger-by-title collapse show\" aria-expanded=\"true\" id=\"howToPlanYourJourney\">\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<div class=\"module-header \">\n\t\t\t\t                <h4 class=\"title \" data-id=\"howToPlanYourJourney\">\n                    \t\t\t\t\t\t\t\t\tHow to plan your journey\n\t\t\t<i class=\"fas fa-caret-down\"><\/i>                            <\/h4>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t<div class=\"module-image-content \">\t\t\t            <div class=\"image-before-content thumbnail \"><img decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105108\/ag1-10.png\" alt=\"\" \/><\/div>\n            \t\t\t<div class=\"module-content \">\n        <div class=\"content \">\n<ol>\n<li>Tap<strong>\u201cSearch destination\u201d <\/strong>on the home screen.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-19714\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105114\/ag11-300x92.png\" alt=\"\" width=\"300\" height=\"92\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105114\/ag11-300x92.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105114\/ag11-500x154.png 500w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105114\/ag11-768x237.png 768w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105114\/ag11-1536x473.png 1536w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105114\/ag11-2048x631.png 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Enter an origin point and a destination.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-19713\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105112\/ag1-11-300x160.png\" alt=\"\" width=\"300\" height=\"160\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105112\/ag1-11-300x160.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105112\/ag1-11-500x266.png 500w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105112\/ag1-11-768x409.png 768w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105112\/ag1-11-1536x818.png 1536w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11105112\/ag1-11-2048x1090.png 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/li>\n<li><strong>Select a trip<\/strong> to see further details and directions.<\/li>\n<li><strong>Choose a trip<\/strong> to see details.<\/li>\n<\/ol>\n<\/div>\n                <\/div>\n\t\t\t<\/div>\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How to plan your journey\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h4\\\",\\\"title\\\":\\\"How to plan your journey\\\",\\\"settings\\\":{\\\"additional_module_class\\\":\\\"content-trigger-by-title\\\",\\\"add_fa_after_title\\\":true,\\\"fa_after_title\\\":\\\"fas fa-caret-down\\\",\\\"add_div_combine_image_content\\\":true,\\\"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,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"show_image_before_content\\\":true,\\\"image_before_content\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11105108\\\/ag1-10.png\\\",\\\"img_width\\\":\\\"1442\\\",\\\"img_height\\\":\\\"2710\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"ag1-10\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"howToPlanYourJourney\\\",\\\"element_name\\\":\\\"hbchis3c736w398cb5pr\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Tap&lt;strong&gt;&ldquo;Search destination&rdquo; &lt;\\\/strong&gt;on the home screen.&lt;br \\\/&gt;\\n&lt;img class=&quot;alignnone size-medium wp-image-19714&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11105114\\\/ag11-300x92.png&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;92&quot; \\\/&gt;&lt;\\\/li&gt;\\n&lt;li&gt;Enter an origin point and a destination.&lt;br \\\/&gt;\\n&lt;img class=&quot;alignnone size-medium wp-image-19713&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11105112\\\/ag1-11-300x160.png&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;160&quot; \\\/&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Select a trip&lt;\\\/strong&gt; to see further details and directions.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Choose a trip&lt;\\\/strong&gt; to see details.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;\\\",\\\"element_first\\\":\\\"hbchis3c736w398cb5pr\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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_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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script><div class=\"hbg-block-content hbchis3c736w598cb5pr content-trigger-by-title collapse show\" aria-expanded=\"true\" id=\"howToCheckAnnouncement\">\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<div class=\"module-header \">\n\t\t\t\t                <h4 class=\"title \" data-id=\"howToCheckAnnouncement\">\n                    \t\t\t\t\t\t\t\t\tHow to check NYC Ferry announcements\n\t\t\t<i class=\"fas fa-caret-down\"><\/i>                            <\/h4>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t<div class=\"module-image-content \">\t\t\t            <div class=\"image-before-content thumbnail \"><img decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110452\/AG1-14.png\" alt=\"\" \/><\/div>\n            \t\t\t<div class=\"module-content \">\n        <div class=\"content \">\n<ol>\n<li><strong>NYC Ferry announcements<\/strong> that affect service will be posted within the app.<\/li>\n<li><strong>General announcements<\/strong> will be located on the first page of\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19697\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101520\/ag1-03-300x91.png\" alt=\"\" width=\"126\" height=\"38\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101520\/ag1-03-300x91.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11101520\/ag1-03.png 444w\" sizes=\"(max-width: 126px) 100vw, 126px\" \/>\u00a0 or go to <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19717\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110449\/AG1-13-300x74.png\" alt=\"\" width=\"154\" height=\"38\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110449\/AG1-13-300x74.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110449\/AG1-13.png 429w\" sizes=\"(max-width: 154px) 100vw, 154px\" \/> on the menu.<\/li>\n<li><strong>Route-specific announcements<\/strong> will be located on the schedule pages for stops on the affected route.<\/li>\n<\/ol>\n<\/div>\n                <\/div>\n\t\t\t<\/div>\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How to check NYC Ferry announcements\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h4\\\",\\\"title\\\":\\\"How to check NYC Ferry announcements\\\",\\\"settings\\\":{\\\"additional_module_class\\\":\\\"content-trigger-by-title\\\",\\\"add_fa_after_title\\\":true,\\\"fa_after_title\\\":\\\"fas fa-caret-down\\\",\\\"add_div_combine_image_content\\\":true,\\\"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,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"show_image_before_content\\\":true,\\\"image_before_content\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11110452\\\/AG1-14.png\\\",\\\"img_width\\\":\\\"1442\\\",\\\"img_height\\\":\\\"2710\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"AG1-14\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"howToCheckAnnouncement\\\",\\\"element_name\\\":\\\"hbchis3c736w598cb5pr\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;&lt;strong&gt;NYC Ferry announcements&lt;\\\/strong&gt; that affect service will be posted within the app.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;General announcements&lt;\\\/strong&gt; will be located on the first page of&nbsp; &lt;img class=&quot;alignnone wp-image-19697&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11101520\\\/ag1-03-300x91.png&quot; alt=&quot;&quot; width=&quot;126&quot; height=&quot;38&quot; \\\/&gt;&nbsp; or go to &lt;img class=&quot;alignnone wp-image-19717&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11110449\\\/AG1-13-300x74.png&quot; alt=&quot;&quot; width=&quot;154&quot; height=&quot;38&quot; \\\/&gt; on the menu.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Route-specific announcements&lt;\\\/strong&gt; will be located on the schedule pages for stops on the affected route.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;\\\",\\\"element_first\\\":\\\"hbchis3c736w598cb5pr\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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_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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script><div class=\"hbg-block-content hbchis3c6736w98cb5pr content-trigger-by-title collapse show\" aria-expanded=\"true\" id=\"howToSubscribeNotification\">\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<div class=\"module-header \">\n\t\t\t\t                <h4 class=\"title \" data-id=\"howToSubscribeNotification\">\n                    \t\t\t\t\t\t\t\t\tHow to subscribe to push notifications\n\t\t\t<i class=\"fas fa-caret-down\"><\/i>                            <\/h4>\n    \n    \n    \n    \n    \n\t\t\t<\/div>\n\t\t\t<div class=\"module-image-content \">\t\t\t            <div class=\"image-before-content thumbnail \"><img decoding=\"async\" class=\"\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110845\/AG1-15.png\" alt=\"\" \/><\/div>\n            \t\t\t<div class=\"module-content \">\n        <div class=\"content \">\n<ol>\n<li>During installation, <strong>allow the NYC Ferry app to send you push notifications<\/strong>.<\/li>\n<li>Open the menu, then select\u00a0\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19720\" src=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110841\/AG1-16-300x80.png\" alt=\"\" width=\"128\" height=\"34\" srcset=\"https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110841\/AG1-16-300x80.png 300w, https:\/\/images.ferry.nyc\/wp-content\/uploads\/2024\/01\/11110841\/AG1-16.png 398w\" sizes=\"(max-width: 128px) 100vw, 128px\" \/>.<\/li>\n<li><strong>Use the toggles<\/strong> to subscribe to specific route alerts and general notifications.<\/li>\n<\/ol>\n<\/div>\n                <\/div>\n\t\t\t<\/div>\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\tvar tbJSON = \"{\\\"hb_element_title\\\":\\\"How to subscribe to push notifications\\\",\\\"show_title\\\":true,\\\"title_type\\\":\\\"h4\\\",\\\"title\\\":\\\"How to subscribe to push notifications\\\",\\\"settings\\\":{\\\"additional_module_class\\\":\\\"content-trigger-by-title\\\",\\\"add_fa_after_title\\\":true,\\\"fa_after_title\\\":\\\"fas fa-caret-down\\\",\\\"add_div_combine_image_content\\\":true,\\\"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,\\\"tablepress_list\\\":\\\"\\\",\\\"on_click_action_is_default_clicked\\\":false},\\\"show_image_before_content\\\":true,\\\"image_before_content\\\":{\\\"img_src\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11110845\\\/AG1-15.png\\\",\\\"img_width\\\":\\\"1442\\\",\\\"img_height\\\":\\\"2710\\\",\\\"img_flag\\\":\\\"\\\",\\\"img_title\\\":\\\"AG1-15\\\",\\\"img_alt\\\":\\\"\\\",\\\"img_caption\\\":\\\"\\\",\\\"img_description\\\":\\\"\\\"},\\\"element_id\\\":\\\"howToSubscribeNotification\\\",\\\"element_name\\\":\\\"hbchis3c6736w98cb5pr\\\",\\\"show_content\\\":true,\\\"show_sub_title\\\":false,\\\"sub_title\\\":\\\"\\\",\\\"use_aws_s3_media\\\":false,\\\"awsAssets_URL\\\":\\\"\\\",\\\"aws_assets_url\\\":\\\"https:\\\/\\\/images.ferry.nyc\\\",\\\"content\\\":\\\"&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;During installation, &lt;strong&gt;allow the NYC Ferry app to send you push notifications&lt;\\\/strong&gt;.&lt;\\\/li&gt;\\n&lt;li&gt;Open the menu, then select&nbsp;&nbsp; &lt;img class=&quot;alignnone wp-image-19720&quot; src=&quot;https:\\\/\\\/images.ferry.nyc\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/11110841\\\/AG1-16-300x80.png&quot; alt=&quot;&quot; width=&quot;128&quot; height=&quot;34&quot; \\\/&gt;.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;strong&gt;Use the toggles&lt;\\\/strong&gt; to subscribe to specific route alerts and general notifications.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;\\\",\\\"element_first\\\":\\\"hbchis3c6736w98cb5pr\\\",\\\"start_with_open\\\":true,\\\"show_cta\\\":false,\\\"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,\\\"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_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}\n\t\tif(myObj.settings.is_sc_redeem_sdk) {\n\t\t\tmyObj.settings.sc_redeem_sdk_prop.barcodes = decodeURIComponent(getUrlParam('barcodes', '')).split('|');\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .sc-redeem-action').on('click', function(e) {\n\t\t\t\tvar groupId = $(this).attr('cta-group-btn');\n\t\t\t\tif(groupId.length) {\n\t\t\t\t\t$('a[cta-group-btn=\"'+groupId+'\"]').removeClass('selected');\n\t\t\t\t\t$(this).addClass('selected');\n\t\t\t\t}\n\t\t\t\tgoToAnchor($('#'+myObj.settings.sc_redeem_sdk_prop.redeem_placeholder));\n\t\t\t\te.preventDefault();\n\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\tif(myObj.settings.sc_redeem_sdk_prop.booking_type_id !== '' && myObj.settings.sc_redeem_sdk_prop.booking_type_id !== 0) {\n\t\t\t\t\t\taddScRedeemAction(myObj.settings.sc_redeem_sdk_prop, HBCommerce);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('has_redeem_code',myObj);\n\t\tif(myObj.settings.has_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\tconsole.log('redeem',myObj);\n\t\t\tif(myObj.redeem_list.length) {\n\t\t\t\tmyObj.redeem_arr = myObj.redeem_list.split(',');\n\t\t\t\tif(myObj.redeem_arr.length) {\n\t\t\t\t\tvar firstCode = myObj.redeem_arr.shift();\n\t\t\t\t\t$('input.your-code-box').attr('value',firstCode);\n\t\t\t\t\tfor(var idx=0; idx<myObj.redeem_arr.length; idx++) {\n\t\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" value=\"'+myObj.redeem_arr[idx]+'\" \/>');\n\t\t\t\t\t}\n\t\t\t\t\thbCommerceSDKQuery(function() {\n\t\t\t\t\t\tlauchRedeemSdk(myObj.settings.redeem_property, HBCommerce);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t$('a.add-more-code-box').on('click', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tif(myObj.settings.has_voucher_pin_code) {\n\t\t\t\t\t$('span.your-code-row').append('<span><input type=\"text\" placeholder=\"Voucher Number\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\"><input type=\"text\" placeholder=\"Pin Code\" name=\"your-pin\" id=\"yourPin\" class=\"your-pin-box\"><\/span>');\n\t\t\t\t} else {\n\t\t\t\t\t$('span.your-code-row').append('<input type=\"text\" placeholder =\"Redemption Code\" name=\"your-code\" id=\"yourCode\" class=\"your-code-box\" \/>');\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t\t\n\t\t}\n\t\tif(myObj.settings.has_coupon_redeem_code) {\n\t\t\tmyObj.redeem_list = decodeURIComponent(getUrlParam('redeem',''));\n\t\t\tmyObj.redeem_arr = [];\n\t\t\t$('button.validate-code').on('click', {prop: myObj.settings.coupon_redeem_property, hbcommerce: HBCommerce}, lauchRedeemSdk);\n\t\t}\n\t\tif(myObj.settings.content_use_slick) {\n\t\t\t$('.hbg-block-content.' + myObj.element_first + ' .content .' + myObj.settings.slick_wrapper_name).slick({\n\t\t\t\tautoplay: myObj.settings.slick_autoplay_flag,\n  \t\t\t\tautoplaySpeed: myObj.settings.slick_autoplay_duration,\n\t\t\t});\n\t\t}\n\t\t\/\/console.log('Block-Content-myObj', myObj);\n\t});\n})(jQuery);\n<\/script>[\/vc_column][\/vc_row]<\/p>\n<\/div>","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_column][\/vc_row][vc_row el_class=&#8221;faq-left-right-wrapper&#8221;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;faq-nav-wrapper&#8221;][vc_column_text] How to get started How to buy ticket(s) How to activate a ticket(s) How to check ferry schedules How to plan your journey How to manage frequent trips How to check NYC Ferry announcements How to subscribe to push notifications [\/vc_column_text][\/vc_column][vc_column width=&#8221;2\/3&#8243; el_class=&#8221;faq-detail-wrapper&#8221;][vc_empty_space][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":57,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"Default_Content_Template.php","meta":{"inline_featured_image":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/pages\/18428"}],"collection":[{"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/comments?post=18428"}],"version-history":[{"count":35,"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/pages\/18428\/revisions"}],"predecessor-version":[{"id":19994,"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/pages\/18428\/revisions\/19994"}],"wp:attachment":[{"href":"https:\/\/dev2ferry.dreamhosters.com\/wp-json\/wp\/v2\/media?parent=18428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}