{"id":84863,"date":"2022-03-08T14:00:02","date_gmt":"2022-03-08T14:00:02","guid":{"rendered":"https:\/\/www.headout.com\/blog\/?p=84863"},"modified":"2023-09-19T18:31:36","modified_gmt":"2023-09-19T14:31:36","slug":"best-west-end-shows-july","status":"publish","type":"post","link":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/","title":{"rendered":"Best West End shows in July, a London Theatre guide"},"content":{"rendered":"

Theatres in London showcase some of the best plays and musicals in the world. Before you take your seat at a London theatre, browse the best shows running in West End this July! <\/p>\n

Best West End Shows In July<\/h2>\n

[tcb-script] const getTGIDListForMonth = (allTours,displayMonth) => { const allToursArray = Object.values(allTours); const startMonthDate = dayjs( `${displayMonth}\/01\/${dayjs().year()}`, “MMMM\/DD\/YYYY” ); const endMonthDate = startMonthDate.add( startMonthDate.daysInMonth() – 1, “days” ); const startMonthNextYearDate = startMonthDate.add(1,”years”); const endMonthNextYearDate = endMonthDate.add(1,”years”); return allToursArray.reduce((accumulator, element) => { const endTourDate = dayjs(element[“Closing Date”], “YYYY-MM-DD”); const startTourDate = dayjs(element[“Opening Date”], “YYYY-MM-DD”); if ( compareDates( startMonthDate, endMonthDate, startTourDate, endTourDate ) || compareDates( startMonthNextYearDate, endMonthNextYearDate, startTourDate, endTourDate ) ) { return […accumulator, element[“id”]]; } return accumulator; }, []); };[\/tcb-script][tcb-script] document.addEventListener(“DOMContentLoaded”,function (event) { \/\/ Listicle Entry Animation let slideInShows = function (animEleClass,animationClass) { jQuery(“.show-wrapper .accBody:visible”).slideToggle(“slow”); jQuery(“.show-wrapper .invert”).removeClass(“invert”); jQuery(“.show-wrapper”) .removeClass(animationClass) .fadeOut() .finish() .promise() .done(function () { jQuery(“.” + animEleClass).each(function (i) { jQuery(this) .addClass(animationClass) .removeClass(animEleClass) .delay((i + 1) * 100) .fadeIn(); }); }); }; \/\/ Loads All Listed Products as in Months Tab let showTab = function (tabId) { showTgids = []; jQuery(“.show-wrapper”).removeClass(“tabbed”); jQuery(“[data-infotab]”).removeClass(“active”); jQuery(‘[data-infotab=”broadway musicals”]’).addClass(“active”); if (tabId == 0) { jQuery(“.show-wrapper”).addClass(“prepare tabbed”); } else if (typeof tabId === “string”) showTgids = tabId?.split(“,”); else showTgids.push(tabId); for (let i = 0; i < showTgids.length; i++) jQuery( “.show-wrapper[data-tgid=” + parseInt(showTgids[i]) + “]” ).addClass(“tabbed prepare”); slideInShows(“prepare”,”active”); }; const msToTime = (duration) => { let milliseconds = parseInt((duration % 1000) \/ 100), seconds = Math.floor((duration \/ 1000) % 60), minutes = Math.floor((duration \/ (1000 * 60)) % 60), hours = Math.floor((duration \/ (1000 * 60 * 60)) % 24); return hours + ” hrs ” + minutes + ” mins”; }; \/\/ HTML Stars Generation let getStars = function (rating) { rating = rating < 0 ? 0 : rating; if (rating < 0.25) return; let round = Math.floor(rating); let full = rating > round + 0.5 ? true : false; let half = rating > round + 0.25 ? true : false; let template = “”; let i; \/\/ Populate Complete Stars for (i = 0; i < round && i < 5; i++) { template += “<span class=’fas fa-star’><\/span>”; } \/\/ Add Partial Star (for floating ratings) if (full && i < 5 && ++i) template += “<span class=’fas fa-star’><\/span>”; else if (half && i < 5 && ++i) template += “<span class=’fas fa-star-half-alt’><\/span>”; \/\/ Populate Remaining With Empty Stars while (i++ < 5) template += “<span class=’far fa-star’><\/span>”; return template; }; const getMicroBrandsHighlightsData = (microBrandsHighlight) => { const result = { “Opening Date”: “”, “Closing Date”: “”, “Blog Summary”: “”, “Seating Plan”: null, “Read More”: “”, “Theatre Name”: null, “Getting There”: null, }; let currentObject = “”; microBrandsHighlight.forEach((element) => { if ( element.type == “heading6” && element.content.text == “Opening Date” ) { currentObject = “Opening Date”; } else if ( element.type == “heading6” && element.content.text == “Closing Date” ) { currentObject = “Closing Date”; } else if ( element.type == “heading6” && element.content.text == “Blog Summary” ) { currentObject = “Blog Summary”; } else if ( element.type == “heading6” && element.content.text == “Blog Theatre Seating Plan” ) { currentObject = “Seating Plan”; } else if ( element.type == “heading6” && element.content.text == “Blog Show Page” ) { currentObject = “Read More”; } else if ( element.type == “heading6” && element.content.text == “Theatre Name” ) { currentObject = “Theatre Name”; } else if ( element.type == “heading6” && element.content.text == “Getting There Map Link” ) { currentObject = “Getting There”; } else { if (currentObject == “Opening Date”) { result[“Opening Date”] = element.content.text; } else if (currentObject == “Closing Date”) { result[“Closing Date”] = element.content.text; } else if (currentObject == “Blog Summary”) { result[“Blog Summary”] = element.content.text; } else if (currentObject == “Seating Plan”) { result[“Seating Plan”] = element.content.text; } else if (currentObject == “Read More”) { result[“Read More”] = element.content.spans?.[0]?.data.url; } else if (currentObject == “Theatre Name”) { result[“Theatre Name”] = element.content.text; } else if (currentObject == “Getting There”) { result[“Getting There”] = element.content.text; } currentObject = “”; } }); return result; }; const monthSubCategoryFilter = jQuery(“.month-sub-category-filter”); const filterEnabled = monthSubCategoryFilter.data(“filter-enabled”) === 0; const categoryNameMap = {}; const filterHeading = monthSubCategoryFilter?.[0].getAttribute( “data-filter-heading” ); const subCategoryIds = monthSubCategoryFilter?.[0] .getAttribute(“data-sub-category-ids”) ?.split(“,”); const monthCSV = monthSubCategoryFilter?.[0] ?.getAttribute(“data-months”) ?.split(“,”)?.filter(d => d !== ”); const firstMonth = monthCSV?.[0]; let allTours = []; const functionsAfterDataUpdate = () => { allTours.forEach((tour,index) => { const showBody = tour[“Blog Summary”] || tour.shortSummary; const opening = getMicroBrandsHighlightsData(tour.microBrandsHighlight)[“Opening Date”]; const tourImageUrl = `${tour.imageUrl }?auto=compress&w=500&h=250&crop=faces&fit=min` const mainCard = `<div data-rating=”${tour.averageRating}” data-tgid=”${tour.id}” data-open=”${opening}”> <div data-id=”${index}”> <div> <div> <div> <picture> <source type=”image\/webp” data-srcset=”${tourImageUrl}&fm=webp”> <img data-src=”${tourImageUrl}&fm=pjpg” data-sizes=”auto” data-cover-image=”” alt=${tour.name}” title=”${tour.name}”> <\/picture> <div div>${tour.name}<\/div> <div> ${tour.tags.map((item) => `<div data-cat=”${item}”>${item}<\/div>`).join(” “)} <\/div> <div data-show-ratings=”${tour.averageRating}”><\/div> <div>${showBody ? `<span><\/span>` : “”}<\/div> <div> <span> <span>from<\/span> <span>\u00a3${tour.listingPrice ? tour.listingPrice.finalPrice : “”}<\/span> <\/span> <\/div> <div><\/div> <div><\/div> <\/div> <\/div> <\/div> <\/div> `; const htmlObject = ` ${showBody ? mainCard : `<a href=”https:\/\/www.headout.com\/tour\/${tour.id}” target=”_blank” style=”text-decoration: none;”>${mainCard}<\/a>`} ${showBody ? `<div data-id=”${index}”> <div> <div> <div> <div> ${tour.microBrandsDescriptor?.split(“rn”)?.map((item) => (`<div>${item?.trim()}<\/div>`)).join(” “)} <\/div> <div> <div><span>Duration:<\/span> ${msToTime(tour.maxDuration)}<\/div> <\/div> <\/div> <div> ${tour[“Blog Summary”] || tour.shortSummary} <\/div> <div> <div> <div> ${tour[“Seating Plan”] || tour[“Getting There”] ? `<a href=”${tour[“Seating Plan”] || tour[“Getting There”]}” target=”_blank”> <div> <div> <i><\/i> <span>${tour[“Theatre Name”]}<\/span> <span>${tour[“Seating Plan”] ? “Seating Plan” : “Getting There”}<\/span> <\/div> <\/div> <\/a>` : “”} <a href=”${tour[“Read More”] || `https:\/\/www.headout.com\/tour\/${tour.id}`}” target=”_blank”> <div>READ MORE<\/div> <\/a> <a href=”https:\/\/www.headout.com\/book\/${tour.id}\/seatmap-select\/” target=”_blank”> <div>BOOK NOW<\/div> <\/a> <\/div> <\/div> <\/div> <\/div> <\/div>` : “” }<\/div> `; jQuery(“.product-wrapper”).append(htmlObject); jQuery(`.show-wrapper[data-tgid=${tour.id}]`) .find(“[data-show-ratings]”) .html(getStars(tour.averageRating)); }); jQuery(“.accCtrl”).on(“click”,function (e) { selEle = jQuery(e.target).closest(“.show-wrapper”); jQuery(selEle).find(“.listicle-item-arrow”).toggleClass(“invert”); target = jQuery(selEle).find(“.accBody”); console.log(target) jQuery(target).slideToggle(“slow”); }); filterEnabled && monthCSV.forEach((month,index) => { const monthName = month.trim(); const isSingleMonth = monthCSV?.length === 1; console.log(isSingleMonth) let htmlObject; let ids = “0”; if (monthName != “ALL SHOWS”) { ids = getTGIDListForMonth(allTours,monthName).join(); } if (index == 0) { htmlObject = `<div”}” data-tab=”${index + 1}” data-ids=”${ids}” data-active=”1″ > ${monthName}<\/div> `; } else { htmlObject = `<div data-tab=”${index + 1 }” data-ids=”${ids}” data-active=”0″>${monthName}<\/div>`; } jQuery(“.shows-filters .tab-wrapper .mobi-text .mobi-wrap”).append( htmlObject ); }); \/\/ Page Init Products List Generation showTab( jQuery(“.tab-item[data-active=’1′]”).addClass(“active”).data(“ids”) ); \/\/ Months Tab Change Handler jQuery(“.tab-item”).click(function () { jQuery(“.tab-item”).data(“active”,0).removeClass(“active”); jQuery(this).data(“active”,1).addClass(“active”); jQuery(this) .closest(“.mobi-text”) .find(“.text”) .text(jQuery(this).text()); showTab(jQuery(this).data(“ids”)); jQuery(jQuery(“input.filter-chckbox:checked”).prop(“checked”,false)); jQuery(“.cat-filter label:first-child”).delay(500).trigger(“click”); }); \/\/ On Window Resize Hide Mobile Months Tab. jQuery(window).resize(function (e) { if (jQuery(window).width() > 630) jQuery(“.mobi-wrap”).attr(“style”,””); }); if (monthCSV?.length === 1) { jQuery(“.mobi-text”).addClass(“hide-tab”) } \/\/ Mobile Months Tabs Change Handler jQuery(“.mobi-text”).click(function (e) { if ( jQuery(“.mobi-wrap”).is(“:hidden”) || jQuery(this).hasClass(“active”) ) jQuery(this) .closest(“.mobi-text”) .toggleClass(“active”) .find(“.mobi-wrap”) .slideToggle(“slow”); }); \/\/ Category Change Handler jQuery(“[data-filter-cat]”).change(function (e) { jQuery(“[data-cat]”).removeClass(“mobi-active-filter”); jQuery(“[data-infotab].active”).removeClass(“active”); let catName = jQuery(this).data(“filter-cat”); jQuery(`[data-infotab=’${catName.toLowerCase()}’]`).addClass(“active”); jQuery(“[data-filter-cat]”).each(function (ele) { if (jQuery(this).find(“input”).is(“:checked”)) { cat = jQuery(this).data(“filter-cat”).toLowerCase(); const activeMonth = jQuery(“.tab-item.active”).text(); if ( activeMonth != “All Shows” && (cat == “new arrivals” || cat == “shows reopening”) ) { const elements = jQuery(“.show-wrapper.tabbed”).has(`[data-cat=”${cat}”]`); for (i = 0; i < elements.length; i++) { ele = elements[i]; const condition = dayjs(jQuery(ele).data(“open”),”MM\/DD\/YYYY”).format(“MMMM”) === activeMonth; if (condition) { jQuery(ele) .addClass(“prepare”) .find(`[data-cat=”${cat}”]`) .addClass(“mobi-active-filter”); } }; } else { jQuery(“.show-wrapper.tabbed”) .has(`[data-cat=”${cat}”]`) .addClass(“prepare”) .find(`[data-cat=”${cat}”]`) .addClass(“mobi-active-filter”); } } }); slideInShows(“prepare”,”active”); }); \/\/ Page init default Category Handler & Default Open Listicle filterEnabled && setTimeout(function () {\/\/ jQuery(“[data-filter-cat]”).each(function (ele) {\/\/ if (jQuery(this).find(“input”).is(“:checked”)) {\/\/ cat = jQuery(this).data(“filter-cat”).toLowerCase();\/\/ jQuery(“.show-wrapper.tabbed”)\/\/ .has(`[data-cat=”${cat}”]`)\/\/ .addClass(“prepare”);\/\/ }\/\/ });\/\/ slideInShows(“prepare”,”active”); jQuery(“.cat-filter label:first-child”).delay(500).trigger(“click”); jQuery(“.show-wrapper:first-child .accCtrl”) .eq(0) .delay(1000) .trigger(“click”); },300); \/\/ Lower Case All Data Attributes. let lowerCaseAll = function (ele) { jQuery(ele).each(function () { var $this = jQuery(this), data = $this.data(); for (var k in data) $this.attr(“data-” + k,data[k].toLowerCase().trim()); }); }; lowerCaseAll(jQuery(“[data-filter-cat], [data-cat], [data-infotab]”));\/\/ if (!filterEnabled) {\/\/ jQuery(“.show-wrapper”).each(function (i) {\/\/ jQuery(this).addClass(“active”).css(“display”,”block”);\/\/ });\/\/ } };\/\/ filterEnabled &&\/\/ monthSubCategoryFilter.append(`<div>\/\/ <div>\/\/ <h3>${filterHeading}<\/h3>\/\/ <div> \/\/ <\/div>\/\/ <\/div>\/\/ <\/div>`); filterEnabled && monthSubCategoryFilter.prepend(`<div> <div> <div> <div> <span>${firstMonth}<\/span><span><\/span><\/div> <div> <\/div> <\/div> <\/div> <\/div>`); async function getData() {\/\/ for (const [index,subCategory] of subCategoryIds.entries()) {\/\/ subCategoryId = subCategory.trim();\/\/ if (subCategoryId != “”) {\/\/ await jQuery.get(\/\/ {\/\/ url: `https:\/\/vivillion.netlify.app\/api\/parsed-tours\/?primarySubCategory=${subCategoryId}&limit=100&city=London`,\/\/ },\/\/ function (res) {\/\/ const displayName = res.subCategory.displayName;\/\/ const subCategoryId = res.subCategory.id;\/\/ const subCategoryDiscription = monthSubCategoryFilter.data(\/\/ `${subCategoryId.toString()}-des`\/\/ );\/\/ const subCategoryName = monthSubCategoryFilter.data(\/\/ `${subCategoryId.toString()}-name`\/\/ );\/\/ categoryNameMap[displayName] = subCategoryName\/\/ ? subCategoryName\/\/ : displayName;\/\/ res.pageData.items.forEach((item) => {\/\/ item.tags = [displayName];\/\/ if (allTours.filter((x) => x.id === item.id).length === 0) {\/\/ allTours.push(item);\/\/ } else {\/\/ allTours\/\/ .filter((x) => x.id === item.id)[0]\/\/ .tags.push(displayName);\/\/ }\/\/ });\/\/ jQuery(“.filter-combo .new-filters .cat-filter”)\/\/ .append(`<label data-filter-cat=”${displayName.toLowerCase()}” data-filtercat=”${displayName.toLowerCase()}”> <input type=”radio” name=”cat”>\/\/ <div><span><\/span>${categoryNameMap[displayName]\/\/ }<\/div>\/\/ <\/label> `);\/\/ jQuery(“.info-tab”).append(\/\/ `<div data-infotab=”${displayName}”>\/\/ <h2>${displayName}<\/h2>\/\/ <p>${subCategoryDiscription}<\/p>\/\/ <\/div>`\/\/ );\/\/ if (index == subCategoryIds.length – 1) {\/\/ allTours = allTours.map((tour) => {\/\/ const result = getMicroBrandsHighlightsData(\/\/ tour.microBrandsHighlight\/\/ );\/\/ return {\/\/ …result,\/\/ …tour,\/\/ };\/\/ });\/\/ functionsAfterDataUpdate();\/\/ }\/\/ }\/\/ );\/\/ }\/\/ } await jQuery.get( { url: ‘https:\/\/vivillion.netlify.app\/api\/parsed-collection?collectionId=167&limit=100&city=London’, }, function (res) { const displayName = ”; const subCategoryId = ”; const subCategoryDiscription = ” const subCategoryName = ” res.pageData.items.forEach((item) => { item.tags = [item?.primarySubCategory?.displayName || ”]; if (allTours.filter((x) => x.id === item.id).length === 0) { allTours.push(item); } else { allTours .filter((x) => x.id === item.id)[0] .tags.push(item?.primarySubCategory?.displayName || ”); } }); if (allTours?.length > 1) { allTours = allTours.map((tour) => { const result = getMicroBrandsHighlightsData( tour.microBrandsHighlight ); return { …result, …tour, }; }); functionsAfterDataUpdate(); } } ); } getData(); });[\/tcb-script]<\/p>\n

More West End Guides<\/h2>\n

Check out the best West End shows<\/a> and use our handy guides to plan your visit to London theatre! <\/p>\n

\"CheapBuying Cheap West End Tickets<\/a>\"BestAll about TKTS London Tickets <\/a>\"WestLondon Theatre Seating Plans<\/a>\"WestComplete West End Guide<\/a><\/p>\n

Best West End Shows – Month On Month Guide <\/h2>\n

Best West End Shows in January<\/a><\/p>\n

Best West End Shows in February<\/a><\/p>\n

Best West End Shows in March<\/a><\/p>\n

Best West End Shows in April<\/a><\/p>\n

Best West End Shows in May<\/a><\/p>\n

Best West End Shows in June<\/a><\/p>\n

Best West End Shows in July<\/a><\/p>\n

Best West End Shows in August<\/a><\/p>\n

Best West End Shows in September<\/a><\/p>\n

Best West End Shows in October<\/a><\/p>\n

Best West End Shows in November<\/a><\/p>\n

Best West End Shows in December<\/a><\/p>\n

[tcb-script]document.addEventListener(“DOMContentLoaded”, function (event) { \/\/device = (\/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini\/i.test(navigator.userAgent.toLowerCase())); \/\/ HTML Stars Generation let getStars = function (rating) { \/\/console.log(rating) rating = rating < 0 ? 0 : rating; if (rating < .25) return; let round = Math.floor(rating); let full = (rating > (round + .5)) ? true : false; let half = (rating > (round + .25)) ? true : false; let template = ”; let i; \/\/ Populate Complete Stars for (i = 0; i < round && i < 5; i++) { template += “<span class=’fas fa-star’><\/span>”; } \/\/ Add Partial Star (for floating ratings) if (full && i < 5 && ++i) template += “<span class=’fas fa-star’><\/span>” else if (half && i < 5 && ++i) template += “<span class=’fas fa-star-half-alt’><\/span>” \/\/ Populate Remaining With Empty Stars while (i++ < 5) template += “<span class=’far fa-star’><\/span>” return template; } \/\/ On Window Resize Hide Mobile Months Tab. jQuery(window).resize(function (e) { \/\/console.log(e); if (jQuery(window).width() > 630) jQuery(‘.mobi-wrap’).attr(“style”, ”) }); let thisEle = []; let i = 0; \/\/ Populating API Data jQuery(“.show-wrapper[data-tgid]”).each(function () { let pgid = jQuery(this).data(“tgid”); thisEle.push(this); if (parseInt(pgid) && pgid != ”) { jQuery.get(“https:\/\/api.headout.com\/api\/v5\/tour-group\/get\/” + pgid, function (res) { \/\/ console.log(res); if (res.currency) symb = res.currency.localSymbol; uEle = `.show-wrapper[data-tgid=${res.id}]`; jQuery(uEle).find(“[data-show-ratings]”).html(getStars(jQuery(uEle).data(‘rating’))); jQuery(uEle).find(“.review-count”).text(res.reviewCount); \/\/jQuery(uEle).find(“.himage”).attr(‘src’, “https:” + res.imageUploads[0].url + “?auto=compress&crop=faces&fm=pjpg&w=720&h=500&q=30”); jQuery(uEle).find(“.himage”).attr(‘alt’, res.imageUploads[0].alt); jQuery(uEle).find(“.himage”).attr(‘title’, res.imageUploads[0].title); \/\/jQuery(uEle).find(“.listicle-item-name”).text(res.name); if (res.listingPrice) { console.log(“here”) jQuery(uEle).find(“.price sup”).text(symb + res.listingPrice.originalPrice); jQuery(uEle).find(“.price .current”).text(symb + res.listingPrice.finalPrice); } jQuery(uEle).find(“.listicle-item-product-image img”).attr(‘src’, res.imageUploads[Math.ceil(Math.random() * res.imageUploads.length – 1)].url); }) } }); \/\/ Generating Stars jQuery(“[data-show-ratings]”).each(function (n, ele) { jQuery(this).append(getStars(jQuery(jQuery(ele).closest(“.show-wrapper”)).data(“rating”))) }) \/\/ Loads All Listed Products as in Months Tab let showTab = function (tabId) { \/\/ console.log(tabId) showTgids = []; jQuery(“.show-wrapper”).removeClass(“tabbed”) jQuery(‘[data-infotab]’).removeClass(“active”); jQuery(‘[data-infotab=”broadway musicals”]’).addClass(“active”); if (tabId == 0) { jQuery(“.show-wrapper”).addClass(“prepare tabbed”) } else if (typeof tabId === “string”) showTgids = tabId.split(“,”); else showTgids.push(tabId) for (let i = 0; i < showTgids.length; i++) jQuery(“.show-wrapper[data-tgid=” + parseInt(showTgids[i]) + “]”).addClass(“tabbed prepare”) slideInShows(“prepare”, “active”); } \/\/ Open Tab On Click Handler. jQuery(“.accCtrl”).on(“click”, function (e) { selEle = jQuery(e.target).closest(“.show-wrapper”); jQuery(selEle).find(“.listicle-item-arrow”).toggleClass(“invert”) target = jQuery(selEle).find(“.accBody”) jQuery(target).slideToggle(“slow”); }) \/\/ Listicle Entry Animation let slideInShows = function (animEleClass, animationClass) { jQuery(“.show-wrapper .accBody:visible”).slideToggle(“slow”) jQuery(“.show-wrapper .invert”).removeClass(“invert”) jQuery(“.show-wrapper”).removeClass(animationClass) .fadeOut().finish().promise().done(function () { jQuery(“.” + animEleClass).each(function (i) { jQuery(this).addClass(animationClass).removeClass(animEleClass).delay((i + 1) * 100).fadeIn(); }) }); } \/\/ Page Init Products List Generation showTab(jQuery(“.tab-item[data-active=’1′]”).addClass(“active”).data(“ids”)) \/\/ Months Tab Change Handler jQuery(“.tab-item”).click(function () { jQuery(“.tab-item”).data(“active”, 0).removeClass(“active”) jQuery(this).data(“active”, 1).addClass(“active”) jQuery(this).closest(“.mobi-text”).find(“.text”).text(jQuery(this).text()) showTab(jQuery(this).data(“ids”)) jQuery(jQuery(“input.filter-chckbox:checked”).prop(“checked”, false)) jQuery(“.cat-filter label:first-child”).delay(500).trigger(“click”); }) \/\/ Mobile Months Tabs Change Handler jQuery(“.mobi-text”).click(function (e) { if (jQuery(“.mobi-wrap”).is(“:hidden”) || jQuery(this).hasClass(“active”)) jQuery(this).closest(“.mobi-text”).toggleClass(“active”).find(“.mobi-wrap”).slideToggle(“slow”); }) \/\/ Category Change Handler jQuery(“[data-filter-cat]”).change(function (e) { jQuery(‘[data-cat]’).removeClass(‘mobi-active-filter’); jQuery(‘[data-infotab].active’).removeClass(‘active’); var catName = jQuery(this).data(‘filter-cat’); jQuery(`[data-infotab=’${catName.toLowerCase()}’]`).addClass(‘active’); jQuery(“[data-filter-cat]”).each(function (ele) { if (jQuery(this).find(“input”).is(“:checked”)) { cat = jQuery(this).data(“filter-cat”).toLowerCase(); jQuery(“.show-wrapper.tabbed”).has(`[data-cat=”${cat}”]`).addClass(“prepare”).find(`[data-cat=”${cat}”]`).addClass(‘mobi-active-filter’); } }) slideInShows(“prepare”, “active”); }); \/\/ Page init default Category Handler & Default Open Listicle setTimeout(function () { jQuery(“[data-filter-cat]”).each(function (ele) { if (jQuery(this).find(“input”).is(“:checked”)) { cat = jQuery(this).data(“filter-cat”).toLowerCase(); jQuery(“.show-wrapper.tabbed”).has(`[data-cat=”${cat}”]`).addClass(“prepare”); } }); slideInShows(“prepare”, “active”); jQuery(“.cat-filter label:first-child”).delay(500).trigger(“click”); jQuery(“.show-wrapper:first-child .accCtrl”).eq(0).delay(1000).trigger(“click”); }, 300); \/\/ Lower Case All Data Attributes. let lowerCaseAll = function (ele) { jQuery(ele).each(function () { var $this = jQuery(this), data = $this.data(); for (var k in data) $this.attr(“data-” + k, data[k].toLowerCase().trim()); }); } lowerCaseAll(jQuery(“[data-filter-cat], [data-cat], [data-infotab]”)); });[\/tcb-script]<\/p>\n","protected":false},"excerpt":{"rendered":"

Theatres in London showcase some of the best plays and musicals in the world. Before you take your seat at a London theatre, browse the best shows running in West End this July! Best West End Shows In July [tcb-script] const getTGIDListForMonth = (allTours,displayMonth) => { const allToursArray = Object.values(allTours); const startMonthDate = dayjs( `${displayMonth}\/01\/${dayjs().year()}`, […]<\/p>\n","protected":false},"author":30,"featured_media":85120,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[781,779,547],"tags":[6745,6994,6990,6284,6453,7120],"yoast_head":"\nBest West End Shows in July 2026 London Theatre Guide | Headout<\/title>\n<meta name=\"description\" content=\"Browse our London Theatre 2026 calendar and book your tickets for West End shows, musicals & plays running in July 2026.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best West End Shows in July 2026 London Theatre Guide | Headout\" \/>\n<meta property=\"og:description\" content=\"Browse our London Theatre 2026 calendar and book your tickets for West End shows, musicals & plays running in July 2026.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/\" \/>\n<meta property=\"og:site_name\" content=\"Headout Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-08T14:00:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-19T14:31:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg\" \/>\n<meta name=\"author\" content=\"Lakshmi Menon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lakshmi Menon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Best West End Shows in July 2026 London Theatre Guide | Headout","description":"Browse our London Theatre 2026 calendar and book your tickets for West End shows, musicals & plays running in July 2026.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/","og_locale":"en_US","og_type":"article","og_title":"Best West End Shows in July 2026 London Theatre Guide | Headout","og_description":"Browse our London Theatre 2026 calendar and book your tickets for West End shows, musicals & plays running in July 2026.","og_url":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/","og_site_name":"Headout Blog","article_published_time":"2022-03-08T14:00:02+00:00","article_modified_time":"2023-09-19T14:31:36+00:00","og_image":[{"url":"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg"}],"author":"Lakshmi Menon","twitter_card":"summary_large_image","twitter_image":"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg","twitter_misc":{"Written by":"Lakshmi Menon","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/#article","isPartOf":{"@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/"},"author":{"name":"Lakshmi Menon","@id":"https:\/\/www.headout.com\/blog\/#\/schema\/person\/fe80bf96115b325c05ea56f8a6e0a2f7"},"headline":"Best West End shows in July, a London Theatre guide","datePublished":"2022-03-08T14:00:02+00:00","dateModified":"2023-09-19T14:31:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/"},"wordCount":2769,"commentCount":0,"publisher":{"@id":"https:\/\/www.headout.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg","keywords":["c-167","Entertainment","Listicle","London","Summer Blogs","United Kingdom"],"articleSection":["Best West End Shows","London Theatre Tickets","Things to do in London"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/","url":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/","name":"Best West End Shows in July 2026 London Theatre Guide | Headout","isPartOf":{"@id":"https:\/\/www.headout.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/#primaryimage"},"image":{"@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg","datePublished":"2022-03-08T14:00:02+00:00","dateModified":"2023-09-19T14:31:36+00:00","description":"Browse our London Theatre 2026 calendar and book your tickets for West End shows, musicals & plays running in July 2026.","breadcrumb":{"@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/#primaryimage","url":"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg","contentUrl":"https:\/\/cdn-imgix.headout.com\/tour\/25700\/TOUR-IMAGE\/8e5372af-8365-4720-9bf6-ca3d1346939e-7.jpg","width":"1500","height":"937","caption":"Best West End Shows in July | London Theatre Guide"},{"@type":"BreadcrumbList","@id":"https:\/\/www.headout.com\/blog\/best-west-end-shows-july\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Things to do in London","item":"https:\/\/www.headout.com\/things-to-do-city-london\/"},{"@type":"ListItem","position":2,"name":"London Theatre Tickets","item":"https:\/\/www.headout.com\/london-theatre-tickets-c-167\/"},{"@type":"ListItem","position":3,"name":"Best West End Shows","item":"https:\/\/www.headout.com\/blog\/best-west-end-shows-london\/"},{"@type":"ListItem","position":4,"name":"Shows in July"}]},{"@type":"WebSite","@id":"https:\/\/www.headout.com\/blog\/#website","url":"https:\/\/www.headout.com\/blog\/","name":"Headout Blog","description":"Where will you go next?","publisher":{"@id":"https:\/\/www.headout.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.headout.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.headout.com\/blog\/#organization","name":"Headout","url":"https:\/\/www.headout.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.headout.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.headout.com\/blog\/wp-content\/uploads\/2016\/07\/headout-logo.png","contentUrl":"https:\/\/www.headout.com\/blog\/wp-content\/uploads\/2016\/07\/headout-logo.png","width":550,"height":84,"caption":"Headout"},"image":{"@id":"https:\/\/www.headout.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.headout.com\/blog\/#\/schema\/person\/fe80bf96115b325c05ea56f8a6e0a2f7","name":"Lakshmi Menon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.headout.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/47293d4b1b985cc456d8d147bb654bc4?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/47293d4b1b985cc456d8d147bb654bc4?s=96&r=g","caption":"Lakshmi Menon"},"description":"Born to parents bit by the wander bug, Lakshmi calls her love for travel \"hereditary and habitual\". Perpetually ensconced with a book in her hand and a mug of coffee in the other, she has been to over 15 countries in her 23 years of existence and is currently saving miles and money for her solo trip to Iceland. Always hustling towards the least trodden path, she has encountered some wonderful people during her escapades and if you ever meet her, she won't stop gushing about them.","url":"https:\/\/www.headout.com\/blog\/author\/lakshmi-menon\/"}]}},"_links":{"self":[{"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/posts\/84863"}],"collection":[{"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/comments?post=84863"}],"version-history":[{"count":25,"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/posts\/84863\/revisions"}],"predecessor-version":[{"id":144952,"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/posts\/84863\/revisions\/144952"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/media\/85120"}],"wp:attachment":[{"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/media?parent=84863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/categories?post=84863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.headout.com\/blog\/wp-json\/wp\/v2\/tags?post=84863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}