Question 1

Inventory Information - Developer Javascript Events

Accepted Answer

If you are a developer, and want to use our app for custom functionality, you can access these events:

tomitVariantChanged Listen to this event to reparse data if you need to

tomitLoaded for instance If you would like to get inventory information for multiple products, you can use our object once it's loaded: document.addEventListener('tomitLoaded', function(e) { var productIds = ['123422,464117']; tomitProductInventoryInfo.getProductsInventoryInformation(productIds).then(function(e){ console.log(e); }); }); </script>

tomitProductLoaded

For instance, on a product page if you would like to get the product object with inventory information, you can listen for the tomitProductLoaded event:

<script type="text/javascript"> document.addEventListener('tomitProductLoaded', function(e) { console.log('product loaded'); console.log(tomitProductInventoryInfo.activeProduct); }); </script>

If you would like to display the inventory block in another element on the page as well (sometimes you have a mobile template hidden for instance)

```

Question 2

Inventory Information - styling the inventory list

Accepted Answer

Since every store has their own look and feel, and everyone has their own wishes for the styling, we've decided to leave any styling up to you. here are a few things you can do.

Remove dots from location list If you want to remove the dots from the location list, add this snippet to your theme.scss.liquid file (somewhere at the bottom): ```ul#tomitinventorylist { list-style-type: none; padding: 0; margin: 0; }

tomitinventorylist li {

margin: 0; padding: 0; }```

Color inventory Threshold If you use the 3 inventory threshold values (out of stock, low stock, high stock) you can use this css snippet to give the text some color: .tomItInventoryLocationHighStock{ color:#00b268; } .tomItInventoryLocationLowStock{ color:#f29500; } .tomItInventoryLocationNoStock{ color:#bc1f00; }

Question 3

Inventory Information - How Do Pickup Locations Work?

Accepted Answer

When you enable pickup options, your customer will be able to select a pickup location on the product page:

Once the order is placed our app will reserve the inventory on the correct selected location. the order will have fulfillment status "open"

This is what the order detail page looks like:

When the customer picks up the order, you can mark the order as fulfilled.

Question 4

PostNL - How do i set up the app?

Accepted Answer

App settings

In the settings you have to fill in your post nl klantnummer (${color}#ff0000) first. This can be found in the my postnl environment.

The post NL klantcode (${color}#ff0000) must be entered in the 2nd box. The post NL klantcode can also be found in the my postnl environment. First click on name -> my account in the top right corner of my postnl environment.

Then you have to click under module settings on afzender en retouradressen.

The post NL klantcode can then be found under the algemeen general.

Next you need to fill in a PostNL Api-Key(3). You can request a PostNL Test (Sandbox) API-Key via https://developer.postnl.nl the required API's are:

Shipping
Labelling
Shipping
Location

With this key you will need to create a few test labels, to make sure everything works.

When you are done testing, you can get a Production API via the PostNL CIT Service Desk.

The telephone number of the CIT Service Desk is: +31 (0)88 225 56 51

**Fullfill orders automatisch ** When this option is enabled, the track and trace code will automatically be put

Question 5

Inventory Information - Stop disable add to cart for certain products

Accepted Answer

If you want to enable the feature that blocks the add to cart button for products, but have some products you do not want to disable the add to cart button for, you can block the functionality with this script:

<script>
document.addEventListener('tomitLoaded', function(e) {
  tomitProductInventoryInfo.setBlockDisabling(true);
});
</script>```


If for instance you want to disable the behaviour for products that don't track inventory:

{% if product.inventory_management != 'shopify' %}

{% endif %}```

Question 6

Product spotlight - How do i use the app?

Accepted Answer

As soon as the Blog Product Spotlight app is installed, all your blog articles are being scanned on product links and all your current link can show up as pop-ups in your blog. when you've created a new article or edited an old article you will have to re-scan your blogs. to re-scan your articles you'll need to go to the settings page of the Product spotlight app.

when you are at the settings page click on the **re-scan articles **button and you are ready to go.

Frequently Read Articles

Browse All Categories