Category: Development

Shopify Product Inventory Information App

ByThomaslCategoriesInDevelopmentPosted onOn

Our new app that let’s you display product inventory location information on your shopify frontend has been listed in the shopify app store if you have multiple locations setup in shopify, and want to display shopify product stock quantities per location in the frontend, try our app for free for 14 days!

We created this app because some of our customers who have a shopify store, and multiple brick and mortar locations were looking to display their shopify inventory quantities on the product page. They already set up shopify multi location in the backend, and wanted to use that information to give the customer an idea of inventory close to them.

Show Lightspeed Inventory Information on shopify

ByThomaslCategoriesInDevelopmentPosted onOn

With our new app to display inventory levels per shopify location on the frontend, we got a request to connect the shopify app with a lightspeed retail account .So that the customer could display inventory information from the lightpseed retail accounts, in stead of shopify. This is interesting for brick & mortar stores, who use lightspeed retail for physical locations, and have an online store running on the shopify platform. The only thing needed in order for this to work is that the skus on shopify and lightspeed match.

The interface has been developed, and even with 40+ store locations it works like a charm.

Shopify Frontend Inventory Quantities per Location

ByThomaslCategoriesInDevelopmentPosted onOn

A lot of merchants who need inventory levels displayed per location on the shopify frontend have reached out, and came up with great feature ideas to add to the inventory locations app which I’ve made so that you can display location inventory information on the frontend in shopify.

These are the current options in the app to show inventory levels per location:

  • Hide Out of stock locations in frontend
  • Only Show Out of stock / In stock per location (don’t show the exact inventory quantities on the shopify frontend)
  • Use inventory threshold to display out of stock / Low stock / High stock at certain quantity amounts
  • Rename Location names for displaying inventory in the frontend (if your backend location names aren’t descriptive enough, you can rename it for the frontend listing)

 

screenshot

 

If you have any other ideas to add to this app, just let me know, if it fits the apps goal to show location inventory information on the shopify frontend I would be happy to add it.

One Merchant asked me to create a lightspeed connection between the app and shopify, so he is able to display his lightspeed retail inventory on the shopify frontend. I’m currently creating a seperate lightspeed app for that, if you are interested let me know.

Shopify Show Product Inventory Location Frontend

ByThomaslCategoriesInDevelopmentPosted onOn

 

If you want to show the shopify product inventory locations on the frontend, there is no real out of the box way, but I wanted to list the different product locations and inventory in shopify frontend for a customer, so I created an app for it.

it’s not listed in the app store yet, since I want to add it for review after a testing period and then it needs to get reviewed first, but you can already use it like any other app. Instructions down below.

the App will get the inventory location information through the backend API and return it to the frontend.
For performance purposes I’ve currently set the inventory information of a product to be cached for 1 minute, I’m thinking about making this configurable.

I would really like to get some feedback, if you have any features you would like to see let me know

For anyone interested I have added a 30 day free trial for now after that the price will be $4.99 for early birds, this is to get everyone on board in improving the app. when the app is released, it will be 7 day trial with a $8.99 a month price.

Installation instructions:

  1. Install the app by entering your store name here: https://inventorylocations.checkmyapp.net
    the app will add a script to your active theme, that will take care of getting the inventory information
  2. Add this div to the product-template.liquid file of your theme: 
     <div id="inventoryLocationInformation">
            <strong>Inventory:</strong><br />
            <span class="inventoryLocationLoading">Loading..</span>
          </div>
  3. That’s it!

 

The app is running on my live server, where some other apps run on too, so you can rest assured that it won’t shutdown without any notice.

 

You can setup which locations you do want to display their inventory for (if you want to hide some warehouse for instance)

screenshot

 

Frontend, app in action: (you can also check it here : https://shipping-demo.myshopify.com/products/test-product

action_app

 

let me know what you think, and if you have any questions / remarks just let me know

Shopify automatic discount for product in cart

ByThomaslCategoriesInDevelopmentPosted onOn

In shopify there is no out of the box way to add a discount code when a product get’s added to the cart.

If you have a certain product that you want to add a discount for when it is added to the cart, you can add a hidden input field with your discountcode like this:
comments added for clarity.

in cart-template.liquid Add this just before the “{% for item in cart.items %}” part:

{% assign hasDiscountedProduct = false %}

and this inside the loop (so just below {% assign hasDiscountedProduct = false %} ):

{% comment %} 
  see if we have the discounted product in the cart
  If they need to have 2 different products, you need some extra work (maybe set 2 vars, then after the loop check if both vars are true before adding the hidden field
{% endcomment %}
{% if item.product_id == 10056422096932 %}
  {% assign hasDiscountedProduct = true %}
{% endif %}

You can add some custom content inside the forloop on the discounted product, or just below the endfor, so the customer will see they will get the discount.

Add this snippet just before the form closing tag, so the input get’s posted to the checkout part:

{% comment %} Is a product in the cart valid for using a discount code? let's add the discount code field{% endcomment %}
  {% if hasDiscountedProduct == true %}
    <input type="hidden" name="discount" value="your-discount-code-created-in-shopify" />
  {% endif %}

If you have a lot of products where you want the discount to be automatically added to the checkout, you could add a specific tag to these products like “discounted_product”
and then replace this code:

{% if item.product_id == 10056422096932 %}

with:

{% if item.product.tags contains 'discounted_product' %}

(make sure to hide this tag on the frontend if you display tags on your site)