Clear the Compare Results When Switching Listing Types

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Instructions

Create a new JS code snippet.
Copy the contents of code snippet below.
Paste the contents into your code snippet.
Review any notes that I’ve provided.
Save and enable the code snippet.
Test.

Snippet

By default, when you compare Listings on an Explore page and switch to a different Listing Types tab, the compared Listings will follow.

In most cases, this presents an undesirable experience because comparing Listings under a particular Listing Type with Listings from another Listing Type wouldn’t make much sense. It’s comparing apples to oranges.

This code snippet will ensure the compared Listings are cleared out as the user navigates between the various Listing Type tabs.

jQuery( $ => {
 if ( MyListing.Explore ) {
  $('.explore-head .explore-types>div').click(function(){
   MyListing.Explore.compare = []
  })
 }
} );

MyListing Pro

One plugin. Endless possibilities.

Pro Community

Join for free today.

My Tech Stack

Trusted tools and resources.

Software Deals

Save on Premium Solutions.