Shopify Live View Globe Driving You Nuts? Here's How to Turn It Off!

Hey fellow store owners! That spinning globe on your Shopify admin's Home screen, showing live customer activity, has become a real point of discussion in the community. While some find it useful, many, like hartatak62 in a recent Shopify Community thread, find it incredibly distracting: "PLEASE give me a way to turn that off. It is not useful." If you're tired of it pulling your focus, you're not alone! The good news is, while Shopify hasn't offered a native toggle yet, our community has shared clever workarounds. Let's explore them and reclaim your focus!

The Quick Bypass: Bookmark Your Way to Sanity

This is hands-down the simplest and most practical solution, especially if you prefer not to use browser extensions. Instead of landing on the Home screen with its mesmerizing globe, you can simply bypass it entirely. The initial expert in the thread highlighted this as the most practical solution until Shopify offers a native off switch.

How to Set Your Default Shopify Admin Page:

  1. Identify your store's handle. This is usually part of your Shopify admin URL (e.g., if your URL is https://admin.shopify.com/store/my-awesome-store/, your handle is my-awesome-store).
  2. Create a new bookmark in your browser with the following URL:
    https://admin.shopify.com/store/YOUR-STORE-HANDLE/orders
    Just remember to replace YOUR-STORE-HANDLE with your actual store name.
  3. Alternatively, you could bookmark your Products page or any other frequently used section:
    https://admin.shopify.com/store/YOUR-STORE-HANDLE/products
  4. Set this new bookmark as your default for Shopify access. Every time you open your Shopify admin from this bookmark, you'll now land directly on your Orders or Products page, completely skipping the distracting Home screen.

Taking Control with Browser Extensions: Custom CSS to the Rescue

For those wanting to keep the Home screen but hide just the globe, browser extensions allowing custom CSS injection are your best friends. This approach is more technical, but incredibly effective and precise.

Method 1: Using Stylebot (or Similar Custom CSS Extensions)

Extensions like Stylebot let you write custom CSS rules for specific websites, affecting only your browser view.

  1. Install a free browser extension like Stylebot for Chrome or Stylebot for Firefox.
  2. Navigate to your Shopify admin Home screen.
  3. Click on the Stylebot icon in your browser's toolbar, then open the 'Open Stylebot' editor.
  4. Paste the following CSS rule into the editor:
    [data-live-map], .LiveMap, iframe[src*="live-view"] {
      display: none !important;
    }
  5. Save your changes. The globe should disappear instantly!

Method 2: Using "User Javascript and CSS" Extension

Community member tim_tairli shared another fantastic Chrome option: the User Javascript and CSS extension, perfect for injecting custom code.

  1. Install the User Javascript and CSS Chrome extension.
  2. Once installed, navigate to your Shopify admin page.
  3. Click on the extension icon in your browser toolbar; a sidebar will open. Ensure you're on the CSS tab.
  4. Add the following CSS rule:
    [class^=_Globe] {
      display: none;
    }
  5. The changes are usually applied immediately. Here are tim_tairli's helpful screenshots to guide you:



The Ad Blocker Approach: uBlock Origin

Another popular community suggestion, from mudasir1, involves using a robust ad blocker like uBlock Origin. While tim_tairli cautioned about potential false positives when using ad blockers on admin pages, uBlock Origin's specific 'Block element' feature can be precise and generally safe for this task, offering a quick, code-free way to hide the globe.

How to Block the Globe with uBlock Origin:

  1. Install the free uBlock Origin extension for Chrome or uBlock Origin for Firefox.
  2. Navigate to your Shopify admin Home screen where the globe is spinning.
  3. Right-click on the spinning globe itself.
  4. From the context menu, select 'Block element' (this option is specific to uBlock Origin).
  5. uBlock Origin will highlight the element it's about to block. Confirm that it's the globe and then click 'Create' or 'Block'.
  6. The globe will be hidden from your Home screen permanently on your end.

The Long-Term Solution: Making Your Voice Heard

These are all great workarounds, but a native toggle from Shopify is truly what we need. The initial expert reminded us that there's an active thread on the Shopify Community feedback board specifically requesting this feature. Shopify tracks these votes, so upvoting it can help prioritize its development.

So there you have it! Whether it's a simple bookmark, custom CSS via an extension, or a targeted ad blocker, the community has provided several ways to banish that distracting spinning globe from your Shopify admin. It's a prime example of how we can collectively find solutions when new features don't quite fit everyone's workflow. Give these methods a try and enjoy a more focused, less distracting Shopify admin experience!

Share:

Start with the tools

Explore migration tools

See options, compare methods, and pick the path that fits your store.

Explore migration tools