Howto check if current visitor is shop's admin?

Question

I would like to create a product that would be available in Shopify\'s storefront but would only be accessible for the shop administrator. Is there anyway to identify if the

Answer 1

Just figured out this method that works. (Basically the same thing as the old method, just another way around!)

Detecting logged in admin viewing site:

{% if content_for_header contains 'adminBarInjector' %}
   <script>
     console.log("You're a logged in admin viewing the site!");
   </script>
{% endif %}

Detecting admin in design mode:

{% if content_for_header contains 'designMode' %}
   <script>
     console.log("You're an admin in design mode!");
   </script>
{% endif %}

Answer 2

EDIT: This seems not to be working anymore since an update to Shopify.

---

I know this is late, but here is what I've used and it has worked correctly in my testing. This is adapted from the previous answers, but allows use for Customise Theme options, etc.

{% capture CFH %}{{ content_for_header }}{% endcapture %}{{ CFH }}

{% assign isAdmin = true %}

{% if CFH contains '"__st"' %}
    {% if CFH contains 'admin_bar_iframe' %}{% else %}
        {% assign isAdmin = false %}
    {% endif %}
{% endif %}

Answer 3

If you're signed in as an admin, when rendering the {{ content_for_header }} include, it will contain some JavaScript to push the page content down to make room for the Shopify admin bar.

We can utilize capture to store the {{ content_for_header }} code as a liquid variable and then use the contains operator to check if admin_bar_iframe exists in the variable.

{% capture CFH %}{{ content_for_header  }}{% endcapture %}{{ CFH }}

{% if CFH contains 'admin_bar_iframe' %}
    {% assign admin = true %}
{% endif %}

{% if admin %}
    <!-- User is an admin -->
{% else %}
    <!-- User is not an admin -->
{% endif %}

Note: I've noticed that the Shopify admin bar doesn't populate at all times (I think its a bug). If your Shopify admin bar is not populating on your instance this will not work.

Answer 4

Another approach would be to use Customer Accounts. Liquid provides a {{ customer }} object, which is only present when a user (customer) is logged in.

You can add a specific tag to an admin user and use liquid to verify if a tag is present:

{% if customer.tags contains "admin" %}

And of course you need to identify your product as 'admin-only', for example using tags:

{% if customer.tags contains "admin" and product.tags contains "admin" %}
  <!-- render product -->
{% else %}
  <!-- do nothing -->
{% endif %}

Answer 5

Currently there isn't. You could perhaps try inspecting cookies and stuff to see if there's some identifying information that would let you know if the user is an admin, but it would be fragile.

This would also require rendering the items, but hiding them via CSS. Then you'd show them using JS after you've run your checks.

As stated, this would probably be really fragile.

Answer 6

This is a more complete version of that provided by kyle.stearns above (I can't comment on it because new). One of the main instances where admin bar doesn't load is when previewing themes. Here is the amended code which I've used (updated June 2018 - as Shopify edited the way we preview themes):

  {% capture CFH %}{{ content_for_header  }}{% endcapture %}

{% if CFH contains 'admin_bar_iframe' %}
{% assign admin = true %}
{% elsif CFH contains 'preview_bar_injector-' %}
{% assign admin = true %}
{% endif %}

{% if admin %}
<!-- User is an admin -->
<script>
  alert ("do some work");
</script>
{% else %}
<!-- User is not an admin -->
<script>
  alert ("please buy some stuff");
</script>
{% endif %}

If you're using Plus then you also have access to the User via api.